Первый пост в канале и сразу хочется поговорить о том, а для чего бизнесу нужен UX-дизайнер💬

👌Доказанный факт
Google и MTM провели совместное исследование и выяснили, что трое из четырех пользователей удаляют приложения по причине недовольства интерфейсом.

📝Предисловие
Проработкой функциональности, логики и повышением эффективности работы пользователя с продуктом занимается UX-дизайнер.

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

Так кто же такой UX-дизайнер?
🥁🥁🥁

UX-дизайнер — специалист, задачей которого является проектирование удобного, нативного и логичного для пользователей продукта. Перед стартом разработки сайта или приложения он проделывает большую предпроектную работу: сбор информации от бизнеса, изучение целевой аудитории будущего продукта, аудит конкурентов, проведение исследований, работа над юзабилити (обеспечивает легкость и удобство взаимодействия пользователя с интерфейсом продукта).

🛠Фазы работы UX-дизайнера

Процесс разработки продукта можно разделить на несколько этапов. Но в зависимости от специфики и бюджета, некоторые этапы могут проходить в упрощенном виде
👇🏼

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

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

🔍 Определение структуры
На этом этапе создается информационная архитектура, которая позволяет правильно спроектировать структуру сайта или приложения.

🔍 Генерация идей
Имея четкое представление о своих пользователях, рынке и конкурентной среде, дизайнеры приступают к генерации идей. В рамках этого шага они создают: наброски будущего интерфейса (скетчи), бумажные прототипы, цифровые версии бумажных прототипов и основные сценарии.

🔍 Прототипирование
Этап начинается с проработки прототипа без детализации - варфреймов. Затем прорабатывается User Flow — визуальное представление пути пользователя. Только потом создаются кликабельные высокодетализированные прототипы, которые дают возможность проверить гипотезы и понять насколько успешно пользователь справляется с задачей.

🔍 Юзабилити-тестирование
Обратная связь от пользователей — важное звено в процессе работы над продуктом. Тестирование позволяет выявить барьеры, с которыми сталкиваются в процессе использования продукта, и выработать гипотезы по усовершенствованию. После проработки недочетов и устранения барьеров продукт повторно тестируется.

🔍 Создание макетов и повторное тестирование
На этом этапе прототипы макетов передаются UI-дизайнерам, которые занимается построением визуальной композиции, создают библиотеку компонентов и составляют документацию для передачи в разработку. После чего, готовый к реализу продукт повторно тестируется и дорабатывается. Роль UX/UI-дизайнера может выполнять один человек.

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

🔍 Обеспечение качества и сбор данных
Реализованный проект не означает, что работа UX-дизайнера окончена. На этом этапе собираются отзывы клиентов и метрики: конверсия, стоимость привлечения одной продажи, средний доход с пользователя и отток клиентов. Может быть составлена CJM (карта пути пользователя), задача которой заключается в изучении точек соприкосновения бизнеса с клиентом. Благодаря чему бизнес получает гарантии, что релиз соответствует целям проекта, опыту взаимодействия и требованиям доступности.

Ниже представлены данные лишь нескольких исследований, которые показывают ценность работы UX-дизайнера для бизнеса👇🏼

🗓 Компании, инвестирующие в UX-направление, имеют на 32% больше доходность и на 56% больше выплат для акционеров.

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

🗓60% потребителей считают юзабилити важной характеристикой дизайна интернет-магазина.

🗓94% пользователей не доверяют сервисам или уходят с них, если сталкиваются с неудачным дизайном.

🗓57% пользователей не рекомендовали бы знакомым сервис, не оптимизированный под мобильные устройства.

🗓70% малого и среднего бизнеса не имеют на своих сайтах четкий призыв к действию (CTA).

💡Подведем итог нашего подробного материала

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

Практика показывает: цифровой опыт, как продукт UX-направления, оказывает позитивное влияние на все направления компании и точки взаимодействия с пользователем в целом.

📌Источники
— McKinsey&Company — The business value of design
— Half Of Consumers Consider A Company’s Website Design Crucial To Their Opinion Of That Brand
— Отчет Statista
— Web Design Statistics, Trends & Predictions [2023’s Update]

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

Вот 3 правила в типографике🔽

✔️1. Оптимальная длина строки
Длинные строки мешают фокусироваться на тексте и к середине строки утомляют человека. Короткая же строка напрягает и ломает ритм, потому что читатель вынужден часто возвращаться к началу новой строки. Хорошая строка для чтения — это примерно 60 знаков для веб-версии и 30-40 знаков для мобильного устройства.

✔️2. Контраст и цвет
Ключевые цвета в типографике — черный и белый. Это сочетание цветов — самая контрастная пара в палитре, но не стоит выкручивать эту контрастность на максимум. В детализации текст не потеряет, а напряжение для глаз будет меньше. Если нужен черный цвет, желательно не использовать кодировку #000000, а поменять его, например, на #222222.

✔️3. Кавычки (""/«»/„“)
Один из самых используемых знаков препинания. В зависимости от страны и культуры, дизайнеры используют разный тип кавычек.

Кавычки-ёлочки
Французские «ёлочки» используют в русском, французском, немецком, итальянском и других языках. Если нужно выделить цитату, фразу или название — используйте кавычки-ёлочки. Пример (название) — литературный журнал «Стрела».

Кавычки-лапки
В русском языке немецкие „лапки“ используются, когда нужно поставить кавычки внутри кавычек. Пример: Сосед сказал: «Принеси, пожалуйста, книгу „Приключение Тома Сойера“»

Машинные кавычки
Символ «штрих» ("...") — самый легкий символ для обозначения кавычек и одновременно грубая ошибка. Этот символ перекочевал на клавиатуру компьютера с печатных машинок, которые были созданы для экономии места, когда один знак открывал и закрывал слово или предложение.

Варианты одиночных ‹ёлочек› или ‚лапок‘ встречаются редко и могут быть разного вида – в зависимости от традиций той или иной страны. Например, в Японии используют「kagi」— японские кавычки.

#Design #UX