Вариант статьи 3: большое изображение сверху

При первом открытии пользователя привлекает большое красивое изображение сверху, поэтому этот вариант подходит для контента, ориентированного на изображения.

Дизайн пользовательского интерфейса включает разные этапы и процессы проектирования. В зависимости от проекта значимость этих этапов или процессов различается. Под «системой» здесь понимаются все проекты — дизайн веб-страниц, приложений или устройств.

Сбор функциональных требований: Составьте перечень функций, исходя из целей проекта системы и потенциальных потребностей пользователей.

Анализ пользователей: Изучите будущих пользователей системы, обсуждая проект с ними или с людьми, которые работают с ними.

Типичные вопросы:

• Что пользователи хотят получить от системы?
• Как система вписывается в рабочий процесс или повседневную деятельность пользователя?
• Как пользователь воспринимает технологии? Какими похожими системами он пользовался?
• Какой внешний вид интерфейса и эстетика нравятся пользователю?

Информационное проектирование: Постройте программу или информационный поток системы (например, для телефонного дерева — древовидную схему опций, для сайта — карту навигации с отображением иерархии страниц).

Прототипирование: Создайте чертёж системы (wireframes) на бумажном прототипе или в виде простых интерактивных экранов. Эти прототипы не содержат внешнего оформления и конкретного наполнения — они посвящены только самому взаимодействию.

Тестирование удобства использования: Прототип тестируется реальным пользователем. Обычно используют метод «думай вслух» — пользователь проговаривает свои мысли по ходу использования.

Дизайн графического интерфейса: Процесс проектирования внешнего вида финального графического пользовательского интерфейса (GUI). Если удобство системы трудно предсказать, за основу берут результаты юзабилити-тестирования либо ориентируются на цели коммуникации и любимый стиль пользователя.

В отдельных случаях прототип, наоборот, определяется графикой — в зависимости от того, что важнее в конкретной ситуации: визуальная форма или функциональность. Если некоторым интерфейсам нужно несколько «скинов», одна и та же панель, функция или виджет могут потребовать нескольких вариантов дизайна.

На этом этапе обычно требуется слаженная работа графического и интерфейсного дизайнеров либо эксперта, владеющего обеими областями.

Словом, дизайн пользовательского интерфейса требует от дизайнера досконального понимания потребностей пользователей.