Эвристика usability №4. Как следовать стандартам не теряя креативности?
Творческий подход и стандартизация — казалось бы две противоположности. Но мы докажем, что одно другому не мешает.
Четвертая эвристика Якоба Нильсена — стандарты и последовательность — помогает сделать любой дизайн узнаваемым для пользователей. Не стоит в погоне за оригинальностью забывать об опыте и привычках нашей целевой аудитории. В конце концов, мы проектируем сервисы и приложения для их удобства, а не только ради собственной творческой реализации. Поэтому зачем «изобретать велосипед»? Давайте воспользуемся имеющимися стандартами, чтобы добиться внутренней и внешней последовательности в нашем дизайне. А чтобы кратко напомнить себе суть всех эвристик, чекните наш материал про 10 эвристик usability по Якобу Нильсену. Он поможет понять всю картину в целом.
Внутренняя последовательность
Если создаваемый вами продукт — часть единого бренда или группы, стоит продумать дизайн-систему и style-гайды, которые станут вашей визитной карточкой. Конечно, каждая отдельная страница или продукт имеют индивидуальные особенности и даже могут ставить разные цели, но с первого взгляда должно быть понятно, что они из одной семьи. Отличный пример в этом подает всеми любимый Google. Каждый его продукт легко узнаваем по брендовым цветам и стилистике.
Один стиль продуктов Google
Этот же принцип применим к организации пространства и элементам внутри сайта. Если пользователь знаком хотя бы с одним продуктом группы, он легко поймет функционал всех остальных. Знакомые иконки, идентичное месторасположение кнопок и цветовая гамма помогут ему в этом. Например, в каждом из продуктов Microsoft Office вы точно найдете знакомое меню и быстро перейдете к созданию документа, вместо того, чтобы искать инструкции и подсказки.
Знакомое меню в Microsoft Word
Кроме поддержки UI, такой подход очень способствует слаженной командной работе. Вашим коллегам не придется каждый раз начинать все с нуля. Готовая дизайн-система станет отличным стартом каждого нового совместного проекта. А сэкономленные силы можно будет бросить на реализацию творческих задумок и индивидуальных особенностей дизайна.
Внешняя последовательность
Эвристика usability № 4 применима и в более широком смысле. Мы ведь прекрасно осознаем, что до того, как прийти к нам, пользователь посетил сотни других, похожих на наш и совершенно отличающихся, сайтов. У него сложился определенный опыт и ожидания. Именно на этом и должны стоится наши UX-идеи, на базе которых будет построен фундамент хорошего дизайна.
Визуал сайта
Пользователь не должен сидеть и думать, где искать кнопку заказа или как раскрыть меню. Пусть с первой секунды это будет очевидно. Для нас естественно и понятно выглядит строка поиску вверху страницы и не нужны «семь пядей во лбу», чтобы понять значение лупы или корзины. Использование однотипных иконок и стандартное расположение навигации упрощает жизнь как нам, так и пользователю.
Знакомое меню на сайте Rozetka
Введение данных
В случае с заполнением форм и данных, стандарты помогут избежать путаницы и распространенных ошибок. Не усложняйте процесс регистрации и оплаты, пусть все будет понятно и знакомо. Даже такой пустяковый момент, как написание даты может вызывать вопросы: начинать с числа или месяца, год указывать полностью или две последние цифры, нужно ли писать месяц прописью? Не стоит «путаться в трех соснах», используйте стандартные формы. А чтобы спроектировать их действительно круто, ознакомьтесь с нашими 10 советами по улучшению форм регистрации. Это добавит 10 очков в копилку вашего дизайн-опыта!
Стандарнтный формат заполненя данных от Iprospect
Содержание
Проанализируйте страницы сайта и отдельные группы контента: чем они наполнены, какова общая картина и впечатление? Вот здесь самое место для вашего креатива. Но и он должен быть согласованным — поддерживать общий лейтмотив всего сюжета. Tone of voice, материалы, цветовая гамма — пусть все это воспринимается как единая гармоничная картина.
Соответствуем ожиданиям
Итак, цель понятна — дизайн должен отвечать ожиданиям пользователя. Проектируя UI, важно следовать привычным стандартам и сохранять как внутреннюю, так и внешнюю последовательность. Наши студенты уже знают как применять эти базовые эвристики на практике. Попробуте и вы! Благодаря этому ваш дизайн станет максимально комфортным и понятным для пользователя.
Со временем эвристики usability станут вашим профессиональным чек-листом: чем больше правил сможет воплотить ваш дизайн, тем больше у него шансов полюбиться пользователю. Мы опубликовали в нашем Instagram подробный пост о всех десяти эвристиках, чтобы вы могли наглядно представить особенности каждой из них. Проверьте себя: сколько эвристик вы уже успешно применяете?
