Рассказали в статье на РБК, как дизайнеры SimbirSoft помогли заказчику, финансовому агрегатору, упростить пользовательский путь и ускорить работу с ключевым бизнес-процессом.

6 эвристика Якоба Нильсена

Людям проще усваивать и обрабатывать информацию, опираясь на ассоциации и воспоминания из прошлого. Независимо от того, разрабатываете ли вы интерфейс для приложения, обучаете ли новым знаниям людей или управляете своими повседневными задачами, сделать все эти вещи более легкими для восприятия поможет принцип «Узнавание, а не припоминание» – шестая эвристика Якоба Нильсена.

Пользовательские интерфейсы должны подавать информацию понятным и простым образом, а не заставлять пользователей запоминать большой объем данных. Для упрощения навигации по приложению используются иконки в меню, например, значок календаря с надписью «Расписание». Благодаря узнаваемости и ассоциациям пользователь сразу понимает, что примерно будет ждать его в этом разделе.
Приложение ЯндексGo отображает ваши популярные пункты назначения (Дом, Работа) в центральной части интерфейса, как только вы входите в приложение. Вместо того, чтобы заставлять пользователей вспоминать свои обычные пункты назначения, ЯндексGo предоставляет список недавно использованных мест для быстрого доступа, что упрощает процесс вызова такси.
Наше исследование по качеству и удобству заполнения паролей в форме регистрации показало, что 75% пользователей предпочитают иметь видимые, легко узнаваемые варианты, например, подсказки для пароля или сохраненные учетные данные, чтобы не вспоминать их каждый раз .
Исследования Nielsen Norman Group показали, что сочетание иконок и знакомые ассоциации в меню мобильного приложения на 35% сокращает время на навигацию.

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

Используя шестую эвристику Якоба Нильсена — «Узнавание, а не припоминание» — вы сможете улучшить распознавание опций, задач и действий на вашем сайте. Это сделает пользовательский опыт плавным и интуитивным, снижая когнитивную нагрузку и делая взаимодействие с интерфейсом понятным и доступным.

Источники:
— Memory Recognition and Recall in User Interfaces.
— Usability Heuristic 6: Recognition vs. Recall in User Interfaces.
— Recognition Over Recall.

Как прокачать UI

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

Изучайте теорию и читайте книги
UI-дизайн требует понимания не только визуальных аспектов, но и психологии восприятия, юзабилити и принципов взаимодействия. Даже опытному дизайнеру важно продолжать учиться, пополнять багаж знаний и исследовать лучшие практики. Читайте статьи и профессиональную литературу, посещайте курсы и вебинары. Например, книги «Не заставляйте меня думать» Стива Круга,
«Дизайн привычных вещей» Дональда Нормана и «Законы UX-дизайна» Джона Яблонски помогают понять, как работают интерфейсы с точки зрения удобства и интуитивности.

Развивайте насмотренность
Качество работы напрямую зависит от источника вдохновения. Для развития насмотренности и поиска креативных идей посещайте платформы Awwwards, Siiimple, Siteinspire, Landbook, Layers.to и Mobbin. Каждый день по 20-30 минут смотрите и анализируйте работы других дизайнеров: за чашкой кофе, во время поездки в автобусе или в обеденный перерыв. Результат приятно удивит. Только помните: вдохновляться — не значит копировать.

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

Практикуйтесь снова и снова
Теория — хорошо, но она не заменит практику. 70% опыта дизайнер получает, решая повседневные задачи. Используйте накопленные знания в работе над текущими проектами. Если таких нет, возьмите готовый продукт и потренируйтесь: проанализируйте интерфейс и сделайте лучше. Изучайте и применяйте готовые компоненты в работе. Это упростит проектирование и поможет избежать типичных ошибок. На сайте designsystems.surf собраны дизайн-системы, созданные UI-командами ведущих технологических компаний: Adobe, Apple, IBM, Microsoft.

Открывайте новые инструменты
Не ограничивайтесь только общепринятыми инструментами, такими как Figma или Sketch. Исследуйте новые возможности, чтобы оптимизировать рабочий процесс. Используйте нейросети для рутинных задач, например, Recraft, Krea, ChatGPT или Deepseek. Пусть AI сам уберёт фон, исправит орфографию, сгенерирует изображение и сэкономит время.

Устали? Перезагрузитесь
Тоже помогает. Иногда для перезагрузки стоит выйти за рамки привычного: сходить на выставку или концерт музыкальной группы, посмотреть фильм или посетить мастер-класс по живописи. Такой отдых помогает отвлечься от рутины и вернуться к работе с новыми силами и свежими идеями. Это сразу отражается на UI — появляется больше креативных решений, внимание к деталям и гармония в каждом элементе интерфейса.

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

designsystems.surf/
searchsystem.co/post/77353...
georgestoyanov.com/portfolio/...
georgestoyanov.com/portfolio/...
app.forhims.com/
colabs.com.au/
www.qudrix.com/
hikeys.hellohello.is/
www.typographicposters.com/eduardo-da...
www.typographicposters.com/eduardo-da...