Чем продакт-дизайн отличается от UI/UX

Когда мы слышим такие термины, как UI/UX дизайн или продакт-дизайн, единственное, в чем мы точно уверены, – это в том, что речь идет о разработке чего-то для пользователя/покупателя. Того, что он видит и с чем взаимодействует, что бы мы ни предлагали. Тем не менее, эти два термина очень широки с точки зрения бизнеса.

Дизайн пользовательского интерфейса (UI)

UI (дизайн пользовательского интерфейса) – это конкретно дизайн экранов вашего мобильного приложения, сайта и т. д. Он включает в себя высококачественную графику и привлекательные креативы. Говоря коротко, пользовательский интерфейс – это все, что мы видим на конкретном экране, включая все изображения, иконки, шрифты, анимации и эффекты.

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

Дизайн пользовательского опыта (UX)

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

UX включает в себя море документирования и мозгового штурма, а UI придает UX тот вид, который понравится пользователю. В этот процесс входит множество подразделов. Например, user flow (пользовательский сценарий), вайрфрейминг, прототипирование, создание пользовательского интерфейса и т. д.

UX лучше, чем UI? У вас должен был возникнуть этот вопрос, если вы изучаете возможности в дизайн-индустрии и не уверены, какую сторону выбрать для лучших карьерных перспектив и зарплаты. Я слышал, как многие говорят, что UX лучше, чем UI, потому что это высокооплачиваемая работа. Но, если честно, все зависит от контекста. Если вы хороший UI-дизайнер, вы можете зарабатывать гораздо больше, чем UX-дизайнер, и получить множество возможностей для карьерного роста. С другой стороны, UX – это тоже интересная и творческая работа.

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

Продакт-дизайн

В наши дни, в эпоху многочисленных стартапов, продуктовый дизайн особенно популярен. Объясняя термин одной строчкой, продакт-дизайн – это плюс-минус тот же UI/UX для продукта с учетом бизнес-перспективы. Это означает, что у нас так много бизнес-ограничений с разных точек зрения (вроде продаж, технологий и операций), что это делает дизайн ориентированным и на пользователя и на бизнес одновременно.

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

Источник:  https://design-glory.com/?p=12700

Пять принципов хорошего UX

1. Интерфейс должен быть человечным
Хороший продукт подстраивается под человека с его слабостями и привычками, а не заставляет подстраиваться под себя. Пользователи делают ошибки, меняют мнение, плохо запоминают информацию и не любят считать в уме. Рутинную работу приложение должно сделать за человека: напомнить о регистрации на рейс, подсказать время до вылета, указать на опечатку в имени и восстановить случайно удалённые билеты.

Забота проявляется во всём: нужная кнопка прямо под пальцем, шрифт легко читается, сообщения об ошибке можно понять с первого раза. Тексту важнее быть понятым, чем юридически точным. Это не значит, что нужно писать неточный текст – нужно стремиться к компромиссу. Если пользователь устанет разбираться в формулировках и в итоге сделает неправильно, значит, даже самый корректный текст со своей задачей не справился.

❌ Для оформления полиса страхования ОСАГО необходимо подготовить водительское удостоверение и свидетельство о регистрации транспортного средства
✅ Подготовьте водительские права и свидетельство о регистрации (СТС)

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

❌ Сохранить изменения в документе перед закрытием? Сохранить / Не сохранять / Отмена.
✅ Молча сохраняем результат

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

3. Следим за контекстом
Хороший сервис понимает, что у человека есть своя жизнь за пределами экрана. Он не разбудит в 2 часа ночи сообщением о скидках и не будет слепить перед сном (поэтому так популярны тёмные темы оформления). Если хорошим приложением пользуются на улице, то его интерфейс будет крупным и контрастным, чтобы считываться в движении на ярком солнце.

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

4. Формируем ожидания
Хороший сервис помогает человеку спланировать время и держит в курсе происходящего. Например, не очищает корзину молча, а предупреждает, что через 30 дней файлы удалятся.

Человек заполняет длинную заявку на кредит и жмёт «Отправить»:

❌ Плохой сервис выдаёт всплывающее окно «Заявка отправлена». У клиента сразу вопросы: Что дальше? Кредит одобрен? Когда ждать решения?
✅ Хороший сервис выдаёт страницу «Спасибо за вашу заявку. Наши специалисты позвонят вам в течение двух часов и сообщат решение». Рядом кнопка «Сообщить по почте».

5. Последовательность и создание привычек

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

Если у клиента банковского приложения 95% операций — переводы, то лучше при следующем запуске показывать страницу переводов. Хорошая электронная книга сразу открывает роман на нужной странице, а не показывает всю библиотеку каждый раз.
Что будет, если следовать этим правилам

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

Поэтому нам так важен качественный UX – если приложением неудобно пользоваться, то человек предпочтёт всё сделать по старинке. Всё, о чём мы говорили выше, решает именно эту задачу. Подумать за пользователя, предугадать его желания, подстелить соломку на случай сбоя. Так пользователь превращается в довольного клиента.

Источник

Руководство по UX-исследованиям для начинающих

Вы заинтересованы в том, чтобы узнать больше о UX-исследовании, даже если у вас нет опыта?

Эта статья станет исчерпывающим руководством, которое поможет вам ответить на семь распространенных вопросов о UX-исследованиях, которые задают новички.

Автор поделится идеями, которые узнал от Джейн Сури директора по дизайну в IDEO, UX-исследователя из Google, чтобы помочь ответить на любые возможные вопросы касательно того, кто такой UX-исследователь.

Читать: https://ux.pub/editorial/rukovodstvo-po-ux-issliedovaniiam-dlia-nachinaiushchikh-3png

7 волшебных «больше» для улучшения UX/UI

Когда цифровой продукт не оправдывает ожиданий, мы начинаем отчаянно искать объяснение. Сайт выглядит хорошо, все функции на месте – так где же активные пользователи? Почему конверсия не становится больше? Что пошло не так?

Прежде чем потратиться на дорогостоящее тестирование, посмотрите на свой сайт или приложение через призму 7-ми «больше». Этот метод поистине волшебен, так как выявляет скрытые причины.

Что значит «больше»? Представьте группу равнодушных гостей, вяло раскладывающих еду по тарелкам. Что случилось? Еда должна быть вкуснее? Хозяин более гостеприимным? Гости голоднее? Атмосфера более расслабляющей?

Иногда что-то не работает просто потому, что этого недостаточно. Гости не едят, потому что еда недосолена. Растение не растет, потому что ему мало света. Аккумулятор не работает, потому что разряжен. Протестировав свой продукт с помощью 7-ми «больше», вы сразу увидите, чего ему не хватает.

Читать: https://design-glory.com/?p=10496

Вёрстка email-рассылки: 6 лайфхаков от дизайнера

Далеко не все дизайнеры готовы заниматься вёрсткой email-рассылок. Якобы письма загоняют творчество в жёсткие рамки. Мы считаем иначе: веб-дизайн писем помогает истинному творцу раскрыться. Как и в других сферах, в email есть правила. Если чётко им следовать, рассылки будут круто выглядеть на всех устройствах и почтовиках и приносить бизнесу доход.

Читать статью: https://vc.ru/design/213751-verstka-email-rassylki-6-layfhakov-ot-dizaynera