D-это понятность: 15 пунктов списка, чтобы обеспечить пользователям найти то, что им нужно


От A до Z УБ

Пару вещей недавно озадачили меня, провоцируя мысли о принципе понятности.

Во-Первых, Instagram. Мы недавно присоединились к рынку UXcentric для потенциальных клиентов. Чтобы продемонстрировать наглядно то, что мы делаем, что нам нравится и где мы находимся.

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

Instagram мобильное приложение с кнопку+, чтобы добавить содержание

Я думал, я мог бы применить тот же довод от моего имак. Нажмите кнопку + еще раз и ссылку на изображение, GIF или видео в папку на Mac. Да?

Видимо, нет.

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

Сайт Instagram на рабочем столе без возможности добавлять контент на сайт

Получается, функция не на рабочем столе в конце концов. Конечно, есть некоторые обходные пути. Превратить свой браузер в мобильный через инструменты разработчика. Планирование использования приложений для обмена контентом. Но они не решают основной вопрос, что Instagram не исполнил моей нужды. Я ошарашивает!

Во-Вторых, В LinkedIn. Теперь, я использую его уже более 10 лет на различных платформах. Я довольно активный пользователь и знаю, что мой путь вокруг него.

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

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

И тогда я узнаю из комментариев уже есть функция сохранить в конце концов! Конечно, это не совсем функционал я предложил, но он там был. Вы можете увидеть это…?

В LinkedIn разместить на рабочем столе

Для тех, кто не поняли, вы нажимаете на 3 точки значок в верхнем углу поста, чтобы выявить некоторые контекстные варианты. Если в посте есть статья, вы можете сохранить в свой профиль (правда, без ссылки на пост), если нет, то этот вариант будет удален.

Кажется более очевидным, когда вы знаете, право! Как на земле я мог это пропустить? Как и все остальные пропустили его? Потому что это было слишком тонко и скрыто вот почему.

Я, мы, очевидно, нужно бить в лицо немного с ее видимость. Отсюда и блог, и мои мысли о том, что можно сделать, чтобы избежать такой ситуации не случилось с вами.

“Глядя, пользователь может рассказать состояние устройства и альтернатив действий” (Норман, 1994 — Дизайн привычных вещей )

Что такое обнаруживаемость?

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

Нильсен Норман группы предположил, что в принципе может быть также подразделяется на:

  • Пользователи могут легко найти контент или функции, которые они предполагают представить на сайте (также известный как Находимость)
  • Пользователи сталкиваются новый контент или функции, которые не были известны ранее.

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

Как обеспечить хороший уровень обнаружения

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

1. Исследования

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

2. Логическое Группирование

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

3. Расположение

Где контент размещается также важно. Кнопки установки, где пользователи могут легко найти и ожидаешь их увидеть. Например, использовать стереотипные установки для вашего меню, кнопка Закрыть и навигации бар. Если контент-где пользователи ожидают, шанс их найти чрезвычайно возросла.

Би-би-си Новости приложение с логическая группировка кнопок на панели навигации и меню отчетливо видна в центре города

4. Чем больше, тем лучше

Чем больше и более заметную кнопку, тем очевиднее становится, и тем яснее то, что должен сделать пользователь. Чем больше значение функции или информации, тем больше внимания она должна принять.

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

5. Упростить

Удаление или deprioritising излишнее содержание позволяет действительно важный контент, чтобы выделиться. Всегда кладите акцент на основной задаче и расставить приоритеты, что пользователь, скорее всего, хотят сделать в контексте.

Автомобиль игры приложение с простым интерфейсом для воспроизведения контента. Общие функции являются большие и знакомые. Другие ресурсы доступны в других представлениях.

6. Цвет

Цвет также помогает при Ассоциации, привлекает внимание и делает акцент на важный контент. Цвета, выбранные должны соответствовать стереотипам, где это возможно, т. е. зеленый для действий, красную для отмены. Не как в этом примере парковка машины.

В Бирмингеме парковка машины с красной кнопкой для подтверждения и черная кнопка для отмены.

Цвет помогает, Но это не может быть единственным решением. Здесь добавляется текст и большую стрелку, чтобы помочь, те, кто имеет агрессивные формы цветовой слепоты. Красный также может быть трудно увидеть ночью. потому что глаза стали менее чувствительны к длинноволновой цвета.

7. Обеспечить Визуальные Подсказки

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

Есть несколько способов сделать это:

  • Панировочные сухари
  • Показывает долю следующего/предыдущего/дополнительное содержание страницы
  • Показать дополнительный контент на записи до увеличения в сокращенном содержании
  • Временные анимации
Небо Новости приложение показывает часть информации, свидетельствующей о необходимости прокрутки
Шазам приложение показывает сухарях на 3 страницы, доступна через проводя. Не сразу видное без текста на странице (в середине), однако есть дополнительные кнопки слева и справа от экрана.

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

8. Избегайте Сложных Скрытых Взаимодействий

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

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

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

Туалет флеш, используя две кнопки в то же время это не приемлемо…

Есть сложные операции, которые требуют несколько цифр и являются стереотипными, т. е. контрол-альт-дел.

Тем не менее, даже яблоко есть операции, которые человек может даже не знать, существует.

  • Дважды нажмите пробел для полной остановки
  • Перетащите клавиатуру в середине с левой и правой пальцами на iPad, чтобы разделить клавиатуру на две части
  • Перетащите из 123 для быстрого доступа к ряду и автоматического перехода обратно на QWERTY на выпуск
  • Перетащите вверх на символы для ввода других, т. е. вверх ?! чтобы получить “

Это нормально иметь ярлыки, но пусть люди знают!

Яблоко ярлыки, чтобы отменить набор текста на iPhone и разделить клавиатуру на iPad. Ты знал, что они есть?!

9. Знакомство

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

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

Spotify приложение с простым интерфейсом и знакомые значки для управления воспроизведением музыки

10. Значки И Маркировка Текста

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

Это также помогает уменьшить беспорядок на экране и позволяет пользователю более легко сканировать экран, быстро и эффективно.

11. Уведомления

Если и когда что-то меняется, что пользователь должен знать, дай им знать. Уведомления не надо быть навязчивым, в зависимости от того, насколько важными они являются. Так что пока есть видимость, пользователь может выбрать, когда открывать их по своему усмотрению.

Где это уместно, обеспечивая численное Киев наряду с значок приложения или в строке состояния-это чистый способ добавления информации. Это помогает пользователю в принятии решений.

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

12. Последовательность

Будьте последовательны в вашей экосистемы различных функций, экранов и приложений. Это касается всех пунктов, упомянутых в этом произведении. Используя последовательность увеличивает предсказуемость, где искать и найти то, что требуется.

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

13. Советы И Подсказки

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

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

Следует проявлять осторожность при таком подходе, как они могут раздражать. Применять их с какой-то логикой и следить за тем, как пользователь взаимодействует с ними. Если они просто закрыть их, а затем взять их намек!

Документы Google корректирующих действий после Правой Кнопкой Мыши, чтобы вставить. Обеспечивает корректирующее действие, как правильно вставить.

14. Coachmarks

Скачав новое приложение, или открыта функция в первый раз, пользователь, вероятно, будет наиболее открыта, чтобы быть оказана помощь. Что это приложение все о? Что нового? Как я могу взаимодействовать с ним? Какие новые жесты есть? Что я могу сделать с ним? Что делают эти новые термины?

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

Флеш баллы приложение показывает аннотированный Overlay для важных функций после новой загрузки

15. Тест, Тест, Тест

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

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

Заключение

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

  1. Исследовать то, что пользователи стремятся достичь
  2. Разработка решения для удовлетворения потребностей пользователей, используя советы, которые я приводил здесь
  3. Модель и настроить, пока вы и заинтересованные стороны счастливы
  4. Тестирование с реальными пользователями, чтобы увидеть, работает ли он и что можно улучшить
  5. Соответствующие изменения, и перебрать при необходимости

Да, и просьба к тем, кто может сделать разницу в Instagram, пожалуйста, добавьте кнопочку плюс к вашему опыту браузер!

Рабочего стола Instagram с добавлена кнопка +

И снова на LinkedIn, пожалуйста, добавьте кнопку СОХРАНИТЬ, чтобы сам пост и ссылка, а не статья.

В LinkedIn пост с добавлением, видимая функция сохранения

Связаться с автором

Даррен Уилсон, соучредитель и директор по дизайну UXcentric

www.uxcentric.co.uk

darren@uxcentric.co.uk

07854 781 908

Просмотреть все блоги >


D предназначен для обнаружения: 15 пунктов список для обеспечения пользователям найти то, что им нужно было первоначально опубликовано в УБ коллектива на средних, где люди продолжают разговор, выделение и реагирование на эту историю.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.