Процесс разработки дизайна может быть разделен на три основных генеральных этапа:

• Оценка трендов;
• Информационная подготовка;
• Проверка гипотез;
• Улучшение.

Тренды в веб-дизайне

Тренды в дизайне это элемент на этапе разработки дизайна, который часто опускается дизайнерами.

Рекомендованное чтиво по теме на MegaIndex.org:

• Список новшеств в дизайне, используя которые сайт будет выглядеть современно.

Информационная подготовка

Для создания действительно эффективного дизайна важно информационная подготовка. Трудится надо и над целями. Трудиться надо и над сегментацией трафика.

Цели это знания, который определяются до процесса макетирования.

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

• Определение цели.
• Определение четко выраженной аудитории;
• Сегментация трафика.

Бизнес и дизайн полноценного сайта или лендинга должен быть сфокусировано на конкретной цели.

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

Разные сегменты аудитории — разные сайты.

Перед макетированием и проектировкой дизайна надо потрудиться.

На этапе информационного анализа выдвигаются гипотезы.

Проверка гипотез

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

Обратите внимание, вопрос "а как ты это используешь?" важен для того чтобы было ретроспективы действий. Убедиться в заявлениях пользователя надо на полную, ибо они фантазеры :).

Каждая функция на макете должна получить ответ по вопросам, типа: @как ты будешь это использовать?"

Улучшение

Сложность надо упрощать креативом. Сложное надо представлять очень простым.

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

Творчество, креатив важны, но названия блоков должны быть формирующими ожидания.

Ничего не должно исчезать с интерфейса, только изменятся и добавляться.

У пользователя должно быть видение того, что будет через один клик

Основные характеристики дизайна:

• Очевидность, понятность того, что происходит;
• Ясное видение возможностей;
• Ассоциативные элементы расположены рядом.

Контент должен раскрывать ценности посетителей, основное — это в контенте — привнесение радости.

Опции товара — например, цвета.надо выкладывать на се.

Информационная архитектура

Перед созданием интерфейса важно определить информационную архитектуру.

Кнопка купить должна быть возле продукта на всех промежуточных этапах.

Классификация продуктов и/или услуг должна проходить по потребностями посетителя.

Например, разбиение навигации и элементов навигации может проходить по следующим группам:

• Товары и группы товаров;
• Бренды и торговые марки.

Первый экран должен содержать всю основную информацию и в развернутом вид.

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

Если для специального профессионального проекта важна скорость, обязательно использование горячих клавиш.

Дизайн должен создаваться через фокус на клиента.

Интерфейс — коммуникация.

Ассоциативные элементы должны быть рядом и важно выравнивание как точка опоры.

Изображения требуется использовать аккуратно. Изображения привлекают и, следовательно, отвлекают внимание. Аттракторы забирают внимание. Эффективный метод — делать акцент на аттрактор, который ссылается — например, движением — на нужный объект, например форму.

Ссылка должна быть кликабельна и синего цвета.

На фотографиях продукта должна быть кнопка покупки.

Если есть разные гипотезы — например, для главной — требуется проводить eye tracking тестирование.

Это может А/Б тест или мультивариативное (MVT).