uxtrends
3.1K subscribers
118 photos
15 videos
1 file
380 links
Новости и инсайты из сферы UX/UI дизайна. Дизайн теория и практика, психология и просто полезные советы для фрилансеров.

Обратная связь @uxtrends_bot

Админ: @boris_ux
Download Telegram
Этапы "Дизайн-мышления"

Для тех, кто забыл, об этой методологии писал вот тут. Если вкратце, в ней решение задачи направлено на проблемы потребителя. Человек тут на первом месте, а не компания.

Методология состоит из 6 этапов:

1. Эмпатия

Эмпатия про то, чтобы не с офиса решать, какой дизайн сойдет для клиентов, а спросить их предпочтения.... у них напрямую. Да-да, прям спросить. Часто в этом помогает интервью, где вы просите рассказать об опыте, связанный с проблемой, которую решает продукт.

На этом этапе очень важно нащупать как можно больше болячек у клиентов. Выяснить все проблемы, которые потенциально может решить ваш продукт.

2. Фокусировка на проблеме

После первого этапа в вашем блокноте должен быть длинный список болей, желаний и замечаний потребителей. Найдите проблему, которая их объединяет. Эффективно, если опросить минимум 10 человек.

3. Генерация идей

Итак, мы определились с аудиторией и их проблемой, которую будем решать. Теперь генерируем и пишем в листочек как можно больше идей. Даже бредовые на первый взгляд лучше вносить, дальше в отборе они отпадут, если действительно плохие.

4. Выбор идеи

Время отбора. Но выбираете не в одиночку, а с командой. С помощью мозгового штурма отбираете 2-3 идей.

5. Прототипирование

Создаем несколько прототипов продукта. Можно при этом в качестве основы использовать не одну, а несколько самых востребованных идей.

Прототип — то, как будет работать продукт. В отличии от последнего, его легко переделать. На прототипе можно быстро и дешево опробовать идеи определить наиболее жизнеспособные, отбросить нерабочие. Вот почему это необходимо.

6. Тест

Создаем реальную обстановку, где клиент может пользоваться продуктом. Показываем ему прототип и собираем обратную связь. Анализируем отзыв и действия клиента во время пользования прототипа и выбираем самый подходящий. В конце даже можно получить гибрид, вобравший в себя сильные стороны нескольких прототипов.

Для чего это все нужно

Маркетолог использует "Дизайн-мышление", чтобы понять, как увеличить продажи. А UX-дизайнер — чтобы сделать интерфейс максимально удобным для взаимодействия с пользователями. Эту методологию используют крупные компании, такие как Гугл, чтобы создавать новые продукты и сделать свой дизайн максимально "продающим".

Если этот пост был полезен, дайте знать в реакциях. Говорят, это занимает всего одну секунду.
👍51🔥12
Тренды UI/UX в 2022 году

Ребята из UPROCK выкатили материал, где поделились своим мнением о 10 трендах UX/UI, которые будут популярны в 2022 году.

При этом статья далеко не подборка. Там автор объясняет, почему пришли именно к такому выводу.

Например, один из трендов, который достигнет пика популярности в 2022-м, это Lottie-анимации. Согласно данным, с 2017-го по 2021-й количество одноимённых поисковых запросов выросло.... на 2300%.

В общем, если вам интересен UX, то статья рекомендована к прочтению. Залетайте:

https://www.uprock.ru/articles/trendy-ui-ux-kotorye-budut-na-pike-populyarnosti-v-2022-godu-i-ne-tolko
👍5
3 программы для 3D-моделирования, которые подойдут для новичков

На прошлой неделе я обещал опубликовать такую подборку, если вы соберете под вот этим постом 60 👏. Вы собрали почти за сутки, поэтому держите подборку 3-х бесплатных программ для начинающий 3D-дизайнеров.

Vectary

Программа, которая в каком-то смысле сделала переворот в этой сфере. Одна из первых, открывшая дверь в 3D-моделирование простому люду.

Раньше, чтобы создавать 3D-объекты, нужно было разбираться в сложных настройках профессиональных программ. Не каждый мог себе это позволить. Пока разработчики из Словакии не выкатили Vectary.

Интуитивно понятный интерфейс, быстрое обучение и при этом не менее мощные инструменты, чем у предшественников, сделали программу одной из самых популярных.
В Figma даже есть плагин от Vectary. Очень хорошо подойдет для новичков, которые только начинают свой путь в 3D-моделировании.

Adobe Dimension CC

Это программа переносит 2D-эскизы в 3D-объекты. Главная фишка — визуализация трехмерных мокапов. Звучит просто, но на самом деле, это экономия 2-3 дней работы.

Переносите файл своей картинки, выбираете нужный мокап и вуаля — получаете готовую 3D-работу. Уйдет на это пару часов.

Spline

Одна из новинок рынка. Тоже позволяет легко создавать 3D-объекты. Можно прямо в веб-среду экспортировать композиции. Фишка этой проги в том, что в ней работы можно анимировать. То есть, создавать 3D-анимации. В той же Vectary пока такой функции нет.

Под конец

Это подборка в большей степени предназначена для новичков. Если сможете собрать под этим постом 70🔥, то выпущу следующую часть. Погнали!
🔥75👍2
Почему у вас нет заказов #3

Это третья, последняя, часть серии. Если пропустили предыдущие, вот они:

Часть 1

Часть 2

Ну, а мы погнали. Почему у вас до сих пор нет заказов:

• Проблемы с общением

Ага, вы правильно прочитали. Если клиенты все хамят, не понимают вас и больше не возвращаются, то, скорее всего, дело не в них.

Нужно осознать одну истину: клиент вообще не обязан разбираться в вашей сфере. Иначе зачем к кому-то обращаться, если человек сам может делать дизайн своего продукта? Поэтому нормально, когда он задает глупые для вас вопросы. Не нормально, когда вы не пытаясь объяснить понятным, а отвечаете раздраженно и обиженно.

Исключение: когда более опытный дизайнер нанимает себе помощника из-за нехватки времени. Но в таком случае вам должно быть проще, ибо общение с клиентом не будет входить в ваши обязанности.

• У вас мало работ

Эту проблему проще решить. Работайте над портфолио. Его задача — дать понять клиенту, что вы способны решить его проблему.

Полезные посты канала на эту тему:

Как найти первых заказчиков

Как составить крутое портфолио

Как составить портфолио

Под конец

Если серия была для вас полезна и хочется больше подобного, кликните по реакциям. По опыту могу сказать, что займет это пару секунд;)

До скорого!
🔥30👍9👎1
Топ-3 книг по UX для начинающих

Не ожидал, что именно эта тема соберет больше всего голосов в воскресном опросе. Держите 3 книги, которые знатно прокачают навыки в ux-дизайне, если вы новичок.

Чтоб было понятно — сначала автор жирным, затем название произведения курсивом:

1. Стив Круг: "Не заставляйте меня думать. Веб-юзабилити и здравый смысл"

Классика в сфере юзабилити. Автор рассказывает, как делать сайт максимально удобным. Главное правило, которое прослеживается через всю книгу: дизайн интерфейса не должен заставлять думать пользователя, а быть понятным и простым на интуитивном уровне.

Книга вышла в 2000 году, но переиздавалась 3 раза, поэтому информация в ней более чем актуальна. Небольшая, около 200 страниц, идеальный баланс между иллюстрациями и текстом, можно прочитать за пару часов.

2. Нир Эяль: "На крючке. Как создавать продукты, формирующие привычки"

Книга от преподавателя маркетинга в Стэнфордской высшей школы бизнеса. Нир рассказывает о "моделе крючка", на основе которого создаются продукты, вызывающие привыкание у клиентов.

Через всю книгу раскрываются основы проектирования и оптимизации пути пользователя — главных элементов в работе UX-дизайнера.

3. Сьюзан Уэйншенк: "100 главных принципов дизайна. Как удержать внимание"

Эту книгу смело можно рекомендовать не только дизайнерам, но всем, кто грезит саморазвитием.

В ней автор рассказывает о том, как человек видит, читает, думает, слышит.... в общем, о нашем восприятии мира. Не очевидные вещи об, казалось бы, очевидных вещах. После прочтения сформируется знание о том, как удержать внимание пользователя. Книгу рекомендую именно для новичков. Для более продвинутых спецов вряд ли написанное там станет открытием.

На этом фсё

Не стал загружать литературой. На первое время этого хватит. Все же, одной теорией UX не освоишь, нужна и практика.

Если было полезно, реакции к вашим услугам. До скорой!

#почитать
👍29🔥13
Дайджест постов

Все, что было в канале за последнюю неделю:

Понедельник

Как дизайнеру найти работу на Западе

Вторник

Этапы "Дизайн-мышления"

Среда

Тренды UI/UX в 2022 году

Четверг

3 программы для 3D-моделирования, которые подойдут для новичков

Пятница

Почему у вас нет заказов #3

Суббота

Топ-3 книг по UX для начинающих

Если было полезно, дайте знать в реакциях. До скорой!
🔥20👍7👏1
Как передать макет в разработку

В разработке интерфейсов также важно разбираться в технической части работы. От гармонии между дизайнером и разработчиком зависит много.

В статье, ссылку на которую оставлю внизу, автор на простом языке рассказал, как передать макет проекта в разработку без потери качества дизайна. Весь легкий текст материала сдобрен приятными и понятным картинками, которые оч помогают понять изложенную информацию.

Вся работа над проектом описана как увлекательный процесс, из-за чего информацию легко воспринимать. Ссылка внизу:

https://vc.ru/design/446227-ot-dizayna-k-frontendu-kak-peredat-maket-v-razrabotku
👍25
Площадки, где можно найти полезные материалы по UX

Небольшой спойлер: в этом посте будут все англоязычные ресурсы. Из русскоязычных я активно читаю только вот эти.

Ну что, поехали:

> Smashingmagazine

Онлайн-журнал с приятным дизайном и 380+ статьями по UX. Тексты там в основном длинные, но оч полезные. Кроме UX, пишут и про другие направления дизайна, а также бизнес, карьера и саморазвитие.

> Alistapart

Компактный дизайн, удобный для глаз шрифт и тонна крутейших текстов от экспертов делают эту площадку одной из самых полезных для дизайнеров. Есть такие рубрики, как и у предыдущего сайта. Но больший упор в техническую сторону UX, что оч помогает в прокачке хард-скиллов.

> Uxplanet

Здесь уже полный уклон на UX. Есть даже рубрика для начинающих. А топ ui/ux агенствам посвящен целый раздел. В общем, то самое место, где вы полностью можете погрузиться в изучение UX.

Под конец

Это сайты, где я больше всего "обитаю". Если было полезно, знаете, как кликать реакции. До скорой!
🔥31👍9
Подборка текстовых циклов на канале

На @uxtrends прошли уже несколько текстовых циклов. Это серия постов на определенную тему, каждая часть которой обычно выходит раз в неделю. Пришли новые подписчики, поэтому поделился самыми популярными циклами тут. Да и для старожилов будет полезно освежить инфу. Поехали.

Инструменты UX-дизайнера:

> Введение: Что общего между ux-дизайнером и маркетологом

> Часть 1 — Исследование ЦА

> Часть 2 — Анализ конкурентов

Этапы подготовки проекта:

1. Вайрфрейм — что это такое и для чего нужен

2. Мокап — что это и для чего нужен

3. Прототип — что это и для чего нужен

Почему у вас нет заказов:

#1 часть

#2 часть

#3 часть

На этом фсё

Есть ещё несколько циклов, про те же методологии, но про них в следующий раз. В конце этой недели выйдет продолжении серии о холодных письмах. Первая часть вот тут. Говорят, тема очень актуальна, поэтому не советую пропускать. Ну и на реакции тут понажимайте, если таких циклов хотите больше.
🔥20👍4👎1
Топ-3 фатальных ошибок начинающих UX-дизайнеров

Без долгого вступления, погнали:

1. Отсутствие исследований пользователей

Я уже писал про важность этого элемента. По сути, весь UX основан на исследовании пользователей. Без этого никак.

2. Проектирование под себя

Этот пункт тесно связан с предыдущим. Привычки и предпочтения пользователей не обязательно соответствуют вашим.

Если вам нравится какое-то модное решение, не факт, что именно оно подойдет вашим пользователям. Тоже самое касается и "хотелок" заказчика. Тут остается только включить дипломатию и убедить клиента, что проект делается под пользователя.

3. Отсутсвие тестирования

Если хотите получить отличный дизайн, то должны тестировать. Лучше протестировать продукт с пару пользователями, чем не тестировать вообще.

Под конец

Конечно же, на самом деле их больше. В этом посте разобрал 3 самых популярных. Если интересно узнать про больше ошибок, реакции к вашим услугам.
🔥38👍8
Площадки, где дизайнер может продавать свои работы #2

Это уже вторая часть серии. Первую можете посмотреть вот тут. А мы погнали:

+ Zazzle

Открытый солнечный дизайн с понятным и простым интерфейсом. На этой площадке можно продавать не только дизайны, но и открытки, упаковки подарки и....... даже свою идею. Единственный, наверное, минус для русскоязычных — платформа полностью на английском. Впрочем, как и все площадки из этой подборки.

+ GraphicRiver

Здесь оч большой выбор товаров: логотипы, шрифты, фотографии, 3D-файлы, векторная и растровая графика. А также видео-ролики, аудио, плагины и даже скрипты. И все это упаковано в легкий и понятный дизайн интерфейса. Даже при желании не заблудитесь на площадке.

+ Redbubble

Популярная платформа для печати по запросу. Здесь можно продавать принты для футболок, плакаты и все, что связано с графическим дизайном.

На этом фсё

Здесь должна быть крутая концовка. Но зачем так мучиться, если можно просто пожелать удачи и напомнить напоследок о реакциях? Правильно, незачем;)
👍27🔥9🥰1
2 главных ошибок в холодных письмах

Для тех, кто тут недавно, советую прочитать первую часть этой серии. Так картина будет полнее.

При отправке холодного письма нужно помнить одну вещь: человек, который его получает, скорее всего, о вас ничего не знает, соответственно, ваше сообщение и тем более услуги ему вообще не сдались. Многие забывают об этом и совершают 2 довольно популярных ошибок:

+ Пишут универсальное письмо

То есть, один и тот же текст с презентацией своих услуг отправляют десяткам, а то и сотням людей. Спам-рассылка. Даже если это сработает, то только, а не благодаря. Лучше писать 3-4 потенциальным клиентам, но при этом тщательно изучить их, выявить проблемы, с которыми можете помочь и получить желаемый результат.

- Слишком долго "здороваются"

У того, кто будет читать ваше письмо, скорее всего, не так много времени, чтобы читать долго вступление и гадать, что же вам нужно. Коротко представьтесь и начните объяснять, чем вы можете ему помочь. Перед этим важно изучить сферу потенциального клиента и разобраться самому, где могут понадобиться ваши услуги.

Под конец

Люди любят индивидуальный подход. И ценят, когда пытаются им помочь и сэкономить время. Учтите это.

Если пост был полезен, знаете, как кликать на реакции. До скорой!
👍396👏1
Фатальные ошибки, продажа своих работ и холодные письма

Эта неделя запомнилась обильным количеством полезного контента. Дайджест постов. Все, что было за последнюю седмицу:

Понедельник

+ Как передать макет в разработку

Вторник

- Площадки, где можно найти полезные материалы по UX

Среда

+ Подборка текстовых циклов на канале

Четверг

- Топ-3 фатальных ошибок начинающих UX-дизайнеров

Пятница

+ Площадки, где дизайнер может продавать свои работы #2

Суббота

- 2 главных ошибок в холодных письмах

По традиции, после дайджеста будет опрос по контенту на следующую неделю Выйдет он завтра утром, чтоб легче думалось на свежую голову. А пока можете набросать интересующие вас темы, на которые хотели бы увидеть посты на канале, в @uxtrendsbot. Там я читаю все обращения, хоть и не всегда успеваю отвечать.

Ну, на этом фсё. До завтра;)
7👍6
Утром благополучно забыл об этом опросе, за что глубоко перед вами извиняюсь.

Итак, выбираем темы постов на эту неделю. Выйдут 4 из 5:
Final Results
6%
Главные ошибки при рефлексии
31%
Топ фатальных ошибок UX-дизайнера #2
20%
Способы конкурентного анализа
15%
Как шрифты влияют на скорость чтения пользователя
28%
Базовые правила хорошего дизайна
Чем отличается дизайн в В2С от В2В

Для тех, кто не знает, В2С для обычных пользователей, а В2В — для бизнеса. Это коротко. Если интересна эта тема, дайте знать в боте или вдарьте внизу по 👏

Работа для этих 2-х направлений не то, что кардинально отличается для дизайнера. Но все же без понимания основ трудновато сразу же влиться.

В статье, ссылку на которую оставлю внизу, дизайнер делится опытом, как переходила из В2В в В2С и почему обратно вернулась в сферу услуг для бизнеса. Нравится, как она раскрывает свои переживания и, используя эмоции, описывает различия.

Главный аргумент, почему из В2С она вернулась обратно в В2В — в сфере услуг для пользователей однотипные задачи, которые довольно быстро надоедают. Ну, для кого как. Есть те, кому лучше выполнять рутинные задачи, чем каждый раз изучать проект сначала.

Статью почитать стоит. Как минимум потому, что там делятся свои опытом, а это ценно:

https://vc.ru/kaspersky/430129-lichnyy-opyt-perehod-v-b2b-kak-sposob-i-vyrasti-i-spastis-ot-rutiny-v-dizayne
👏48👍4🔥3
Базовые правила дизайна #1 — теория близости

Этим постом начинается серия о базовых правилах дизайна. Под каждое — отдельный текст. Планирую 5 частей, а там посмотрим. Ну, поехали.

Объекты, которые находятся близко друг к другу, воспринимаются связанно. Так человек смотрит сайт, читает текст и делает выводы.

Один из самых очевидных примеров — заголовок всегда ближе к тому тексту, к которому относится. Если бы его ставили в середину между нижним и верхним абзацами, то обычному пользователю будет трудно воспринимать его как заголовок. Скорее он подумает, что это цитата, выделенная жирным и большим шрифтом. Поиграйте в тексте этим, сами убедитесь.

Если не следовать этому правилу при составлении дизайна интерфейса, то оч вероятно, что люди уйдут или вовсе не совершат тех действий, которые вы хотите. Ведь UX-дизайнеру важно, чтобы сайт был максимально удобен и понятен для пользователя и подталкивал его к нужным действиям, покупке, например.

На этом фсё

Давайте соберем под этим постом 70 🔥 и я расскажу про следующее правило. Спойлер: называется оно "закон Фиттса". До скорой!
🔥125❤‍🔥7👍5
Подборка текстовых циклов на канале #2

На прошлой неделе вышла первая часть этой серии о.... кхм.... сериях постов на канале (извините за тавтологию, не смог удержаться). Почитайте её, если ещё не сделали это.

А мы продолжим перечислять циклы текстов о дизайн-методологиях на @uxtrends. Это поможет новичкам узнать больше о канале. Да и старожилам отнюдь не помешает. Поехали.

Вообще, стоит начать с основ:

Дизайн-методологии — что это и почему они так важны для дизайнеров

А теперь перейдем к самой первой методологии, вышедшей на канале — латеральное мышление:

1. Латеральное мышление — мощный софт-скилл для дизайнера

2. Этапы решения задачи латеральным мышлением

Следующая методология — CRAFT:

> Часть 1 — Методология CRAFT — как генерировать новые идеи

> Часть 2 — Этапы методологии CRAFT

Последняя пока в этом канале — дизайн-мышление:

#1 Дизайн-мышление — идеальная методология для UX-дизайнера

#2 Этапы "Дизайн-мышления"

Вот и конец

Но только посту, а не циклам. Прямо сейчас на канале идет ещё парочка серий, да и не всех успел упомянуть в подборках. Про оставшихся уже на следующей неделе. Дайте знать там в реакциях, если нравится формат "текстовых сериалов".
🔥17👍81🥰1👏1
Топ-2 фатальных ошибок начинающих UX-дизайнеров

Это продолжении серии, которая началась ещё на прошлой неделе. Первую тройку можете увидеть вот здесь. Сегодня на разборе 4 и 5 самая популярная ошибка новичков. Поехали:

4. Отсутсвие фокуса в интерфейсе

Если проще, "перенасыщение контентом". Для чего нужны UX-дизайнеры? Их нанимают, чтобы они с помощью дизайна сподвигли пользователя совершить какое-то действие. Часто это "покупка товара". Ещё ключевым действием бывает "найти нужную информацию". Сейчас не суть.

И вот часто новички забывают о главной своей задаче и начинают мудрить. В буквальном смысле. Перенасыщают интерфейс разными элементами, чтобы смотрелся "эффектно, красиво и бомбически". Возможно, и вправду визуально интерфейс будет приятным, вот только лишние элементы крадут внимание пользователя. И он засмотрится на красивый сайт и не совершит ключевого действия. Слишком много функционала, сосредоточенный в одном интерфейсе, вредит не меньше. Не забывайте об этом.

5. Непонимания в команде или с клиентом

Если хотите больше зарабатывать, то вам со временем придется браться за сложные проекты. А такие не делаются в одиночку. Над ними работает команда специалистов, которая возьмет на себя определенный этап.

UX — один из важнейших этапов в любом проекте. Если, будучи ответственным за него, не сможете правильно понять требования клиента, найти общий язык с командой убедительно донести команде свои идеи, то вам пока в такой уровень рано. В нынешнее время прокачка софт-скиллов не менее важна, чем хард-скиллы. Не забывайте это.

На этом фсё

Если было полезно, реакции к вашим услугам. До скорой!
👍47🔥12
Конкурентный анализ. Ч.1 — с чего начать

Для чего нужен анализ конкурентов, писал вот здесь. В конце того же поста обещал рассказать, как его проводить, пришло время)

Перед тем, как приступить к способам конкурентного анализа, нужно разобраться, с чего вообще следует начать.

> Определение конкурента

В первую очередь нужно понять, кого стоит анализировать. Находим главных конкурентов. То есть тех, которые предоставляют ваши услуги одинаковым образом.

У Netflix, например, главный конкурент HBOMax. А вот Ютуб или разные онлайн-игры — уже не прямые конкуренты. Они удовлетворяют одну и ту потребность пользователя, — скуку, — но разными методами.

> Определение целей пользователей

Перед любым анализом следует разобраться, с какой целью пользователь заходит в приложение или сайт. И подсмотреть у конкурентов, как они помогают им достигнуть этих целей.

Возьмем Яндекс Музыку. Люди заходят туда, чтобы послушать классную музыку, которая приходится им по душе. Они придумали крутую фишку, которая отлично помогает человеку достигнуть эту цель — "Моя волна".

> Попробовать на себе

Чтобы начать анализировать действия пользователей, следует сначала самому попробовать приложение или сайт конкурента.

Если это онлайн-магазин, следите за тем, как поделены товары на категории и как это реализовано в дизайне. И т.д.

Под конец

В следующей части начну рассказывать про конкретные методики конкурентного анализа. Начну со Сравнительного. Вдарьте по реакциям, если интересно.
🔥62👍294👏1
Влияние возраста человека на восприятие шрифта

Шон Уоллес, докторант факультета информатики Университета Брауна, решил выяснить, как шрифты влияют на эффективность чтения. Результаты оказались достаточно интересными.

Попросили 352 участников в возрасте от 18 до 71 лет прочитать на своих устройствах тексты. Так протестировали 16 самых популярных шрифтов:

Avenir Next, Arial, Avant Garde, Calibri, Franklin Gothic, EB Garamond, Helvetica Neue, Lato, Montserrat, Noto Sans, Open Sans, Oswald, Poynter Gothic Text, Roboto, Times и Utopia.

Оказалось, что люди старше 35 лет читают медленнее во всех шрифтах, кроме 2-х: Montserrat и EB Garamond.

Решили выяснить причину эксклюзивности этих двух шрифтов и узнали интересный факт: Montserrat имеет самую высокую строчную букву. То есть, высота шрифтов напрямую влияет на удобство и скорость чтения. А что касается EB Garamond, он имеет засечки, что придает ему классический вид. Но в отличии от других шрифтов с этим атрибутом в списке, у него более современные характеристики, что выделило EB Garamond среди схожих конкурентов.

А если прийти к общему выводу, то всплывает главная проблема дизайна: нету того "среднего пользователя", на которого можно было бы опираться, как на шаблон. Поэтому выигрывают те приложения и сайты, где человек может настроить чтение текста под себя.

P.s. Это новый формат на канале: краткое изложение дизайн-исследований. Как вам он?
👍103🔥43