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

Привет, Хабр! Меня зовут Света, я — руководитель направления Friflex design. Мы занимаемся разработкой мобильных приложений и веб-сервисов.

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

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

Но 6 сфер, хотя и наиболее популярных и важных, всё равно недостаточно, чтобы получить полное понимание уровня доступности большинства необходимых незрячему пользователю сервисов. Именно поэтому исследование продолжается, и на этот раз наше внимание привлекла такая сфера, как доски объявлений.

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

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

Ранее мы рассказали об общем процессе создания и внедрения нашей дизайн-системы. Сегодня углубимся в технические подробности — поэтапно рассмотрим, что в ходе разработки происходило под капотом. 

Банковское мобильное приложение стало для многих одним из самых часто используемых приложений. Оплата по QR ЖКХ или в супермаркете, сбор денег на подарок или перевод уличному музыканту. Эти или другие операции мы можем делать по нескольку раз в день.

Цель

Найти приложение с оперативным доступом к оплате по QR или переводу по номеру телефона. В идеале кнопка оплаты располагается на первом экране и доступна при использовании телефона одной рукой.

Привет, Хабр! Меня зовут Света, я — руководитель направления Friflex design. Мы занимаемся разработкой мобильных приложений и веб-сервисов и используем разные способы визуализации данных, чтобы быстро и наглядно показать пользователям важную для них информацию.

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

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

Я — Анна, продуктовый дизайнер в компании Ozon, занимаюсь проектированием интерфейсов сайта и приложения компании, также являюсь ревьюером курсов «Дизайнер интерфейсов» и «Веб-дизайнер». Когда я начинаю работать над продуктом, я обращаюсь к разным ресурсам, ссылками на которые поделюсь в этой статье.

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

Про CJM (Customer Journey Map) написано много материалов: какие‑то хорошие, какие‑то не очень. Я решил объединить весь свой профессиональный опыт в одну статью, которая удешевит и упростит процесс работы с картой. Внутри — ссылки, инструменты и совсем немного теории.

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

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

В статье описали наш путь и собрали полезные советы для редизайна. Приятного чтения!

Привет, Хабр! Меня зовут Юлиана Шевчук, и я UX-исследователь в «Контур Эльбе» — онлайн-бухгалтерии для малого бизнеса без бухгалтера. А ещё я преподаю на курсе «UX‑исследования для дизайнеров» в Яндекс Практикуме. 

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

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

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

Что же входит в этот борщ?

Привет, Хабр! Меня зовут Ильдар Хабибуллин, я занимаюсь улучшением клиентского опыта в Личном кабинете МТС Бизнес. Сегодня расскажу, как мы работаем с отзывами клиентов и почему даже несодержательная обратная связь, вроде «Мне не нравится» или «Все нормально», может повлиять на продукт.

Я — Саша Микелова, руководитель исследователей B2C-аудитории в Циан и преподаватель в Практикуме. Занимаюсь исследованиями уже 10 лет. Когда я только пришла в профессию, UX-исследований не делал практически никто. Индустрия развивалась за счёт исследований маркетинговых, основной целью которых было понять, как лучше позиционировать продукт (чаще FMCG — Fast Moving Consumer Goods, то есть товары повседневного спроса) на рынке. Но со временем стала развиваться IT-индустрия, появились новые приложения и, как следствие, стала расти конкуренция. В условиях, когда одну и ту же задачу пользователя могут решить несколько продуктов, важно уже не только само решение задачи, но и то, как именно это делается: фокус перешёл на пользовательский опыт. Сейчас представить разработку любого продукта или фичи без исследования — невозможно. Только получая обратную связь непосредственно от пользователей, можно создать продукт, попадающий аудитории в сердечко.

Всем привет! Меня зовут Кира Калимулина, я руководитель группы UX-редактуры в Ozon. Я занимаюсь всеми интерфейсными текстами в приложении и на сайте. 

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

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

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

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

Получилось ли у нас улучшить UI по этому принципу — узнаете из статьи.

Привет хабр! Меня зовут Виталий Матыцин, я отвечаю за дизайн в Ampire. Cегодня хочу рассказать об особенностях и подводных камнях, с которыми мне пришлось столкнуться во время редизайна.

Привет, Хабр! Меня зовут Мария Бажина, я Android Developer в компании Звук. 

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

Спойлер – в результате разработка фич стала быстрее в 2 раза, сборка дизайн-макетов ускорилась в 3-4 раза, а UI приложения удалось избавить от хаоса из рандомных шрифтов и иконок и унифицировать. Подробнее – в статье.