UX/UI: дизайн интерфейсов
Автор: Войтова Н.А., Кулев Е.Г.
Статья в выпуске: 1 (13), 2019 года.
Бесплатный доступ
В эпоху цифровых технологий понятие «дизайн» сильно изменилось. Теперь в это понятие входит не только графический дизайн, но и новые формы дизайна цифровых продуктов. Их задача в том, чтобы создать дружественные по отношению к пользователю интерфейсы. Главные требования - практичность, интуитивная понятность и удобство. Именно UX и UI дизайн призваны выполнять эти требования.
Опыт пользователя, пользовательский интерфейс, юзабилити
Короткий адрес: https://sciup.org/140249589
IDR: 140249589
Текст научной статьи UX/UI: дизайн интерфейсов
Разработка пользовательских интерфейсов при грамотном подходе строится таким образом, чтобы создать его максимально привлекательным и удобным для оптимизации его взаимодействия с пользователем.
Перед разработчиками веб-интерфейсов в любом проекте ставится задача создания именно дружественного по отношению к пользователю интерфейса. Однако это не всегда такая простая задача, как может показаться на первый взгляд, и порой требует не малого опыта проектирования. Главные требования здесь – удобство, практичность и интуитивная понятность. Именно в этот момент вступают в игру такие понятия как UX и UI дизайн.
UX и UI – термины родственные и взаимосвязанные, но не тождествен-ные. Между ними есть принципиальная разница.
User eXperience дизайн – комплексный подход к взаимодействию интернет-пользователя с интерфейсом сайта, мобильного приложения или программы. Он призван разработать максимально удобный и легкий для восприятия продукт для целевой аудитории. UX дизайн отвечает за то, как продукт функционирует и какие эмоции вызывает у пользователей.
UX включает в себя разные компоненты. Например, информационную архитектуру, проектирование взаимодействия, графический дизайн и контент. При UX дизайне нужно изучать поведение пользователей, разрабатывать прототипы поведения и проводить тестирования. Всей этой работой занимается UX-дизайнер.
User interface дизайн – узкое понятие, которое включает набор графически оформленных инструментов. Например, кнопки, меню, слайдеры. UI дизайн призван помочь пользователю наладить взаимодействие с сайтом или программой.
UI дизайнер отвечает за то, как выглядит сайт или мобильное приложе-ние. Он в ответе за то, чтобы элементы интерфейса были грамотно организованы, структурированы и взаимосвязаны, были сгруппированы, выполнены ровно и в едином стиле.
Таблица 1. Инструменты UX/UI дизайна
UX |
UI |
Аналитика и исследование пользователей: персонажи, сценарии использования продукта, Customer Journey Map, карта эмпатии, А/B-тестирование. Прототипирование: на бумаге, в специальных программах - Axure Pro, WireframeSketcher, SketchFlow, в графических программах - Photoshop, Illustrator, InDesign. |
Интерфейс сайта и его составляющие: кнопки, иконки, поп-апы, таблицы, чекбоксы, меню, предупреждения (алерты), ярлыки и лейблы, формы с полями ввода, уведомления, переключатели, галереи, подсказки, пагинация, вкладки и хлебные крошки, прогрессбары. |
Серия: Информационные технологии. №1(13)/2019
В юзабилити одинаково важны и UX, и UI, которые используют широкий арсенал инструментов для достижения нужного результата (табл. 1).
UX все определяют аналитика и прототипы, а в UI – базовые правила юзабилити и UX. В аналитике и сборе данных UX сходен с DDD (Domain-Driven Design).
Веб-дизайн прошел долгий путь становления и развития, и в итоге переродился в UX/UI. Сейчас это единственная форма существования сайтов, основные принципы ко- торой – опора на потребности пользователей и юзабилити.
С появлением UX/UI работа дизайнера не стала легче. Упростилась только внешняя сторона. Внутри же все гораздо сложнее. UX/UI ввели ряд стандартов и методик, которые можно и нужно брать на вооружение при работе над проектами.
Теперь недостаточно просто работать в фотошопе и уметь рисовать макеты. Сильный дизайнер понимает запросы людей и делает дружелюбные интерфейсы.
Список литературы UX/UI: дизайн интерфейсов
- Калимуллина О.В., Курбанова Е.К. «Правила разработки пользовательского графического интерфейса в сфере информационных технологий» // NovaInfo.Ru - №42-1, 2016 г
- Купер А., Рейман Р., Кронин Д. Алан Купер об интерфейсе. Основы проектирования взаимодействия. - Пер. с англ. - СПб.: Символ-Плюс, 2011. - 688 с.
- Нильсен Я., Лоранжер Х. «Web-дизайн: удобство использования Webсайтов». - Пер. с англ. - М.: ООО «И.Д. Вильямс», 2012. - 368 с. 8 с. цв. ил. - Парал. тит. англ
- Скотт Б., Нейл Т. Проектирование веб-интерфейсов. - Пер. с англ. - СПб.: Символ-Плюс, 2010. - 352 с.
- Хвостенко Т. М., Хроленков Р.А. Разработка мобильного приложения «Новые покупки» // Вестник образовательного консорциума Среднерусский университет. Серия: информационные технологии, №1(7), 2016. - С.44-50