Категории: Веб-дизайн

Экспресс-юзабилити тест: nifa.ru

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

Для теста будет использован сайт nifa.ru. Итак, приступим.

Проблема: нестандартное расположение элементов.

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

Поменяв элементы местами мы получим более классическое расположение.

Проблема: неэффективное использование места.

Правило «не бойтесь свободных мест», конечно, хорошо. Однако свободное место должно так же нести функциональную нагрузку. Свободное место справа и слева от сайта никак не используется, расширив область контента, можно добиться лучшего вида (сомневаюсь, что кто-то из дизайнеров и людей скачивающих шрифты использует разрешение 800*600).

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

Проблема: навигация.

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

  • Четкий каталогизатор. В шапке сайта мы видим набор разделов по которым должны быть разбиты шрифты. Это основное навигационное меню сайта и оно должно привлекать наибольшее внимание. Также я бы добавил к ссылкам на шрифты раздел к которому они относятся.
  • Подчеркнутые ссылки. Ссылки — необходимо выделять цветом, а лучше подчеркивать. Тогда люди с ограниченными возможностями (например, дальтоники) без проблем смогут их распознать.
  • Использование свободного пространства и разделение блоков. Для более легкого восприятия я бы увеличил интервалы между блоками шрифтов, а так же бы добавил разделитель в виде пунктирной линии.

Вот как я вижу блок со шрифтами.

Вывод

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

Нужен юзабилити-тест? Хотите сделать Ваш сайт более удобным? Обращайтесь, всегда рад помочь. Сделаем Интернет удобней!

Поделиться

Посмотреть комментарии

  • Недавно на курсах проходила понятие юзабилити. Оч похоже на работу маркетинга - не особо заметно, а эффект 100%

  • //По умолчанию, логотип в шапке принято размещать с правой стороны.//
    в корне не согласен и собсно праивльно делаю что не согласен ибо это грубая ошибка. если вы араб - да по умолчанию справа будет правильней. но если вы как и подобавляющее большинство людей «не-араб» то лого должно быть слева. ну в крайнем случае можно сделать логотип по середине, или вообще его не делать :D
    зачем я про арабов сказал? нет, не оскорбление! у арабов текст пишут и читают справа на лева, а у нас слева на право. ну тут можно головой подумать что будет более эргономично для подавляющего большинства :)


  • Avatar4pro:

    //По умолчанию, логотип в шапке принято размещать с правой стороны.//
    в корне не согласен и собсно праивльно делаю что не согласен ибо это грубая ошибка. если вы араб – да по умолчанию справа будет правильней. но если вы как и подобавляющее большинство людей «не-араб» то лого должно быть слева. ну в крайнем случае можно сделать логотип по середине, или вообще его не делать
    зачем я про арабов сказал? нет, не оскорбление! у арабов текст пишут и читают справа на лева, а у нас слева на право. ну тут можно головой подумать что будет более эргономично для подавляющего большинства

    Прошу прощения. Там, конечно же, с левой стороны. У автора с правой размещен. Совет состоял в том, чтобы поместить его слева.
    Спасибо, за конструктивные комментарии :)

Последние посты

Дайджест ABOUT FACE #5: дизайн-принципы хороших продуктов, Sketch + AE, правильная иконка шаринга

Хорошей среды! Пришло время нового выпуска дайджеста. (далее…)

% дней назад

Дайджест ABOUT FACE #4: агенство или продукт, After Effects в код, 100 книг для дизайнера

Хорошего понедельника! Давно не было свежего выпуска дайждеста, а материала накопилось порядочно 😍 (далее…)

% дней назад

5 современных альтернатив WordPress

Это рекламная статья. Многие считают, что WordPress — одна из наиболее популярных open-source систем для…

% дней назад

Дайджест ABOUT FACE #3: новая книга Бюро, CSS в Скетче, дизайн для нескольких языков

Хорошего понедельника! Надеюсь все отлично отдохнули, потому как я собрал для вас новую порцию интересных…

% дней назад

Дайджест ABOUT FACE #2: книги по типографике, одновременная работа с макетом, дизайнер-cатана

Хорошего понедельника! Приветствуем второй выпуск дайджеста. Для тех, кто не в теме, дайджест просеивает тонны…

% дней назад

Дайджест ABOUT FACE #1: редизайн Хрома, сколько зарабатывают дизайнеры, каким должен быть VR интерфейс

Хорошего понедельника! Как я писал в паблике, я решил немного изменить формат выхода новостей. Поэтому всё…

% дней назад