Проектирование и дизайн интерфейса

Каким должен быть дизайн сайта?

Создание внешнего вида Интернет-сайта является ключевым этапом разработки. Часто в техническом задании на дизайн заказчики употребляют следующие выражения: «яркий», «интересный», «креативный», «не такой, как у всех»… Эти эпитеты отражают эстетическую сторону вопроса. Однако дизайн сайта – это, прежде всего, функциональная категория, главная составляющая интерфейса, то, что определяет, насколько пользователь будет успешно взаимодействовать с Интернет-представительством.

При проектировании дизайна сайта мы руководствуемся следующим:

Принцип функциональности
 
Принцип юзабилити
 
Принцип эстетики
 
Функции становятся понятны пользователю благодаря дизайну
 
 
Дизайн «убеждает» пользователя в совершении ключевых действий
 
 
Графика и элементы дизайна не осложняют работу пользователя, а облегчают её
 
 
 
Минимум «кликов» до цели
 
 
У пользователя не должно быть вопроса: «как это сделать?»
 
 
Дизайн предотвращает ошибки пользователя
 
 
 
Дизайн сайта не противоречит фирменному стилю
 
 
Фирменный стиль дополняется дизайном сайта
 
 
Разработанный дизайн нравится заказчику и исполнителю
 


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

Как мы разрабатываем дизайн сайта?

Ввиду того что дизайн сайта – это синтез функциональности, удобства использования и эстетической составляющей при реализации ряда проектов – это самый долгий и сложный процесс. C 2004 года нами разработано более 1000 вариант-макетов различных Интернет-сайтов. Этот опыт помог нам выстроить слаженную схему взаимодействия с заказчиком, позволяющую в обозначенные сроки получать качественный продукт.

Процесс дизайна сайта состоит из следующих последовательных этапов:

Шаг 1. Максимально прорабатываем техническое задание

Всё начинается с заполнения брифа и встречи. После обсуждений целей и задач проекта, анализа позиционирования компании, УТП, а также существующего фирменного стиля разрабатывается документ – концепция дизайна, которая становится неотъемлемой составляющей технического задания.

Шаг 2. Готовим прототип

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

Шаг 3. Предлагаем три макета дизайна сайта

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

Шаг 4. Обсуждаем макеты, выбираем рабочий вариант

На данном этапе заказчику необходимо выбрать один из предложенных вариантов дизайна и утвердить его в качестве рабочего. По выбранному макету может быть составлен список необходимых замечаний и доработок (возможно до трёх подобных альтераций).
В том случае если ни один из вариантов не подходит заказчику (в нашей практике из 1000 макетов таких случаев было всего несколько), готовится протокол, в соответствие с которым бесплатно изготавливается четвёртый вариант-макет.

Шаг 5. Дорабатываем, исправляем, делаем лучше

Все пожелания и дополнения по предоставленному макету вносятся в рабочий вариант. В случае если возможна различная реализация пожеланий, готовятся от двух до четырёх макетов.

Шаг 6. Утверждаем дизайна сайта

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

Шаг 7. Реализуем динамические элементы

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

Процесс разработки дизайна сайта

Рассмотрим процесс разработки дизайна сайта на примере представительства компании «Унипак Центр», которая является лидером по производству пластиковой упаковки в России. Была поставлена задача разработать «имиджевый» ресурс, который должен показывать, что компания может делать качественные и очень красивые решения.

Шаг 1 Шаг 2-3 Шаг 4 Шаг 5-6 Шаг 7

Прорабатываем ТЗ.

 

 

Предлагаем 3 макета дизайна сайта.

 

 

Выбран рабочий вариант, изучаем комментарии клиента.

Дорабатываем эскиз по желаниям клиента. Утверждаем готовый дизайн.

Подбираем фотографии девушек для шапки, обрабатываем изображения флаконов, разрабатываем анимацию.

 

 
 
       

 


%{ORDER}