ТОП-100 UX рекомендаций — часть 2

ux рекомендации
Статьи

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

UX рекомендации

Ссылки

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

49. Ссылка всегда должна выглядеть как ссылка.

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

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

52. Ссылки всегда должны располагаться в поле зрения пользователя. Боковые блоки, футер — не самые подходящие места для размещения ссылок.

53. Пользователи ожидают, что определенные элементы, как изображения или отзывы, кликабельны.

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

Кнопки

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

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

57. Изменение цвета элемента при наведении курсора, анимация указывают пользователю, что элемент кликабелен.

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

59. Сайт должен визуально подтверждать успешность действия пользователя, к примеру, анимацией.

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

Поиск по сайту

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

62. Поиск в десктопной версии всегда должен быть оформлен в виде окна/поля для ввода текста, для мобильного интерфейса достаточно иконки поиска.

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

64. Пользователи часто ищут окно для ввода текста. Именно так они идентифицируют данную функцию на сайту.

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

Карусели и слайдеры

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

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

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

69. Только 1% пользователей кликает по слайдам в карусели. Поэтому эффективность данного модуля сомнительна.

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

Гармошки

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

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

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

74. Пользователь должен четко понимать, что данный контент можно развернуть. Используйте достаточное визуальное оформление.

Помощь и подсказки по сайту

75. Цель каждой страницы должна быть сразу понятна пользователю.

76. Пользователи неохотно обращаются в поддержку сайта. Поэтому важно создать правильный раздел «Вопросов и ответов» либо Помощи. Этот раздел должен находится в поле видимости пользователя — основное меню, боковой блок.

77. Предлагайте пользователям подсказки в контенте, где это уместно.

78. Помощь и подсказки должны быть короткими. Оформление должно выделять подсказки из основного контента.

79. Подсказки не должны отвлекать пользователя от основного контента. Показывайте одну релевантную подсказку на странице.

Иконки

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

81. Иконки должны использоваться только при необходимости. Не используйте иконки для оформления сайта.

Контент

82. Самая важная информация на странице должна получить самое заметное визуальное оформление.

83. Основная информация должна быть в начале страницы, абзаца, строки. Пользователи просматривают первые 2-3 слова каждого информационного блока.

84. Располагайте информацию в порядке значимости: ценная — выше, менее значимая — ниже.

85. Для дифференциации информации используйте цвет, размер и другие виды форматирования текста.

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

87. Мобильные пользователи читают меньше, чем десктопные.

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

Читабельность

89. Большинство пользователей сначала сканируют, затем читают текст на странице. Правильно форматируйте текст для простого скимминга.

90. Читабельность — это не про возможность что-то прочитать, а про желание пользователя прочитать информационный блок.

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

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

93. Шрифт в мобильной версии сайта должен позволять посетителям прочитать текст без приближения.

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

95. Заголовки должны визуально выделяться на фоне остального контента на странице.

96. Текст на мобильном устройстве не должен иметь горизонтальной прокрутки.

97. Контент не должен быть оформлен под рекламный баннер или объявление. Пользователи пропускают такую информацию.

98. Один параграф — одна идея/мысль.

99. Курсив сложнее воспринимается, чем обычный текст. Не злоупотребляйте.

100. Не используйте CAPS LOCK для больших блоков текста. Это усложняет чтение и восприятие информации.

анализ сайтаПервая часть рекомендаций!

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

Войти с помощью: 

Статьи по теме

UX рекомендации
Статьи
ТОП 100 UX рекомендаций — часть 1
Основная цель оптимизации UX — повысить удовлетворенность пользователя путем улучшения ...
Баден Баден выход
Статьи
Выход из-под Баден-Баден: самый эффективный и быстрый метод
Основатель сервиса CheckTrust, Александр Алаев, провел эксперимент по выходу сайта из-п...