UX/UI: дизайн интерфейсов

Бесплатный доступ

В эпоху цифровых технологий понятие «дизайн» сильно изменилось. Теперь в это понятие входит не только графический дизайн, но и новые формы дизайна цифровых продуктов. Их задача в том, чтобы создать дружественные по отношению к пользователю интерфейсы. Главные требования - практичность, интуитивная понятность и удобство. Именно 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
Статья научная