Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

Как сделать сайт удобнее

Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

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

Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

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

Показатели юзабилити

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

Каждый признак можно измерить. Продуктивность выражается в среднем времени, которое посетитель тратит на выполнение целевого действия, а эффективность – в соотношении тех, кто выполнил действие, к закрывшим страницу. Удовлетворённость – субъективный параметр, который сложнее измерить. Он отражает эмоциональное восприятие, а выявляется на стадии тестирования или при сборе отзывов. Вместе все эти три показателя отражают удобство при использовании страниц.

Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

Базовые критерии удобства сайта

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

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

Элементы для проработки

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

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

Что ещё влияет на юзабилити

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

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

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

Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

Как обеспечить удобство сайта

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

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

Тестирование

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

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

Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

Важные рекомендации

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

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

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

Юзабилити сайта зависит от вас

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

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

Источник

Об удобстве интерфейсов

Сегодня, дорогие друзья, мне бы хотелось поговорить об насущной проблеме всеобщего одваноливания (прим. автора: веб 2.0) — проблеме хороших графических интерфейсов на веб-сайтах.
Многие дизайнеры совершают некоторые довольно типичные ошибки при проектировании пользовательских интерфейсов, и это приводит к различным неудобствам при их использовании конечными пользователями.

0. Введение

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

Пока же наслаждайтесь чтением.

1. Группировка элементов

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

Помните, группировать элементы интерфейса нужно грамотно. Мы рассмотрим несколько способов группировки:

а) Группировка по функциям
б) По результату действия
в) Смешанный тип группировки

Сейчас мы приступим к детальному рассмотрению данных способов.

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

Разбейте элементы вашего интерфейса на классы (группы, блоки — как удобнее называть) и разместите эти блоки в порядке убывания важности для пользователя. Между прочим, это не так уж легко. Проследите за тем, куда смотрит ваш глаз в первую очередь, запомните основные точки и нарисуйте ломаную прямую. Это — «линия зрения» пользователя.

Например возьмем интерфейс Google и проследим за взглядом:
Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

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

б) По результату от действия

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

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

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

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

Пример использования смешанного типа группировки:
Портал Netz.ru и аналоги. Дизайн выглядит хорошо, но он неудобен.
Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

2. Расположение элементов

А как же всё-таки располагать элементы, чтобы работать с сайтом было удобно каждому пользователю, даже самому неопытному?

Давайте поразмышляем, какие раздражители сильнее всего действуют на человека?

1. Звук
2. Прикосновение
3. Цвет
4. Запах

Т.к. чисто технически прикосновение и запахи на сайты не внедрены, мы рассмотрим цвет и звук.

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

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

Группируйте элементы навигации по функциям или результату, и отметьте каждую функцию цветом, отличным от используемых для других элементов — для наглядности использования.
Пример: для работы с картинками можно использовать один цвет, а для работы с текстом — другой.
Существует прекрасная утилита для подбора удачных цветов. Color Schemer Studio + Color Pix
Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

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

3. Деление на блоки

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

Установить важность контента можно на сайте www.crazyegg.com, поставив на несколько дней скрипт слежения за кликами ваших пользователей. Впрочем, это скорее относится к сайтам, у которых уже был старый дизайн, и вы занимаетесь его переработкой. Если вы создаёте дизайн для нового сайта, лучше попросите совет у более опытных коллег или заказчика.
Довольно часто именно они обосновывают важность того или иного блока на сайте.

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

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

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

Вот несколько правил, о которых неплохо бы помнить при составлении макета дизайна:

1. Не экономьте место. Поверьте — приятный глазу фон поможет хорошо разграничить блоки, при этом не раздражая пользователя. Обычному человеку нужно получить удобный инструмент для работы, а не искать элементы интерфейса в каше, потому что дизайнер решил сэкономить немного пикселей.
Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

2. Используйте небольшие иконки. Не стоит зацикливаться только на тексте и блоках — пользователю будет не за что зацепиться при просмотре страницы. Да и своим последователям вы сильно упростите работу по редизайну (в будущем редизайн сайта будет наверняка, т.к. технологии развиваются, а дизайн устаревает). Чем же иконки помогают в редизайне? Объясню. Глаза пользователя не отличаются от глаз дизайнера. Дизайнер также выявляет принадлежность того или иного блока по его графическому исполнению, и небольшие пиктограммы помогают ему в этом. Приведу пример на рисунке ниже. Пиктограммы которые узнаваемы абсолютно без слов.
Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

3. Используйте как можно меньше линий на сайте. Так уж устроен человеческий глаз — ему нужно довольно много пустого пространства вокруг важных элементов. Часто вокруг важных элементов дизайнеры плодят кучу второстепенных линий, финтифлюшек и прочего. Поверьте — никому это не нужно.
Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

4. Старайтесь не использовать вложенные таблицы. Довольно часто можно встретить таблицы в таблицах, причем много раз я видел, что каждая таблица ещё и имеет видимые границы. Итог — каша в голове пользователя, неудовольствие заказчика, и как следствие, дизайнера.

5. Используйте вкладки. Вкладки — великая вещь. Другое дело, что часто дизайнеры не могут правильно их оформить. Активная вкладка должна отличаться от той, на которую наведён курсор и остальных.
Пример правильного использования вкладок показан на рисунке ниже:
Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

Давайте рассмотрим рисунок выше.

1. Сразу видно активную вкладку: она

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

2. Также сразу видно неактивную вкладку: она

— отличается цветом от активной
— опущена пониже активной
— имеет более простой дизайн
— визуально меньше активной вкладки

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

4. Кнопки

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

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

в) Лучше не пользуйтесь нестандартным дизайном кнопок. Это путает пользователя, и он теряется при работе с ними. Воспользуйтесь стандартными браузерными кнопками — так вы не отпугнёте новичков, да и опытным пользователям с ними привычнее работать.

г) Если уже воспользовались нестандартными видом кнопок, не делайте не контрастные кнопки. Не располагайте белый шрифт на светлой кнопке или чёрный — на серой. Судя по большинству отзывов, это доставляет некоторые неудобства — в надписи на кнопках приходится вчитываться, а это — лишнее потраченное время. Как известно, скорость работы тоже сильно влияет на удовлетворённость пользователя интерфейсом.

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

5. Флажки или опции?

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

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

6. Визуальная группировка

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

Заголовок текста на картинке слева отделён от текста, к которому относится. Это — неправильный подход. Это применимо и к формам: привязывайте наименования полей к ним самим для избежания неясностей. Посмотрите на рисунок ниже:
Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

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

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

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

7. Стили и отступы

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

Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

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

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

Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Смотреть картинку Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Картинка про Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор. Фото Что такое бессмысленное удобство использования почему пользователям нравится бессмысленный выбор

8. Словарь терминов

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

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

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

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

Градации — изменение одного цвета на один шаг по графической палитре.

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

Источник

Что такое юзабилити, и как протестировать удобство пользования

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

Что такое юзабилити?

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

Юзабилити состоит из 5 основных компонентов:

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

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

Почему юзабилити так важно

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

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

Создать свой доходный онлайн-бизнес — мечта многих. Но 95% предпринимателей никогда не дойдут до своей цели, потому что попадут в «ловушку» и не смогут оттуда выбраться…

Чтобы этого не случилось, приходите на бесплатный онлайн-мастер класс «Система стабильных интернет-продаж знаний и услуг, которая принесла уже более 0,5 млрд. выручки» и узнайте как получать максимум клиентов и продаж, не сливая бюджет на рекламу.

Первое правило электронной коммерции – если пользователь не может найти товар, он тем более не сможет его купить.

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

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

Для локальных сайтов увеличение этих показателей вдвое означает на 50% меньше затрат на обучение сотрудников и вдвое большее число продаж. Для интернет-ресурсов увеличение показателей вдвое = в два раза больше продаж, в два раза больше лидов, и вообще, в два раза больше по любым ключевым показателям в вашей отрасли.

Как улучшить юзабилити

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

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

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

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

Когда необходимо работать над юзабилити?

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

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

2. Также до начала работы советуем вам проанализировать дизайны сайтов ваших конкурентов — это поможет вам получить несколько бесплатных и полезных идей по внедрению каких-то новых фишек, которые положительно влияют на юзабилити и в то же время сохраняют ваш прежний функционал.

3. Проведите основательное исследование и соберите все ключевые данные и всю информацию о том, как люди ведут себя на вашем сайте.

4. Сделайте несколько прототипов нового дизайна и протестируйте их.

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

6. Проверьте ваш лучший дизайн на качество юзабилити при помощи материалов и чек-листов от экспертов.

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

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

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

Где проводить тесты

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

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

Источник

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

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