На главной странице нет товаров. Первое впечатление -  я не туда попал, точнее, не на интернет-аукцион. Нужно показать, что здесь можно купить много товаров.

Поиск

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

Войти, Зарегистрироватся, Как пользоватся?

Далее взгляд упал на яркие кнопки « Войти, Зарегистрироватся, Как пользоватся?» На вид одинаковые кнопки.  Но по смыслу они ведь разные. Кнопки должны активировать какое-то действие, тогда «Войти» и «Зарегистрироваться» вполне логичны, но  "Как пользоваться? " ведет на другую страницу, где объясняют, как использовать сервис. Поэтому это должна быть ссылка.

Карусель

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

Категории

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

Навигация

Еще сверху есть интересная навигационная панель, где первый пункт это «регистрация». Это при том, что чуть ниже есть масивная кнопка «зарегистрироватся» ( ведут на одну и ту же страницу).

Поразило то,  что при переходе на другие страницы изменяется ширина сайта. Очень плохо.

• Многа Букафф
• Юзабилити анализ сайта oceni.com.ua
• Отдых с блондинкой от uatravel

Тимошенко Юля (Тигрюля)

Сайт Тимошено очень много разделов от личного блога Тимошенко без политики до сайта поклонников Юли. В общем сайт сделан качественно и создает положительное восприятие. Легко найти программу и биографию Тимошенко. Сам текст можно было оформить и получше, выделить основные блоки с помощью цитаты. Достижения и биографию Тимошенко, также можно было показать с указанием хронологии.
В разделе выборы приятно видеть, что Юля считает каждую секунду до выборов и предлагает позвонить по телефону горячей линии )

Янукович Виктор

К счастью или сожалению, но сайт 31.12 не работал, наверное потому что праздник )))

Тигипко Сергей

Сайт выглядит хорошо, но в мелочах вызывает раздражение. При просмотре главного видео, если вы мышку не увели с плеера, то просмотру будет мешать отоборажение символа паузы. Весь раздел видео хорошо сгрупирован по группам, но создаеться впечатление что в каждом разделе только 4 видео и не очень понятно, как посмотреть все «Сюжеты ТВ»? Прогрмамма и биография Сергея Тигипка поданны в очень удобной форме приятной для чтения, оказываеться Сергей Леонидович служил в танковых войсках! В меню есть 2 выпадающих пункта но визуально они ни чем не отличаються от других.

Очень интересный раздел «Прямая линия с Сергейем Тигипко», но поиск вопросов происходит только по ID (интересно сколько людей вообще понимают что от них хотят?) Еще из мелких замечаний синие ссылки на синем фоне немного тяжело заметить:

Из веселого: есть ссылка на Тигипко в Однокласниках и вКонтакте (хорошо работает социальный маркетинг) и ссылки СЮДА в разделе Напишите Сергей Тигипко

Олег Тягнибок

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

Также хочу заметить что 2-й уровень навигации оторван и спрятан от основной:

Информацию о биографии и программе Олега найти удалось, только в разделе Документи — Інші (нашел совершенно случайно). Наверно это не самая главная информация для избирателя

Из веселого: понравилось, что сайт можно почитать ещё на 2-х языках: белоруском и французской %-) Наверно специально для Лукашенко )

Яценюк Арсений

Первое что я увидел зайдя на сайт был видео плеер с кнопкой PLAY на лице у кандидата. Видео оказалось очень забавным  (слабонервных просьба не смотреть)

Жаль но большие зелёные кнопки на Фронт Змін, Фонд и Программу Арсенія нажать и посмотреть не удалось. На этом желание исследовать сайт пропало, чему посбособствовала общая хаки расцветка и косые линии. Также не смог на сайте найти отчество Арсенія поєтому хочеться пожелать:
«Шановний Арсеній! Я чекаю нового року і того дня коли нарешті знімуть бігборди з вашою агітаційною программою»
имг

• На что люди смотрят перед тем как купить, или 10 принципов для интернет магазинов
• Процесс создания интернет проекта (в картинках)
• Отдых с блондинкой от uatravel

Меня заинтересовал баннер, который предлагает отдых.

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

Как легко найти спутницу на ваш отдых.

После нажатия на баннер пользователь попадает на страницу, где опять нужно выбрать между зимой и летом. А чтобы было сложней сделать выбор, на странице снова поставлен баннер (со включенным звуком по умолчанию). Если вы все ещё остались на этой странице и вы «счастливый» обладатель браузера Internet Exploer, то сможете увидеть форму под баннером. Я увидел вот такое:

Но так как в страшную форму  необходимо ввести имя и телефон (но не тур), я решил облегчить задачу оператору и найти тур, который бы меня устроил. По умолчанию уже был выбран пункт «Выбор тура». Интересно почему только можно поехать зимой или на море? )

Пункты меню тоже обрадовали и заставили задуматься Очень странное деление — «Отдых в Украине», «Зима», «Горячие предложение», «Отдых на море». Не хватает ещё  - «Отдых в горах», «Отдых в Европе, США» и т.д.
Меня заинтересовали Спецпредложения, и сразу я увидел что хотел — «НОВЫЙ ГОД В КАМЕНЕЦ-ПОДОЛЬСКОМ» (набирала наверно всё таже девушка с баннера). На странице самого тура показана очень большая и красивая фотография ночного Каменца-Подольского, а потом — описание тура. А теперь задание для читателей попробовать оформить заявку на тур.

Немного статистики: За месяц на сайте было 18 918 посетителей. Если бы каждому 20 посетителю понравился сайт и он бы смог заказать тур, то оставил бы минимум 3000 грн. То есть можно было бы заработать больше 60.000 грн. А если людям, что-то нравиться они могли бы и вернуться...

• Причины неудачи программных продуктов
• Юзабилити анализ сайта football.ua
• Полезные ссылки выпуск №6

Название сайта я прочитал как «Осени», посомтрел за окно, точно оcень...

Первое впечатление:

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

Захотел какуе-то 7-ми звездочную «Teka Centroval», что это по картинке понять тяжело, но выглядит забавно )

Навигация:
_ Добавить. Что добавить? Оценку, товар, фотографию.... не понятно.
 — Карта категорий. Там наверно будет перечень всех категорий, который есть справа.
Ну это для СЕО, но название странное. Можно назвать проще — КАТАЛОГ )
 — Мнения. В принципе понятно
 — Люди. Тоже ясно что там будет.

Навигация по категориям сделанна достаточно хорошо.
Нашел самый активный блок! Прямой ефир!
В нем увидел следующее «Anni > Siemens VS07G1890 5». Можно только догадываться что сделал Анни с Сименсом и при чем 3 раза )))

Решил посомтреть оценки на телефон нокиа 6300. Ввел в поиск «Nokia 6300» в результате 1-м в списке получил «Ноутбук Apple MacBook Pro (MacBook Pro Z0ED)». Хорошая реклама
В результатах был даже миксер! )

Страница товара Nokia 6300:

Снова пугает кол-во звезд! Сайт предлагает в первую очередь оценить.
Оцениваю можно одновременно сказать что у телефона хороши и плохой дизайн )
Свое мнение у меня никто не спрашивает. Хотел написать что он очень эргономичный.

Оценка товара

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

Нажимаю «Оценить» благодарности не дождался (((
Под оценкой есть возможность нажать на ссылку «Хочу иметь»... может лучше оставить просто «Хочу»?

Напоследок решил «Чего-то добавить».

Добавь что-то

• Интерфейс для таблетки
• Будущее цифрового мира от Nokia + критика
• 14 советов для создания приложения для iPad

Зачем это нужно?

На самом деле Eye-traсking называют методику по которой можно четко сказать куда пользователь смотрит и как долго. Можно полностью проследить за взглядом, нарисовать путь по которому следуют взгляд человека.
Эта методика позволяет определить какой элемент интерфейса привлекает зрение, насколько другие элементы отвлекают от выполнения задач, насколько быстро пользователь знакомится с контентом.

Чем измеряют взгляд?

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

Например прибор Tobii  X120 Eye Tracker (показан на рисунке), устанавливается непосредственно перед испытуемым (но чтоб не мешать взгляду, например под монитором).

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

Результаты исследования.

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

На основе исследования нескольких респондентов можно построить тепловую карту (heatmap). Где красные области -  области, куда попадает взгляд всех респондентов, желтая и оранжевая — почти все, зеленая, синяя- единичные взгляды, не засвеченные области — взгляд совсем не касался этих элементов.

Heatmap — пример компании Eyetools

Как это работает?  Примеры:

1 Eye — tracking исследование разного представления размещения подписей к полям формы.

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

2 Eye — tracking исследование рекламы .

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

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

Читайте также:  
• «Глупые» пользователи
• Проектировать сайт для новичков или для продвинутых?
• Зачем нужны юзабилисты?
• Не слушайте пользователей (правило юзабилити)

• Iforum — форум интернет деятелей (1.04)
• UX советы для не специалистов
• Наступление сенсорных дисплеев

В обзоре представлены самые грубые ошибки с главной страницы сайта.

1 Логотип

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

2 Меню

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

На пример есть  раздел «чтиво» — мне не удалось выяснить новости это или просто статьи. Но их формат идентичен новостям. Такое представление меню не удобное для восприятия потому, что при разрешении монитора 1024*768  на первый экран попадает всего 14 пунктов меню из 24, поэтому  большинство пользователей нижние пункты меню оставят без внимания.

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

3 Главный блок

Главный блок это большая картинка, которая относится к одной из 3-ох новости с зеленой пометкой. Здесь проблема с механизмом: если активна вторая новость, то первая кажется подписью к картинке. Также название блока «Главное за сутки»  заставило меня задуматься о том что возможно футбольные матчи проводятся в любое время суток.

4 Баннерная слепота

Размещение под баннером блока с видеоматериалами делает его незаметным для пользователя из-за баннерной слепоты.

5 Структура сайта

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

6 Специфика сайта

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

Рекомендации:

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

2 Изменить меню. Возможно стоит поместить чемпионаты в один раздел, поскольку у пользователя есть возможность поотдельности следить за чемпионатами, а если поместить в один раздел там можно показывать все результаты всех чемпионатов. Стоит изменить представление меню, сделать колонку шире (изменить разбиение по колонкам) , переместить часть блоков под меню. Либо сделать меню горизонтальным, что полностью разрешит проблему пустого места под меню.

3 Изменит механизм вывода статей, например сделать так чтоб статья картинка которой выводится поднималась вверх к фотографии,  это намного  улучшит восприятие.  Переименовать блок «Главное за сутки» .

4 Убрать из-под баннера Видео, или сделать четкие границы баннеру  и блоку с видео.

5 Уменьшить количество колонок, сгруппировать блоки таким образом, чтоб  отдельные блоки не выступали сильно за общую структуру .

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

Читайте также:   
• «Глупые» пользователи
• Проектировать сайт для новичков или для продвинутых?
• Баннерная слепота. Как лечить?
• Не слушайте пользователей (правило юзабилити)

• Отдых с блондинкой от uatravel
• Юзабилити анализ сайта oceni.com.ua
• Полезные ссылки выпуск №6