Этапы проектирования веб-интерфейса

  1. Определяются бизнес-цели проекта (Заказчиком при помощи менеджера проекта).
  2. Выделяются основные и вторичные целевые группы проекта (Заказчиком при помощи менеджера проекта).
  3. Создаются персонифицированные портреты (профили) представителей целевых групп с присущими им характеристиками.
  4. Определяются типовые пользовательские сценарии (user-cases) — т.е. задачи, которые, как предполагается, будут решать пользователи с помощью сайта.
  5. Формируется системная архитектура ресурса (карта сайта и связанность разделов).
  6. Прорабатывается навигация (распределение потоков посетителей ресурса по необходимым маршрутам в зависимости от их принадлежности к определенной целевой группе).
  7. На основании сценариев выявляется вес (значение) информационных блоков и — по этому весу — определяется их место на странице и степень акцентирования на них внимания.
  8. Результаты всего предварительного исследования используются для проектирования (UI, прототипов экранов сайта). Прототип экрана представляет собой чертеж, на котором отмечено расположение основных и вспомогательных информационных блоков, навигационных панелей, изображений, кнопок, значимых ссылок, баннеров и прочих элементов. На основе этого чертежа дизайнер формирует информационную сетку соответствующей страницы сайта и оформляет её.

source

Литература для проектировщиков веб-интерфейсов

Если вы специализируйтесь на проектировании веб-интерфейсов, то для вас окажутся полезными следующие книги:

  1. Билл Скотт, Тереза Нейл — «Проектирование веб-интерфейсов» (2010).
  2. Алан Купер — «Об интерфейсе. Основы проектирования взаимодействия» (2009).
  3. Якоб Нильсен — «Веб-дизайн» (2006).
  4. Дженифер Тидвелл — «Разработка пользовательских интерфейсов».
  5. Люк Вроблевски — «BEST PRACTICES FOR FORM DESIGN» (2007)
  6. Люк Вроблевски — «Web Form Design» [«Filling in the Blanks»].
  7. Люк Вроблевски — «Сначала мобильные» (2012).
  8. Алан Купер — «Психбольница в руках пациентов» (2009).
  9. Джефф Раскин — «Интерфейс. Новые направления в проектировании компьютерных систем» (2005).
  10. Виктор Папанек — «Дизайн для реального мира» (2004).
  11. Дональд Норман — «Дизайн привычных вещей».

Есть и другая литература, но книги именно из этого списка вы гарантированно сможете найти в поиске Google.

Могу порекомендовать удобный сервис проектирования веб-интерфейсов: moqups.com.