Казалось бы, серёзные перцы, делают удобные штуки…
Но проблемы юзабилити присутствуют и на сайте монстров рынка компьютерных комплектующих:
Сколько грубых ошибок юзабилити видите вы? Я бегло насчитал 3.
Первая ошибка:
Элементы интерфейса нестандартные. А именно кнопки «увеличить» и «печать». Они не воспринимаются пользователем как кнопки, т.к. пользователь годами привыкал к стандартным кнопкам.
В принципе кнопок существует достаточное колличество видов, но главное что даёт восприятие кнопки — это объём.На сайте ASUS объёмными кнопками и не пахнет, вследствии чего при беглом просмотре эти «кнопки» не воспринимаются пользователем как кнопки.
Вторая ошибка:
Кнопка «увеличить» почему-то располагается под текстовым блоком а не под фотографией. Что вообще сводит отношения фотографии и кнопки «увеличить» на нет.
Третья ошибка:
Картинка просто не кликабельна :-(
Пожалуй, ещё следует заметить, что человек гораздо лучше и быстрее воспринимает образы, нежели текст. Есть эффектное решение для данного примера — Разместить под фотографией маленькую пиктограмку с лупой (кликабельную) и ссылку «увеличить».
Например, так:
Но проблемы юзабилити присутствуют и на сайте монстров рынка компьютерных комплектующих:
Сколько грубых ошибок юзабилити видите вы? Я бегло насчитал 3.
Первая ошибка:
Элементы интерфейса нестандартные. А именно кнопки «увеличить» и «печать». Они не воспринимаются пользователем как кнопки, т.к. пользователь годами привыкал к стандартным кнопкам.
В принципе кнопок существует достаточное колличество видов, но главное что даёт восприятие кнопки — это объём.На сайте ASUS объёмными кнопками и не пахнет, вследствии чего при беглом просмотре эти «кнопки» не воспринимаются пользователем как кнопки.
Вторая ошибка:
Кнопка «увеличить» почему-то располагается под текстовым блоком а не под фотографией. Что вообще сводит отношения фотографии и кнопки «увеличить» на нет.
Третья ошибка:
Картинка просто не кликабельна :-(
Пожалуй, ещё следует заметить, что человек гораздо лучше и быстрее воспринимает образы, нежели текст. Есть эффектное решение для данного примера — Разместить под фотографией маленькую пиктограмку с лупой (кликабельную) и ссылку «увеличить».
Например, так:
