Сравнение сайтов Lamoda и Aizel

Будковая Наталия

Web - дизайнер

Основные цвета сайта - ахроматическе. Сочетание белого цвета с любым другим добавляет в него «легкости» и осветляет его. Наибольшая гармония хроматических цветовых тонов с ахроматическими наиболее достигается при следующих сочетаниях цветов: красный, оранжевый и желтый (теплые) с черным; голубой, синий, фиолетовый (холодные) с белым.

Для оформления сайта использован шрифты Proxima Nova и Helvetica Neue, ставшие популярными в последнее время у дизайнеров. Шрифт сочетает в себе современные пропорции и геометрический вид.

Что делать? Куда бежать?

Переизбыток информации на главной странице

Центрирование главных элементов – отличный прием! Это позволяет выделить главное и увеличить продажи и уровень конверсий.Скидки (в магазине) и счастливая семья (дома) – маленькие и большие радости.

Вот что мне нужно!

Скоростное шоссе или живописный маршрут?

Текст, текст, текст…

Скоростное шоссе или живописный маршрут?

Благодаря продуманной структуре пользователь дольше остается на странице и успевает рассмотреть на ней больше деталей. Представьте, что вы собираетесь в путешествие. Можно выбрать шоссе и быстрее добраться до цели. А можно пойти живописным маршрутом и увидеть по дороге много интересного. 

Где же я?

Отсутствие топ-бара при скролле страницы

Рекомендуют, а не показывают равнозначные варианты

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

Рекомендуют, а не показывают равнозначные варианты

Я прикупил модный свитшот с большой скидкой! А ты?

Есть возможность рассмотреть товар и удобная напоминалка о скидке (вместо диалогового окна). Это безусловный «+» !

Ничего лишнего

Мало полей для ввода при оформлении заказа

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

Для оформления сайта использованы шрифты «Aizel Accent Italic» и «Gill Sans» категории гротеска: рубленые без засечек. «Aizel Accent Italic» и «Gill Sans» — это шрифты, которые функционально и эстетически соответствующим требованиям сегодняшнего дня.

Навигация

Есть возможность выбрать любой раздел, который необходим здесь и сейчас.

В центре внимания - контент

Отдано предпочтение простой модели и закону кадрирования пространства

В центре внимания - контент

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

А я уже видел!

Функция быстрого просмотра

Мобильные версии сайтов

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

Хороший пользовательский интерфейс дает больше конверсий. Он полезен как для бизнеса, так и для людей.По моему мнению сайт Lamoda содержит избыточную информацию на главной странице, но оформление произведено с учетом правил дизайна, тем самым не перегружая когнитивную составляющею пользователя. На сайте Aizel серьезных минусов в дизайне не обнаружено. Когнитивные установки при создании сайта Aizel, направлены на облегчение работы памяти и внимания пользователей. Таким образом дизайнеры учли следующие особенности использования веб-сайтов:1) Наглядность сайта. Сайты, как правило, не читают, а просматривают вследствие нехватки необходимого для этого времени.2) Распределение внимания. Пользователь довольствуется сайтом, выступающими на первый план, в данном случае оптимальным для получения информации. 3) Присутствие необходимых знаний. Пользователь не знает принципа работы сайта, он ориентирован только на результат. Так образом, задачи дизайнеров полностью выполнены на обоих сайтах – не перегружать познавательные процессы пользователя, не «заставлять думать» в случае поиска необходимой информации и кнопок; в первую очередь пользователь направляет свою познавательную деятельность на изучение предмета потенциальной покупки.

Подведем итоги

Спасибо!