Никогда жизнь пользователя в сфере парфюмерно-косметического ритейла не была такой простой, как при использовании сайта Золотого яблока. С помощью яркой и современной палитры, простоты и удобства сайта получилось поднять онлайн-продажи на 140% за прошедшие два года. Компания использовала привычные для пользователя принципы навигации, элементов и образов в сочетании со своим уникальным стилем.
Сервис становится лояльней и проще в использовании, когда в его основе заложен принцип «Последовательности и стандарты» Якоба Нильсена. Его суть такая: Чем меньше новых навыков пользователь должен получить при взаимодействии с интерфейсом, тем более эффективно и быстро он сможет работать с системой. Логотип сайта находится в верхнем левом углу, значок лупы означает поиск — все это знакомые паттерны, которые постоянно используются в цифровых продуктах и облегчают жизнь пользователей.
Чтобы быть простыми в освоении и использовании, системы должны придерживаться как внутренней, так и внешней согласованности — они должны применять одни и те же шаблоны внутри системы, а также следовать соглашениям, специфичным для веб-сайтов и платформ.
Внутренняя согласованность в рамках одного продукта или приложения часто может быть замечена в используемых цветах и макетах страниц. Например, приложение может использовать оранжевый в качестве основного цвета, который затем применяется ко всем текстовым ссылкам и основным кнопкам.
Внешняя согласованность относится к устоявшимся соглашениям в отрасли или в Интернете в целом, выходящим за рамки приложения. Существуют, например, рекомендации по просмотру продукта, сохранению товара в избранное, добавлению товара в корзину и пр. Они выходят за рамки согласований внутри приложения, потому что предоставляют стандарты, которые можно применять к любому сайту.
Символы, иконки и изображения должны быть единообразными на всем сайте. Если вы используете изображения, убедитесь, что все они имеют схожую визуальную обработку. Например, цвет и толщина границ должны быть единообразными для всех изображений на странице продукта. Так, для одного из заказчиков дизайнеры SimbirSoft провели UX-исследование, в котором сравнили дизайн карточек с изображениями товаров в одном стиле и в разных стилях и выяснили, что карточки с единообразием в стиле увеличивают конверсию сайта на 35% по сравнению с вариантом карточек в разных стилях.
При проектировании своего продукта бизнес должен стремиться к компромиссу, если это необходимо для выполнения задачи или повышения эффективности В большинстве случаев поддержание согласованности и удовлетворение ожиданий пользователей сделают продукт удобным и простым.
Источники:
— Maintain Consistency and Adhere to Standards
— What Is the Consistency and Standards Principle?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3❤2💯1
Понимание того, как замотивировать пользователя завершить действие, позволяет повысить качество его взаимодействия с интерфейсом.
Согласно исследованиям, незавершённые задачи запоминаются лучше, чем завершенные, почти в два раза. Впервые данный эффект описан в докторской диссертации психолога Блюмы Зейгарник в 1927 году и назван в ее честь. Суть эффекта заключается в подсознательном стремлении мозга к завершенности действия. А это значит, что каждое начатое занятие, не доведенное до конца, заставляет пользователя постоянно о нем помнить.
Несколько советов, как эффект Зейгарник можно использовать в UX/UI-дизайне.
— Отображать прогресс
Пользователи на 15% успешнее завершают задачу, если видят прогресс Пример — добавление шагов, процентов или других индикаторов прогресса их действий демонстрирует пользователям, насколько они близки к выполнению задачи.
— Предоставлять возможность сохранения прогресса
Сохранение прогресса позволит быстро вернуться к недоделанной части задачи и продолжить работу, например, продолжить просмотр видео или слайд-шоу, если пользователь остановился на полпути.
— Использовать напоминания и уведомления
Они помогают пользователям вспомнить о прерванных действиях, например, таких как неоформленный заказ, и вернуться к ним. Отправка push-уведомлений увеличивает показатели удержания пользователей (retention rates) до 3 раз.
— Обеспечивать простоту и понятность завершения процесса
Стремитесь сделать завершение процесса легким и интуитивным, чтобы у пользователей не возникало препятствий. Избегайте большого количества этапов и необходимости заполнять много полей в формах.
Но если количество недоделанных задач становится слишком большим, мозг сталкивается с информационной нагрузкой. Помимо работы над текущей задачей, нужно тратить ресурсы и на множество других незаконченных дел. Это приводит к стрессу, снижению концентрации и ухудшению продуктивности. Поэтому не рекомендуем злоупотреблять данным подходом, чтобы не раздражать пользователей и позволить им довести дело до конца.
Осознанное и умеренное применение эффекта Зейгарник в UX/UI-дизайне может стать дополнительным инструментом для улучшения удовлетворенности пользователей, увеличить вероятность завершения действия и повлиять на конверсию сайта.
Источники:
— UX-дизайн: эффект Зейгарник, или как открытия профессоров психологии помогают доводить пользователей до цели на сайте.
— Как мотивировать пользователя закончить прогресс? -Эффект обеспеченного прогресса.
— 21 Critical Push Notification Statistics for 2023.
— Эффект Зейгарник поможет закончить все задачи законов UX, с которыми мы сталкиваемся каждый день | Часть 2.
— Феномен незавершенных действий.
— Законы UX/UI: Часть 1.
— Эффект Зейгарник или как довести пользователя до цели через —незавершенное действие.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3😍3💯1
Новая подборка интересных и полезных книг!
Ставь "❤️" , если выбрал, что будешь читать на выходных.
Ставь "❤️" , если выбрал, что будешь читать на выходных.
❤3💯2👍1
Рассказали в статье на РБК, как дизайнеры SimbirSoft помогли заказчику, финансовому агрегатору, упростить пользовательский путь и ускорить работу с ключевым бизнес-процессом.
РБК Компании
Как с помощью дизайна IT-продукта увеличить прибыль | РБК Компании
SimbirSoft (ООО «СимбирСофт»): Как дизайнеры SimbirSoft помогли заказчику, финансовому агрегатору, упростить пользовательский путь и ускорить работу с ключевым бизнес-процессом
👍5❤3🤓2
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.
Людям проще усваивать и обрабатывать информацию, опираясь на ассоциации и воспоминания из прошлого. Независимо от того, разрабатываете ли вы интерфейс для приложения, обучаете ли новым знаниям людей или управляете своими повседневными задачами, сделать все эти вещи более легкими для восприятия поможет принцип «Узнавание, а не припоминание» – шестая эвристика Якоба Нильсена.
Пользовательские интерфейсы должны подавать информацию понятным и простым образом, а не заставлять пользователей запоминать большой объем данных. Для упрощения навигации по приложению используются иконки в меню, например, значок календаря с надписью «Расписание». Благодаря узнаваемости и ассоциациям пользователь сразу понимает, что примерно будет ждать его в этом разделе.
Приложение Яндекс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.
🔥3
Как прокачать 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 ...
В этом посте расскажем о подходах, которые помогут улучшить навыки в 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 — это результат сочетания знаний, насмотренности и стремления к совершенству. Важно практиковаться и не забывать отдыхать, чтобы работа всегда оставалась свежей и вызывала интерес. Подготовили для вас вдохновляющую подборку — смотрите, сохраняйте и создавайте!
❤6🤩2
5 гибких навыков современного дизайнера
#дизайн #UXUI #SimbirSoft_Design #SS_Design #Ульяновск #simbirsoft
#дизайн #UXUI #SimbirSoft_Design #SS_Design #Ульяновск #simbirsoft
❤4👍2💯2🔥1