«Кабинет риелтора» для портала Moyareklama.ru Дизайн интерфейса веб-сервиса «Admuver» Просмотрщик изображений для Mac OS X
   
   
 
Д изайн и проектирование интерфейсов
Меня зовут Владимир Каныгин, я занимаюсь дизайном и проектированием интерфейсов различных веб-сервисов.

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

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

Кадастровые инженеры Москвы и подмосковья
 
Предпроектный анализ
Предпроектный анализ
Исследование

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

Проводится исследование конкурентов, выявляются преимущества и их недостатки. Создается древовидная структура проекта, на которой видны разделы, подразделы, страницы. Если необходимо сделать перепроектирование, изучаются данные статистики, например, с помощью Google Analytics. А также проводится юзабилити-тестирование или экспертная оценка интерфейса.


Сбор данных

При необходимости проводятся интервью с людьми, задействованными в проекте, изучаются существующие бизнес-процессы, если они не описаны, производится описание бизнес-процессов. Функции, выполняемые пользователем внутри проекта, описываются с помощью сценариев взаимодействия выраженных в качестве блок-схем или текстового описания. Осуществляется сбор необходимых данных для создания форм и текстовых пояснений, периодически проводятся интервью с людьми, задействованными в данном проекте, для выяснения специфичной информации.
Проектирование интерфейса
Используя данные полученные с помощью предварительного анализа, создается прототип или структурные схемы страниц не содержащие графического дизайна, как правило, это черно-белые страницы на которых видны все элементы интерфейса до мельчайших подробностей (меню, ссылки, текст, и др.).

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

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

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

Для того что бы при дальнейшей разработке сохранять стилистику проекта создается руководство по стилю интерфейса (style guide). Иногда появляется необходимость в создании чистового интерактивного прототипа, для этих целей используются
разработанные макеты.
Спецификация (техническое задание)
Спецификация для разработчиков включает в себя общее описание проекта, все документы, созданные ранее на этапе проектирования. Расписывается логика работы отдельных частей проекта. Указываются размеры, отступы, шрифты для
элементов интерфейса.
 
  © 2012 — «Wayson»