Критерии юзабилити

12
Sonja
На сайте с 05.06.2003
Offline
170
2681

1) Сайт (страница) имеет характеристику width=800,

2) на сайте (главной странице) два информационных блока с разной смысловой нагрузкой - основное меню и каталог товаров оформленны в одном стиле - цвет, шрифт,

3) в каталоге товаров визуально не соблюдена иерархичность.

По правилам юзабилити

1) ширина страницы должна? быть "резиновой" - на весь экран,

2) инф. блоки должны быть отличны др. от др. (цветом?), чтоб "работал" каждый пиксель,

3) визуальное отображение иерархии в каталоге должно? быть.

Стоит ли вводить изменения? И главное - как оценить отдачу от изменений? Сайт в личку кидать не буду, извините. Основной вопрос: как оценить эффект от следования "канонам" юзабильности? Считается, что юзабилити направлено на увеличение отдачи от сайта (продажи, посетители) как это оценить? Сайт активно продвигается, увеличение посещаемости не может служить критерием оценки.

Итак, как оценить юзалити?

Факультативно :): что можно привнести в дизайн упомянутых блоков: цвет, шрифт, расположение на странице, есть еще какие-нибудь секреты, можете поделиться дизайнерскими ухищрениями?

С уважением, Ольга Лебедева
bondarev.pp.ru
На сайте с 29.09.2005
Offline
202
#1
Sonja:
1) ширина страницы должна? быть "резиновой" - на весь экран

Я бы не взялся судить что лучше - фиксированная или резиновая верстка. И у той и у другой есть свои достоинства и недостатки.

bondarevpipes.com (http://ru.bondarevpipes.com/)
Garini4
На сайте с 23.04.2006
Offline
115
#2

Долгое время работал в одной конторе, где сайт меньше 10к не стоит, и в недавнем топ100 вебстудий эта студия была в диапазоне 30-40 (а то еще вычислите )))

Там у нас был тестер, и пока его ошибки не исправлены, проект не сдавался

Опираясь на его требования могу kое что расказать

1) ширина страницы должна? быть "резиновой" - на весь экран

Не факт! Мы делали ограничение по резиновости в 1000рх (т.е. уже можно, а вот шире 1000 никак)

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

2) инф. блоки должны быть отличны др. от др. (цветом?), чтоб "работал" каждый пиксель

Здесь мы опирались на дизайнера и на то, как его макет должен был бы утвержден 4мя оделами (верстки, программирования - у нас свой движек, менеджерами и ведущим дизайнером)

Скажу только, что "аляпистость" и пестрость не прокатывали. Все должно гармонировать

3) визуальное отображение иерархии в каталоге должно? быть.

Обязательно!!! И наличие таких вспомогательных вещей как "хлебная крошка" только приветствуются

как это оценить?

Очень просто. Попробуйте сами побыть в роли человека, первый раз пришедшего к вам на сайт и поищите товар, который находится, скажем, на 3-5 уровне вложенности. И потом выбраться без проблем вверх по дереву на 2-3 позиции

Шрифтов мы старались использовать не много. Обычно 1-3. :)

MoMM
На сайте с 16.06.2006
Offline
727
#3

Если сайт рассчитан на действие (покупка, мейл, звонок), то оценить по конверсии посетителя в контактера(покупателя): сколько на 1000 посещений покупок(контактов) было до и после.

если сайт информационный (тематический), то по глубине просмотра (сколько страниц на посетителя) и по интересу (времени на одной странице - это все при условии, что контент стабильный.

а вот как у новостных сайтов? наверное только по глубине просмотра...

A
На сайте с 12.05.2004
Offline
176
#4
Sonja:

По правилам юзабилити
1) ширина страницы должна? быть "резиновой" - на весь экран

Где вы такие правила откопали?

MaulNet
На сайте с 07.08.2005
Offline
348
#5

Sonja,

1) Резиновый? Необязательно, можно и жесткий с 1024.

2) Зависит от конкретного дизайна.

3) Одназначно.

Ответ: урл в студию, нужно судить более конкретно.

bondarev.pp.ru, я думаю, в вертстке вы лучше разбираетесь меня - хотелось бы узнать, в чем именно может быть жесткий дизайн лучше.

MoMM, время на странице определенной - по какому счетчику смотреть то можно? liveinternet?

p.s. интересная тема

pro-maker
На сайте с 08.12.2003
Offline
281
#6
Sonja:
1) ширина страницы должна? быть "резиновой" - на весь экран

Ширину текстовой колонки на ресурсах со статьями мелким кеглем (8-9pt), например, в блогах, лучше не делать шире 700px, чтобы строка легче захватывалась глазом. В большинстве же случаев резиновая верстка предпочтительнее, поскольку позволяет посетителю самостоятельно задавать ширину страницы.

Sonja:
2) инф. блоки должны быть отличны др. от др. (цветом?), чтоб "работал" каждый пиксель

Логично распределять выделение так, чтобы взгляд (центр внимания) при открытии страницы за 1-2 секунды переместился с наиболее важного элемента до основной информации страницы, т.е. "логотип" -> "меню" -> "текст". Соответственно, и необходимо подбирать яркость и размеры блоков, чтобы выдержать такой обход.

Sonja:
визуальное отображение иерархии в каталоге должно? быть

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

bondarev.pp.ru
На сайте с 29.09.2005
Offline
202
#7
MaulNet:
[в чем именно может быть жесткий дизайн лучше.

Большиснтво плюсов фиксированного дизайна, разумеется, касаются не удобства пользователя, а удобства верстальщика :)

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

bondarev.pp.ru
На сайте с 29.09.2005
Offline
202
#8

Кстати, как только выйдет файнал релиз IE7, и он, как было объявлено, будет установлен у всех пользователей windows автоматически, можно будет использовать CSS свойство max-width, которое позволяет найти компромиссное решение: резиновая верстка, растягивающаяся лишь до некоторой максимальной ширины.

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

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

Garini4
На сайте с 23.04.2006
Offline
115
#9

bondarev.pp.ru, да все проще делается. Делаем внешнюю таблицу из 3х ячеек. Первая и последняя без размера. А средней делаем, скажем width="1000" и все. В среднюю пихаем весь сайт. И получается что на большом мониторе наша страничка не растянется больше чем на 1000пиксей, а на маленьких она сожмется до ваших 800 пикселей.

P.S. ну естественно, этот прием для сайта, расположенного по центру. Если слева то убираем левую ячейку

bondarev.pp.ru
На сайте с 29.09.2005
Offline
202
#10

Garini4, интересный способ. Когда верстал таблицами не смог не этого додуматься. А теперь таблицы разлюбил. :)

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий