Проектирование и дизайн интерфейса
Каким должен быть дизайн сайта?
Создание внешнего вида Интернет-сайта является ключевым этапом разработки. Часто в техническом задании на дизайн заказчики употребляют следующие выражения: «яркий», «интересный», «креативный», «не такой, как у всех»… Эти эпитеты отражают эстетическую сторону вопроса. Однако дизайн сайта – это, прежде всего, функциональная категория, главная составляющая интерфейса, то, что определяет, насколько пользователь будет успешно взаимодействовать с Интернет-представительством.
При проектировании дизайна сайта мы руководствуемся следующим:
|
|
|
|
|
|
Функции становятся понятны пользователю благодаря дизайну
Дизайн «убеждает» пользователя в совершении ключевых действий
Графика и элементы дизайна не осложняют работу пользователя, а облегчают её
|
|
У пользователя не должно быть вопроса: «как это сделать?»
Дизайн предотвращает ошибки пользователя
|
|
Дизайн сайта не противоречит фирменному стилю
Фирменный стиль дополняется дизайном сайта
Разработанный дизайн нравится заказчику и исполнителю
|
В зависимости от целей и задач Интернет-проекта, вектор может быть смещён в сторону функциональности (например, Интерент-магазины), в сторону юзабилити (например, Интернет-сервисы) или в сторону эстетики (например, промо-сайты), при этом мы стараемся, чтобы в каждом проекте все перечисленные принципы были реализованы.
Как мы разрабатываем дизайн сайта?
Ввиду того что дизайн сайта – это синтез функциональности, удобства использования и эстетической составляющей при реализации ряда проектов – это самый долгий и сложный процесс. C 2004 года нами разработано более 1000 вариант-макетов различных Интернет-сайтов. Этот опыт помог нам выстроить слаженную схему взаимодействия с заказчиком, позволяющую в обозначенные сроки получать качественный продукт.
Процесс дизайна сайта состоит из следующих последовательных этапов:
Шаг 1. Максимально прорабатываем техническое задание
Всё начинается с заполнения брифа и встречи. После обсуждений целей и задач проекта, анализа позиционирования компании, УТП, а также существующего фирменного стиля разрабатывается документ – концепция дизайна, которая становится неотъемлемой составляющей технического задания.
Шаг 2. Готовим прототип
В том случае если функциональную часть проще смоделировать, чем описать, мы прибегаем к инструментам прототипирования. Прототип представляется заказчику на рассмотрение и утверждение. Для ряда проектов этот шаг не является обязательным.
Шаг 3. Предлагаем три макета дизайна сайта
На основе концепции дизайна и созданного прототипа дизайнеры готовят статические макеты дизайна сайта, а также описательную часть для динамических элементов. Ключевым моментом в подготовке вариантов является то, что над каждым из трёх макетов работают разные дизайнеры. Этот простой принцип позволяет предоставить заказчику действительно отличные друг от друга варианты в пределах концепции и одного технического задания.
Шаг 4. Обсуждаем макеты, выбираем рабочий вариант
На данном этапе заказчику необходимо выбрать один из предложенных вариантов дизайна и утвердить его в качестве рабочего. По выбранному макету может быть составлен список необходимых замечаний и доработок (возможно до трёх подобных альтераций).
В том случае если ни один из вариантов не подходит заказчику (в нашей практике из 1000 макетов таких случаев было всего несколько), готовится протокол, в соответствие с которым бесплатно изготавливается четвёртый вариант-макет.
Шаг 5. Дорабатываем, исправляем, делаем лучше
Все пожелания и дополнения по предоставленному макету вносятся в рабочий вариант. В случае если возможна различная реализация пожеланий, готовятся от двух до четырёх макетов.
Шаг 6. Утверждаем дизайна сайта
Утверждение варианта дизайна предполагает передачу дизайна для следующих этапов работ по созданию сайта: верстки, программирования и пр. По запросу утверждённый макет сайта передаётся заказчику в виде исходных файлов.
Шаг 7. Реализуем динамические элементы
Интерактив, предусмотренный концепцией дизайна, реализуется технологиями flash, java-script, ajax. Он может подразумевать расширение функциональности сайта, улучшать юзабилити, а также вносить дополнительную эстетическую составляющую.
Процесс разработки дизайна сайта
Рассмотрим процесс разработки дизайна сайта на примере представительства компании «Унипак Центр», которая является лидером по производству пластиковой упаковки в России. Была поставлена задача разработать «имиджевый» ресурс, который должен показывать, что компания может делать качественные и очень красивые решения.
Предлагаем 3 макета дизайна сайта.
Выбран рабочий вариант, изучаем комментарии клиента.
Дорабатываем эскиз по желаниям клиента. Утверждаем готовый дизайн.
Подбираем фотографии девушек для шапки, обрабатываем изображения флаконов, разрабатываем анимацию.
Предварительная заявка
|
