Пожалуйста подождите

час юзабили на 1nsk.ru

26 декабря 14:20
Рейтинг 0 - +    Эмоции
комментариев: 19
Ниже привожу юзабилити тест 1nsk.ru

Это копия, оригинал по адресу www.usehour.ru/2007/12/1nsk/

1nsk.ru — это информационно-развлекательный портал для жителей Новосибирска. Проводился экспресс-анализ некоторых страниц портала. Отчет следует ниже.


Главная страница портала


Главная страница



  1. Цифра «1» и английская буква «l» довольно похожи в некоторых вариантах своих начертаний. Чтобы дать возможность пользователю не задумываться, как же правильно написать адрес вашего сайта, необходимо поправить этот знак на иконке и логотипе, сделав его более похожим на цифру. Кроме того, в логотипе не следует выделять букву «Л», стоящую прямо под проблемным символом, так как это еще больше запутывает пользователя. Вероятный же адрес lnsk.ru в идеале должен содержать автоматический переход на портал с предупреждением пользователя о неправильно набранном адресе.

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

    Главное меню


    А если в этих местах при клике ничего происходить и не должно, то курсор мыши при наведении на них изменять на «ссылочный» не стоит.


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

    Наползание на форму



  4. Многие пользователи привыкли пользоваться клавишей «Tab» для заполнения форм. В форме регистрации порядок переключения фокуса этой клавишей нужно изменить, чтобы все четыре текстовых поля можно было заполнить по порядку. В этой же форме (и других всплывающих на главной) кнопка отмены не должна находиться первой слева. Дело в том, что это не стандартное и не логичное размещение, при котором пользователю придется смотреть и думать о возможной отмене, даже если это ему не нужно.

  5. Чтобы вашим посетителям всегда было понятно, куда их приведет ссылка, нужно везде где это необходимо прописывать атрибут title. На главной это ссылка на прогноз погоды слева вверху, все пиктограммы (только половина из них содержит атрибут), иллюстрации к последним записям в блогах… в общем все элементы, являющиеся ссылками, о которых нельзя мгновенно сказать, куда они ведут.

  6. В блоке новостей дается излишне подробная информация о дате публикации. Вместо формата «2007-12-25 18:14:45» (кому нужны секунды?) лучше использовать более человечный, например «18:14 / 25.12.2007».

  7. Пиктограммы в блоке новостей (и не только в нем) совершенно не нужны посетителям в таком виде, как сейчас. Нужно их дополнить. Например, количество комментариев будет более полезно, если будет отображено ссылкой. Рейтинг новости будет что-то означать только в том случае, если его можно будет как-то использовать, иначе отображать на главной его незачем. И если на портале существуют личные страницы пользователей (а они существуют), то с имени автора новости должна стоять ссылка на такую страницу.

  8. Строка «Каталог сайтов Справка Погода Работа Вопрос-ответ Ресурсы» (и другие подобные) воспринимается сплошной, размытой и не важной. В таком виде многие пользователи будут ее просто игнорировать. Исключите из нее ссылки на не завершенные разделы (они там есть), увеличьте отступ между словами и добавьте к ним небольшие пиктограммы — так строка начнет работать.

  9. В блоке новостей иллюстрации к новости многими будут восприниматься как ссылки — почему бы и не сделать их таковыми?

  10. В блоке объявлений одинаковые ссылки («Продам») ведут на разные категории.

    Одинаковые ссылки на разные категории


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


  11. Браузерный заголовок страницы (Новосибирск - Любимый город (Новосибирск) 1nsk.ru, Новосибирск) написан для поисковиков, а не пользователей. Такой подход никогда не будет ассоциироваться с понятием качества. Правильный подход — учитывать SEO, но заголовки писать для людей. Вообще, с заголовками беда по всему сайту. То разделители между элементами заголовка пропущены, то лишние черточки появляются…

  12. Почему форум находится в разделе информации и его нет в разделе общения? Это просто не логично.

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

  14. Если вы хотите, чтобы люди видели сайт, сделанный профессионалами, чтобы они ЧУВСТВОВАЛИ, что создатели сайта относятся к нему, как к любимому проекту — уделяйте больше внимания мелочам:

    • Следите за переносами строк:

      Перенос строки



    • Не выравнивайте строки по ширине, комфортно читать отформатированные так тексты в интернете невозможно:

      Выравнивание по ширине



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

    • Ссылки. Стандартизируйте стили ссылок, чтобы вопросов «а вот это — ссылка?» у пользователей не возникало.

      Ссылки


      На скриншоте ссылки: «Блоги», «BabyNvs», «Yarina», «ЖЕСТКОЕ неПОРНО». «добавить ролик». «почему так?». Не ссылки: «Отдых», «Рубрика: Юмор», «122», «kent8936». Никто из опрошенных мной людей не угадал все. Но проблема не в этом. Проблема в том, что вообще нужно угадывать.


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

      Нет отступов


      Нет отступов 2


      Нет отступов 3






Сайт в целом



  1. http://blog.1nsk.ru/ — обратите внимание на главное меню раздела («Добавить запись», …). Оно зажато между яркими шапкой и контентом. Шрифты используются маленькие, отступы — тоже. Цвет — серый. Такое оформление меню заставляет пользователей воспринимать этот важнейший элемент навигации как второстепенный. Необходимо повысить его вес на этой и подобных страницах. Кроме того, в этом меню никак не выделяются активные разделы.

  2. Все ссылки имеют вид http://1nsk.ru/ — без www. В таком случае, чтобы еще больше стандартизировать вид адресов на сайте, лучше сразу настроить перенаправление со страниц с www на страницы без. Это ваш выбор, а вообще технически малограмотные пользователи лучше себя чувствуют, если www всегда на месте.

  3. Ссылки с главной вида http://1nsk.ru/news/news_9357.html ведут на адреса вида http://1nsk.ru/news/news_9357.html/ — это очень непривычный вид адресов для и грамотных и неграмотных ПК-пользователей (потому что вид просто неправильный). Всем будет лучше, если их заменить на что-то типа http://1nsk.ru/news/9357/.

  4. Не забывайте о css-параметре line-height. С его значением, меньшим чем 1.2, читать длинные тексты не так удобно, как могло бы быть.

  5. Заголовки должны отличаться по размеру от текста, иначе они не воспринимаются, как заголовки.

  6. http://1nsk.ru/news/news_9339.html/ — при клике на ссылку «Оценить» меню оценки открывается в невидимой части экрана, если не прокручивать страницу. Кроме того, оно не содержит кнопки закрытия. А поскольку выбор там далеко не однозначен для пользователя, такая кнопка не помешала бы.

  7. Как портал может существовать без поиска? Хотя бы по новостям? Многим этой функциональности будет не хватать.

  8. http://foto.1nsk.ru/ — указывайте размеры картинок в коде, чтобы при загрузке страница постоянно не дергалась.

  9. http://1nsk.ru/main/, http://1nsk.ru/news/ — активный пункт и подпункт в главном меню никак не выделяется, а пользователю всегда важно четко видеть, где он находится. Особенно это важно на таких больших порталах, как ваш.

  10. http://1nsk.ru/about/ — двойные абзацы не дают возможности узнать что-то о проекте. Кроме того, текст никогда нельзя растягивать по всей длине экрана — на мониторах с большой диагональю читать такой текст очень неудобно.

  11. http://1nsk.ru/send/3.php — Я понимаю, что сайт в процессе доделки, но страницу контактов нужно сделать рабочей как можно быстрее.


Советы


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


Остальная часть анализа проводилась в режиме чата. 
© 2007 Роман Настенко.



Что думаете по этому поводу? Собственно большинство из текущих багов принято, какие еще из глобальных видите? Отписываться можно и нужно тут или www.usehour.ru/2007/12/1nsk/
Метки меток нет

комментарии

К первому непрочитанному 
  • 26 декабря 2007 | 14:40 (ссылка #411387)
    0 - + Сообщить модератору
    Аватара не загружена
    # Как портал может существовать без поиска? Хотя бы по новостям? Многим этой функциональности будет не хватать. Полностью согласен
  • 26 декабря 2007 | 14:57 (ссылка #411380)
    0 - + Сообщить модератору
    защищен
    Цитата:
    Что думаете по этому поводу?
    что работы вам хватит надолго. )))
    Цитата:
    какие еще из глобальных видите?
    не нашел нескольких багов описанных на форуме в теме запросов на багфиксы...
  • йюлКогзоМ
    26 декабря 2007 | 15:10 (ссылка #411388)
    0 - + Сообщить модератору
    Что можо сказать? Кое-где они правильно заметили окна наползабщие на др объекты, а если сказать в общем: чушь великая! Кто этим занимается? 1. Про логотип 1nsk вообще ересь полнейшая 2. В блогах пиктограмки убирать не стоит
  • йюлКогзоМ
    26 декабря 2007 | 15:11 (ссылка #411389)
    0 - + Сообщить модератору
    Про мелочи на сайте - это они правильно отметили
  • йюлКогзоМ
    26 декабря 2007 | 15:12 (ссылка #411390)
    0 - + Сообщить модератору
    Излишнюю информацию кое-где можно убрать
  • йюлКогзоМ
    26 декабря 2007 | 15:18 (ссылка #411391)
    0 - + Сообщить модератору
    В общем так, нужно всего лишь: 1. Поработать над всплывающими окнами 2. Убрать много ненужной информации, особенно на главной странице 3. Поработать над мелочами, например переносы, варавнивания текста и прочая мелочь 4. Нужно упростить и сделать более логичной главную страницу, для этого убрать ненужную информацию и сделать понятнее для пользователя куда ведёт какая либо ссылка.... А вообще я ничего в этом не понимаю, просто вырвалось... Не обращайте внимания....
  • 26 декабря 2007 | 15:22 (ссылка #411393)
    0 - + Сообщить модератору
    Аватара не загружена
    МозгоКлюй, если считаете что-то чушью и заявляете об этом -- потрудитесь аргументировать. 1. Вы серьезно считаете, что никто и никогда не путал 1 и l? Путали, не раз. А в случае с настолько невыразительной разницей, как в нашем случае + выделение буквы Л под этим символом... это не чушь. 2. Какие пиктограмы в анализе рекомеднуется убрать? Рекомендуется сделать их функциональнее, читайте внимательно.
  • 26 декабря 2007 | 15:28 (ссылка #411375)
    0 - + Сообщить модератору
    я робот
    и L и i впереди nsk заняты
  • 26 декабря 2007 | 15:54 (ссылка #411385)
    0 - + Сообщить модератору
    аватара
    да вообще с дизайном новым что-то перемудрили. Предыдущий был намного удобнее!
  • 26 декабря 2007 | 15:55 (ссылка #411381)
    0 - + Сообщить модератору
    защищен
    Цитата:
    Сообщение от alfa Посмотреть сообщение
    и L и i впереди nsk заняты
    тока не переименовывайте проект в 2нск... :nea: Добавлено через 31 секунду
    Цитата:
    Сообщение от MKisH Посмотреть сообщение
    Предыдущий был намного удобнее!
    не согласен...
  • 26 декабря 2007 | 15:55 (ссылка #411378)
    0 - + Сообщить модератору
    Не успели к одному привыкнуть, так новый сделали =) только и занимаетесь дизайном а потом устраниением новых багов дизайна =)))
  • 26 декабря 2007 | 15:56 (ссылка #411379)
    0 - + Сообщить модератору
    Цитата:
    тока не переименовывайте проект в 2нск... :nea:
    2nsk.ru/ занят =)))))
  • 26 декабря 2007 | 16:05 (ссылка #411376)
    0 - + Сообщить модератору
    я робот
    Цитата:
    так новый сделали
    меняли не дизайн по большей степени, а логику, сейчас она поудобнее, не все сделали еще, но двигаемся
  • йюлКогзоМ
    26 декабря 2007 | 16:09 (ссылка #411392)
    0 - + Сообщить модератору
    Лично мне новое оформление намного больше нравицца...
  • 26 декабря 2007 | 17:16 (ссылка #411382)
    0 - + Сообщить модератору
    Ангел Ночи
    Насчет функциональности новый дизайн выше на несколько ступеней. Но дизайн мне не очень нравится... Объявления вообще не вписываются в общую архитектуру. Очень много несвязанных элементов. Про некоторые моменты я спрашивал Толика (например о том, что поиска не хватает), насчет интервала между текстом в меню тоже отписывался в блогах... Насчет логотипа тоже идеи были, ну не единица это! Про навигацию - был в шоке, не обращал внимания даже что появляется курсор там, где не надо, а ведь и вправду очень не удобно. Заголовок страницы всегда раздражал, особенно когда вводишь что-нибуть в адресной строке, а потом по заголовку пытаешься найти нужную страницу (получается не всегда) По ссылкам - всегда было интересно где и какие ссылки, да и есть ли они вообще. Иногда не туда нажмешь, а потом вообще пыташься ничего не жать... Насчет личных страниц - +5! Почти везде есть ссылки по никам. В большенстве случаев они ведут на профиль в блогах, а в некоторых или в никуда или на страницы сервисов. ИМХО лучше всего было бы сделать чтобы все ссылки вели на одну страницу (страницу пользователя), на которой были бы ссылки на все остальные профили.
    Цитата:
    http://1nsk.ru/main/, http://1nsk.ru/news/ — активный пункт и подпункт в главном меню никак не выделяется
    О чем это?
  • 26 декабря 2007 | 17:32 (ссылка #411383)
    0 - + Сообщить модератору
    Ангел Ночи
    p.s.:
    Цитата:
    Остальная часть анализа проводилась в режиме чата.
    Интересно было бы посмотреть... Денис мож выложишь?
  • 26 декабря 2007 | 18:11 (ссылка #411377)
    0 - + Сообщить модератору
    я робот
    да там не сильно интересно для широкого круга :) да и пара нюансов для неразглашения
  • 27 декабря 2007 | 13:07 (ссылка #411386)
    0 - + Сообщить модератору
    Аватара не загружена
    Кода на странице новости нажимаешь на кнопку "Оценить" - окошко с вариантами оценки вылазит где-то снизу за пределами экрана. Opera 9.24 final (build 8816). По юзабилити. В центре главной страницы есть настройки личных данных. Ссылки "Визитка" "Форум" "Блог" и т. п. Так вот, поначалу я нажимал на "Форум" и не мог понять почему я не оказываюсь на форуме! Чисто интуитивно тянет нажать именно туда когда нужно перейти на форум.
  • 6 марта 2008 | 19:00 (ссылка #411384)
    0 - + Сообщить модератору
    Ангел Ночи
    Сорри, вопрос маленький: Над юзабилити уже работали?
  • Подписаться