Блог студии

14.04.2016
15011
UI Design. Главные принципы проектирования удачных интерфейсов
UI Design. Главные принципы проектирования удачных интерфейсов

 

Каждому из нас приходится сталкиваться с безболезненно: всего пару кликов, и ты уже общаешься со своим другом в социальной сети. Еще пару кликов – и ты заказал еду на дом. Очень удобно и быстро, согласись. Но бывают исключения. Иногда столкновения с неудачными интерфейсами напоминают попытки пройти босиком по горячим углям . Думаю, у тебя бывало такое, что найти настройки в своем мобильном телефоне, ну просто очень сложно. Хотя, по сути, необходимая вещь. 
Чтобы облегчить пользователям Интернета и мобильных приложений жизнь и существует UI, о котором мы сегодня поговорим.

В переводе с анг. User Experience Design означает «опыт взаимодействия» и вмещает в себя различные UX-компоненты: информационную архитектуру, проектирование взаимодействия, графический дизайн и контент.


Рассмотрим основные вопросы, которые решаются UX дизайном:
1. Формирование и постановка целей и задач – какого результата в итоге необходимо достичь?
2. Выбор необходимых UX инструментов для реализации целей
3. Создание продукта, максимально легкого и удобного в восприятии целевой аудиторией.
4. Анализ конечного результата – проверка на соответствие продукта с ожиданиями заказчика и насколько высок уровень удовлетворенности пользователей.
UI дизайн (UI design)
User Interface Design или пользовательский интерфейс – это определенный набор графически оформленных технических элементов (кнопки, чекбоксы, селекторы и другие поля). 


Главная задача – помочь пользователю организовать взаимодействие с программой/сайтом. 


Давайте рассмотрим некоторые правила UI дизайна:

• Организованность элементов интерфейса, что означает, что все они должны быть логически структурированы и взаимосвязаны.
• Группировка элементов интерфейса - объединение логически связанных элементов (меню, формы) в группы.
• Выравнивание элементов интерфейса – все элементы созданы в одном стиле.
• Свободное пространство. Позволяет разграничить информационные блоки, сосредоточив внимание на чем-то одном.

 

Создание интерфейсов в проектировании больших сайтов – это самый объемный и один из самых важных этапов.


UI дизайнеру на заметку расскажем о главных принципах и законах проектирования интерфейсов, которые мы применяем в своей работе:
1. Принцип KISS. 
От англ. «keep it short and simple». Простой и понятный интерфейс способствует решать задачи минимальным числом действий, чтобы пользователю все было понятно.
2. Соотношение сигнал / шум. Сигналы – это важные элементы, которые присутствую в каждом интерфейсе и есть маловажные, которые называются шум. В проектировании интерфейсов нужно концентрироваться на сигналах и избегать шума.
3. Проверенное лучше модного. Не следует делать что-то, потому что это модно. Модно не значит качественно и удобно. Лучше отдать предпочтение проверенным элементам интерфейса.
4. Меньше текста, больше сути. Массовые тексты пользователи не любят читать, так не заставляйте их делать это.
5. Кошелек Миллера. Нельзя использовать более 5-7 элементов в одном функциональном блоке. Иначе пользователь не сможет удерживать информацию в кратковременной памяти.
6. Самое важное на виду. Все важные элементы интерфейса должны быть на виду и соответствующим образом выделены.
7. Принцип 3х кликов. Чтобы достичь своей цели, пользователь не должен делать более 3х кликов.
8. Правильный копирайтинг. Проектирование интерфейса – это во многом копирайтинг. Очень важна каждая буква, особенно заголовки.
9. Тренды. Стоит учитывать современные тенденции на момент выхода проекта, чтобы его интерфейс не устарел.
10. Принцип единства. Элементы управления и настройки следует не прятать в отдельные разделы, а дать возможность управлять из одного места, если это уместно.

Пользовательский интерфейс, разработанный по все правилам, значительно повышает эффективность ресурса и дает ему конкурентные преимущества.

 

 

Расскажи друзьям:

Другие статьи

Полностью автономный дрон от компании Skydio
21.02.2018
121
Компания Skydio, занимающаяся интеллектуальными технологиями, выпустила свой первый полностью автономный летательный аппарат, названный R1. Основным отличием R1 от других подобных устройств есть то, что он способен отслеживать и повсюду следовать за хозяином со скоростью до 40 километров в час,...
SignAll разрабатывает технологию цифрового перевода языка жестов
19.02.2018
223
Технологический прогресс не останавливается ни на мгновение и почти каждый день появляются новости о технологических прорывах, дающие многим надежду. Сегодня мы расскажем не о каком-нибудь крутом гаджете, а об устройстве, способном в будущем по настоящему улучшить качество жизни миллионов людей. ...
Facebook добавили опцию видео обложек для бизнес-страниц
15.06.2017
5427
Вы используете Facebook для продвижения своего бизнеса? Если да, теперь появилась прекрасная возможность еще больше выделиться! Компания Фейсбук только что добавила новую опцию — возможность использовать в качестве обложки бизнес-страницы не только фото, но и видео. Это открывает новые возм...
Как A/B тестирование может помочь улучшить конверсию
13.06.2017
6030
Некоторые из вас, возможно, уже слышали об A /B тестировании, но по большей части этот очень полезный метод оптимизации сайтов не привлекает достаточного внимания. В этой статье мы попытаемся объяснить, чем на самом деле является A/B тестирование, и как этот умный, но довольно простой анализ мо...

Еще материалы

1 2 3 ... 14 15 16 >