Lamoda or Aizel. Which is better?

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

2. Будковая Наталия
Web - дизайнер

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

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

5. Что делать? Куда бежать?
Переизбыток информации на главнойстранице

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

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

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

9. Где же я?
Отсутствие топ-бара при скролле страницы

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

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

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

13. Ничего лишнего
Малополей для вводапри оформлении заказа

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

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

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

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

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

19. А я уже видел! 
Функция быстрогопросмотра

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

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

22. Спасибо!