Перепроектирование сайтов по принципам Э. Тафти для инфографики
Райан Ван Дер Мерве — руководитель дизайна в южно-африканской e-commerce компании Kalahari написал для Smashing magazine о том, как стоит применять принципы, предложенные Э. Тафти для разработки инфографики, для минималистского дизайна сайтов.
Прежде всего, Райан напоминает о том, что хорошие дизайнеры занимаются перекомпоновкой, а не редизайном сайта. Под последним он подразумевает изменение визуального дизайна, и цели подобного мероприятия всецело эстетические — освежить внешний вид. Перекомпоновка подразумевает изменение расположения контента, а иногда и полный пересмотр концепции продукта. Перепроектирование отталкивается от требований и целей пользователей, от тенденций на рынке, а также стратегии бизнеса и бренд-позиционирования.
Масштабное перепроектирование сайта может оказать колоссальное влияние на бизнес, однако оно не всегда положительное. Пользователь может просто растеряться от осуществленных глобальных изменений и отвергнуть их. Чтобы избежать подобной реакции, автор статьи на Smashing Magazine предлагает использовать поэтапное обновление ресурса: для этого нужно спланировать график изменений на достаточно продолжительный период, а не менять структуру полностью за одну ночь.
При выборе стратегии перепроектирования, автор обращается к книге Эдварда Тафти The Visual Display of Quantitative Information, в частности к идее о соотношении объема данных и количества использованных чернил. Не смотря на то, что предложенные Тафти принципы относились к инфографике, автор статьи находит им применение и в веб-дизайне. Итак, вот 4 принципа, которые призваны помочь в перепроектировании:
- Акцент на информацию. В центре внимания каждой страницы сайта должна быть первостепенная задача, которую решает пользователь с помощью представленной информации.
- Избавьтесь от «лишних пикселей». Разобравшись с тем, на что должен быть сделан акцент на странице, необходимо убрать все лишнее, что отвлекает пользователей от достижения их первостепенных задач. Цвет, шрифт, иллюстрации, расположение компонентов — все, что привлекает к себе внимания, не заслуживая его, должно быть изменено.
- Избавьтесь от избыточных элементов. В данном случае подразумеваются элементы, которые повторяются на странице без веских на то причин: избыточные диалоговые окна для простых задач («Вы уверены, что хотите добавить продукт в корзину?»), анимация для выделения элементов, ряды одинаковых кнопок (кнопки «Добавить в корзину» рядом с каждым товаром в длинном списке).
- После того, как вы очистили свой дизайн, добавьте «чернила» там, где этого требуют задачи пользователей. Также на этом этапе нужно уделить внимание эстетичности вашего продукта.
- Проверьте достигнутые результаты, внесите требующиеся правки. При необходимости повторите все пункты сначала.
В качестве одного из примеров перепроектирования в соответствии с этими принципами Райан приводит изменение шапки сайта Kalahari (слева — до, справа — после).
The Data-Pixel Approach To Improving User Experience
Поделиться:
Во многих ситуациях велик соблазн использовать наглядный, компактный и быстрый в использовании элемент управления — ползунок. Но часто от этого отказываются из-за нескольких связанных со слайдерами сложностей. Если пользователь хочет отфильтровать товары по цене, например, то очень часто товары в большинстве своем группируются на одном полюсе шкалы, а другой ее конец почти пуст — на нем есть всего несколько очень дорогих товаров. Как же быть в этой ситуации?
В блоге lovely ui регулярно публикуются скриншоты красивых мобильных интерфейсов.
Что такое картограмма? Понятие и виды
Есть интересная ссылка? Пришли ее нам!
