05
Июль 2018
Статьи

Принципы проектирования, которые помогут вам создать лучший UX

  • Главная
  • Статьи
  • Каждый продукт имеет конечную цель — помогать людям решать определенные проблемы. При разработке продукта вам необходимо учесть опыт пользователей, ведь вы не хотите создать продукт более сложный, нежели сама проблема, возникшая перед пользователем. Существует несколько принципов, которых следует придерживаться при разработке нового продукта. Это может быть приложение, веб-сайт или физический объект. Данные принципы помогут вам улучшить качество обслуживания пользователей.

    Принцип 1 — не заставляйте пользователей думать

    «Любой продукт к которому требуется инструкция – сломан», – Илон Маск.

    Люди находят ваш продукт, и они надеются, что именно он станет решением их проблемы. Они потратили некоторое время на то, чтобы прочитать описание продукта и, наконец, зарегистрировались, чтобы попробовать его. Когда люди начинают использовать ваш продукт, они понимают, что существует довольно крутая «кривая обучения» (многому стоит научиться), и это даже несмотря на помощь вашей службы поддержки клиентов и изначальной базы знаний пользователей. Если от вас уходят клиенты из-за излишней сложности в использовании продукта, то возможно вам стоит пересмотреть «начинку» вашего продукта, чтобы узнать, можете ли вы упростить некоторые шаги или изменить определенные функции, чтобы облегчить его использование. Зачастую, когда пользователи жалуются на то, что продукт слишком сложен в использовании, представители компании начинают задумываться об улучшении базы знаний, добавлении дополнительных руководств и т.д., но в компании зачастую не понимают, что проблема в самом продукте.

    Принцип 2 — Подумайте не только о визуальном представлении

    «Дизайн – это не просто то, как что-то выглядит или ощущается. Дизайн – это то, как это работает», – Стив Джобс.

    При разработке продукта, например, веб-сайта, внешний вид обычно стоит на первом месте. Чаще всего люди начинают с макета, цветовой палитры, типографики и т. д., но уделяют совсем мало внимания или вообще его не уделяют практичности и удобству использования. Несомненно, внешний вид создает первое впечатление, но если ваш продукт просто имеет красивый внешний вид, но не приносит достаточно пользы, то такой продукт – незаконченный продукт.

    Хорошим примером (по моему личному опыту) является Instagram. Instagram имеет симпатичный пользовательский интерфейс, каждый день я вижу массу замечательных изображений и постов, пользователи могут добавлять к своим изображениям фильтры, подписи и т. д. Однако, добавить активную ссылку на изображение невозможно. Instagram становится популярным и эффективным маркетинговым инструментом в последние годы, но эта недостающая функция отталкивает некоторых маркетологов.

    Будучи обычным пользователем, я увидела картинку с вкусным блюдом, приготовленным шеф-поваром на дому, и я захотела прочитать рецепт. Но чтобы это сделать, я должна была перейти в профиль шеф-повара, щелкнуть ссылку на ее блог, а затем искать нужный рецепт в блоге. Вы не думаете, что было бы намного проще, если бы можно было добавить активную ссылку прямо в пост в Instagram? Это – очень хороший пример наличия симпатичного оформления, но отсутствия у продукта качественного пользовательского интерфейса.

    Принцип 3 — позвольте своим пользователям участвовать в процессе разработки продукта

    «Чтобы стать хорошим разработчиком, вам нужно немного глубже понять, как люди думают и действуют», – Пол Боаг.

    У вас может быть команда разработчиков UI и UX мирового класса, но люди, которые лучше всего знают ваш продукт – это ваши пользователи. Они используют ваш продукт так часто, что могут найти ошибку ещё до того, как это сделают сами разработчики. То же самое касается и дизайна продукта. Ваши пользователи смогут указать на некоторые недостатки в дизайне, прежде чем ваши дизайнеры предложат возможные улучшения.

    Итак, как задействовать своих пользователей? Самый простой способ получить обратную связь – опросы, но они обычно могут дать вам лишь некоторые количественные сведения, например, скольким людям понравился пользовательский интерфейс, вместо того, чтобы предоставить информацию о том, почему он им понравился. Если вы добавите в свои опросы вопросы, начинающиеся с «Почему…», то частота ответов будет крайне низкой, так как ваши опросы станут слишком длинными и скучными.

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

    Принцип 4 — поддерживать единство дизайна продуктов

    «С точки зрения потребителя именно интерфейс является конечным продуктом», – Джеф Раскин.

    Большинство пользователей не любят сюрпризы (в плохом смысле) при использовании продукта. Возьмем Microsoft Office в качестве примера. Способы сохранения документа Word, электронной таблицы Excel и презентации PowerPoint – одинаковы. Как только вы начинаете понимать, как использовать Microsoft Word, вы более или менее знаете, как использовать основы Microsoft Powerpoint. Сохраняя основные функции и интерфейс одинаковыми во всей серии продуктов, вы даёте пользователям возможность экономить время при изучении основ использования продукта и, следовательно, улучшаете пользовательский интерфейс. Помимо этих особенностей, не менее важно поддерживать единство дизайна брендинга. Вернемся к примеру, с Microsoft Office, их пользовательские интерфейсы используют одну и ту же типографику, ту же высоту строки, один и тот же интервал между буквами, единственное отличие – цвета тем: Word – синий, Excel – зеленый, а Powerpoint – оранжевый. Благодаря единому дизайну интерфейса пользователи чувствуют себя более комфортно и уверенно при использовании продуктов.

    Принцип 5 — Создайте дизайн доступный для всех

    Я заметила, что некоторые веб-сайты и приложения используют черный фон, а текст написан темно-серым цветом; у меня нет проблем с чтением текста, но для людей, страдающих дальтонизмом, взаимодействие с такими веб-сайтами и приложениями будет крайне сложным, так как цвет фона и текст недостаточно контрастируют.

    При проектировании вашего продукта учитывайте людей с ограниченными возможностями. Дальтонизм поражает 1 из 12 мужчин и 1 из 200 женщин во всем мире. Это совсем не редкий вид инвалидности, и многие создатели не учитывают, насколько доступен продукт для такой группы пользователей.

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

    Заключение

    «Недостаточно того, чтобы мы создавали продукты, которые функциональны, понятны и просты в использовании, нам также нужно создавать продукты, которые приносят радость, волнение, удовольствие и веселье, и, да, красоту в жизнь людей», – Дон Норман.

    Вышеприведенная цитата максимально верна, и каждый разработчик должен помнить об этом. Создать стильный, красивый продукт – это легко, но на создание продукта, который может принести радость, и похвастаться прекрасным пользовательским опытом требуется больше времени, усилий и эмпатии, но это – отнюдь не пустая трата, ваши пользователи оценят все это сполна.

    Источник: Design principles that help you shape the best user experience

    0
    комментить
    поделиться
    246
    подписаться
    Веб-дизайн дайджест #21 Веб-дизайн дайджест #22
    Привет! ;) Меня зовут Владислав
    я — веб-дизайнер

    Люблю дизайнить, создавать что-то новое и совершенствовать существующее. В теме с 2010 года. Постоянно прокачиваю себя в данной сфере, слежу за трендами.

    Увлекаюсь спортом, люблю слушать музыку, путешествовать, развиваться и расти, как специалист. Стараюсь брать от жизни сполна!

    • photoshop
    • Figma
    • XD
    • responsive
    • adaptive
    • UI
    • UX
    • Interactive
    • modern
    • html
    • css/scss
    • css
    • JavaScript
    • jQuery
    • gulp
    • php
    • Wordpress