Дизайн сайтов

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

Это противостояние неизбежно приводит к ссоре. С одной стороны, у нас есть дизайнер с годами знания и опыт дизайна, с другой стороны, клиент, который знает свою аудиторию и бизнес-целей. В этом Stare-Off, то рано или поздно кто-то должен мигать. Любой клиент в конечном итоге с дизайном, что он недоволен, что не соответствует его целям, или веб-дизайнер даст в производство и дизайн, который она считает, будет ниже оптимальной.

Проблема с этим подходом конфронтационной, что он игнорирует тот факт, что дизайн совместного процесса.

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

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

На Headscape мы хотели бы использовать «методология проектирования» с нашими клиентами, что они включены в каждом шаге процесса. Такой подход обеспечивает ряд преимуществ:
1and1.com

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

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

Давайте посмотрим на каждом шагу, в свою очередь.
1. Стартовое совещание

Имея лицом к лицу в начале проектно-это важный шаг в установлении отношений с клиентом. Это ваша возможность по-настоящему понять требования и обсудить вопросы, как:

* Бизнес-цели
* Критерии успеха
* Дизайн цели
* Целевая аудитория
* Персона сайта

Это заседание является также возможность установить параметры отношений. Много дизайнер-клиент отношения неудачно, поскольку клиент управляет микро-дизайн, уменьшая дизайнера на роль «Pixel толкача». Клиенту не обязательно в вине, потому что разработчик может не смогли сообщить тип обратной связи он или она требует .

Мы советуем нашим клиентам сосредоточиться на общую картину и оставить нам заниматься осуществлением. Поэтому вместо того, клиент обеспечение обратной связи такие, как …
«Я ненавижу черный и красный цвета. Замените ее на розовом».

мы убедить их в необходимости сосредоточить внимание на основные проблемы, такие, как …
«Я не уверен, что наши предварительные Teen Girl демографических будет хорошо реагируют на такого агрессивного мужчины цветовая палитра».

Комментарии, как это позволяет нам увидеть основную проблему и найти соответствующие решения (которые могут включать или не включать использование розовый!).
2. Заинтересованных сторон Интервью

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

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

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

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

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

* Во-первых, клиент не всегда самый лучший широкими возможностями для выявления примеров передовой дизайн-они, как правило, чтобы выбрать сайты, основываясь на их содержание, а не эстетика.
* Во-вторых, на вопрос: «Какие сайты вы любите?» Сосредотачивается слишком много от личных предпочтений, а не конструкции, которые будут проводить бизнес-целей.

Вместо того, чтобы задать этот вопрос, я рекомендую выбрать дизайнера полдюжины существующие веб-сайты, которые содержат элементы, он или она чувствует, которые необходимы для проекта. Дизайнер должен затем представить эти сайты с клиентом и объяснить, почему они были выбраны. Это позволит стимулировать дискуссию о различных подходах проект мог бы принять и предоставить клиенту соответствующие примеры, чтобы реагировать.

Многие дизайнеры уже держать хранилище вдохновляющим дизайном. Однако, если вы ищете вдохновение я настоятельно рекомендую Патрику Хейни's Flickr Подача или дизайн Meltdown.

4. Использование Mood платы

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

Вместо этого дизайнер должен создать ряд настроения советов, представляющих каждую подходом к проектированию. Целью этих настроений платы будет включать элементы, которые могут быть использованы в окончательном проекте, а не похожа на фактический дизайн. Эти настроения платы может включать следующие элементы:
1and1.com

* Типографики
* Цвет
* Изображения
* Элементов экрана (Velcom навигационную панель)

Mood советы обеспечивают ряд преимуществ, таких, как они:

* Быстрые производить
* Сосредоточиться на эстетике, а не содержание
* Являются достаточно гибкими для учета сочетания подходов (например, с использованием изображений из одного настроения борту типографики от другого)

Потому что настроения советами относительно просты в разработке, можно выполнять несколько итераций, если потребуется.
5. Wireframing

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

Дизайнеры часто запуганы каркасы, поскольку, как они трудоемкой и дорогостоящей продукции. Многие дизайнеры думают о каркасном как прототип на весь сайт, созданный в HTML. Хотя такие подробные каркасы могут быть полезны, полированная прототипов до этого уровня детализации ненужным для достижения дизайн знака-OFF.

По нашему опыту, сбор простых, зарисовки, сделанные вручную некоторые ключевые страницы достаточным для клиента, чтобы понять, как будет выглядеть дизайн. В самом деле, я видел некоторые клиенты путают более готовы каркасы-they've ошибаюсь их окончательный дизайн и не спешат подписывать их.

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

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

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

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

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

* Flash Тест: пользователь показали каркасный дизайна в течение пяти секунд, а затем попросили вспомнить то, что экранные элементы видел. Число и порядок элементов напомнила дает хорошее представление о том, информационной иерархией является правильным.
* Эмоциональная реакция теста: пользователь показали настроения каждого совета и попросил связать ощущение настроения совета с любым количеством противоположные слова. Является разработка консервативным или прогрессивным? Это личные или официальные? Ответы на этот тест, дают представление о настроении борту которого стимулирует желаемую реакцию со стороны пользователя.

С отзывами пользователей как на каркасы и настроения платы, теперь оно должно быть возможным для клиента, чтобы подвести черту под нужную раскладку и эстетики. Только после этого знака-Off достигнут дизайнером должна начаться работа над окончательным дизайном.
7. Дизайн и итерации

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

1. справочная информация о бизнесе, собранных из стартового совещания и заинтересованных интервью

2. Совет настроения и коллекцией вдохновляющие сайты, которые будут информировать сайта выглядеть и чувствовать себя

3. каркасы, которая определяет расположение и информационной иерархией

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

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

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

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

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

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