В условиях конкурса было оговорено, что полноценный аудит юзабилити получает первая тройка победителей. Аудит — это действительно серьезная работа, занимающая время. Делать аудит каждого сайта — задачи не стояло.
Мы высказали комментарии относительно юзабилити каждого сайта.
Я, к сожалению, не могу найти вашу заявку по нику и не знаю, о каком сайте идет речь, однако, «сделать попроще» и «разбираться лень» — это суровая действительность. У рядового посетителя еще меньше мотивация разбираться в сайте, если он может найти те же услуги/товары на другом сайте. Поэтому проще — почти всегда лучше.
Если вас обидел недостаток конкретных рекомендаций, можете написать здесь в комментах адрес сайта, и я попробую дополнить свои комментарии. Опять же, для полноценного аудита — могу только предложить заказать данную услугу у нас или у любой другой компании, которая проводит аудиты и тестирования.
В рамках краткого обзора у нас не стояло задачи проверять сайт на разных браузерах и ОС. Это задача для полноценного аудита.
В Лисе под Виндой все относительно нормально. Но сайт в шортлист в любом случае не вошел:)
Насчет детского центра. Взрослый может получить на сайте нужную информацию и совершить ключевое действие — записать ребенка. Ну да, девочка в шапке не очень, но свою задачу сайт выполняет.
Разделение на услуги не вполне корректное. Скажем, нет никакого смысла просто покупать ссылки, и никто не заказывает отдельно оптимизацию верстки. Вот пример нашей сетки услуг. Имеет смысл добавить услугу «Комплексное продвижение».
— Шапка выглядит как баннер. Кажется, что это внешние ссылки. Трачу время, чтобы понять, что это не так.
— Здесь неудачная верстка. Не все картинки стоит обтекать текстом. Между абзацами должны быть пропуски. И самое главное — заголовки должны быть содержательными. Например, «Искать в каталоге», «Критерии выбора студии», «Заказать сайт», «Сайт готов, что дальше?» (именно в этом порядке). С каждого раздела должна быть заметная ссылка в виде кнопки типа «Перейти к поиску», «Заказать сайт».
— Здесь не хватает заголовков или списка типа 1. Регистрация в рейтинге, 2. Заполнение портфолио, 3. Ценовая политика.
— Подзаголовок «Рейтинг веб-студий и рекламных агентств» лучше расположить под логотипом, а не наоборот.
— Кнопку «Добавить» в разделе «Тендеры» имеет смысл поменять на более заметную, с текстом типа «Заказать».
— Если в разделе «Работы» нажать «списком», а потом попробовать раскрыть один из видов работ, окажешься на главной.
— Не заметил, как попал в портфолио студии из раздела «Работы», а ссылку «Назад в раздел Работы» не нашел.
— Зеленый пузырик справа — без нижней границы.
Я думаю, многие из тех, кто сталкивался с этим символом: □□□□□□□□ — будут иметь подобные ассоциации. Как правило, текст так выглядит, когда проблема не поддерживает русского языка, при попытке набрать текст на русском.
— Видео с главной не проигрывается.
— Большой центрированный текст не читается.
— Ссылки надо снабжать анкорами (у вас сейчас один пункт маркированного списка — название СМИ, второй пункт — ссылка на него; это недопустимо).
— Стрелочку в синем кружке лучше заменить на что-то менее отвлекающее.
— Слишком длинные и частые списки — нечитаемо.
— Для ссылок на СМИ создайте раздел «СМИ о нас».
— Партнеров лучше перечислять со ссылками и логотипами.
— В разделе «Помощь проекту» — картинка с нечитаемым текстом. Нужен текст с конкретными вариантами.
— Кнопку «Помочь проекту» можно и нужно разместить на каждой странице.
— Копировать информацию из разделов на главной — нецелесообразно. Лучше давать «тизеры» разделов (кнопки, краткие тексты со ссылками и т.п.).
— Галерея медленная.
— Логотип в шапке должен быть ссылкой на главную.
— Полезная для бабушек функция увеличения шрифтов — совершенно незаметна и неочевидна.
— Верхнее меню лучше слева расположить и выделить, это же главная информация. Сейчас оно почти в мертвой зоны.
— Ссылку на ВКонтакте лучше сопроводить соот. логотипом.
— В шапке имеет смысл дать подзаголовок относительно сути проекта.
Возможности смотреть сайт постоянно нет возможности. Пишите, как будете делать изменения. Можно на мою личную почту: antoha.zaitsev@gmail.com, Антон. Постоянно смотреть не смогу, но пару итераций сделаем.
— Зеленые квадратики под временем работы выглядят как текст в некорректной кодировке.
— Способы доставки нужно отделить друг от друга (можно, списком), выделив стоимость.
— Меню с доставкой очень уж незаметное.
— В описании товара таблица нечитаемая, надо поиграться с отступами, границами и цветами ячеек, чтобы читалось строчками.
— Типы котлов можно было бы сделать в виде фильтров.
— В разделе «Монтажные работы» не хватает телефона, руководства к действию — как заказать.
— При оформлении заказа увидел, что можно оплачивать квитанцией, в соот. разделе этой информации не видел. Нужно разделение способов оплаты по пунктам.
— Что будет, когда я оформлю заказ: мне перезвонят, или сразу повезут доставлять товар в неизвестное время?
— Определитесь, как вы себя называете на сайте — СРО, партнерство, еще как-то.
— «О партнерстве» — плохое название. Начинаешь думать, о партнерстве с вашей организации, или о вашей организации.
— Серый текст на белом фоне — нечитаемо. Чуть потемнее — лучше.
— Много текстов, много списков, мало заголовков — затрудняет чтение.
— В списке членов не хватает информации по членам (хотя бы ссылка на сайт, а лучше — виды работы и т.п.).
— В разделе «Правила» — слишком длинный список, затрудняет чтение. Имеет смысл разделить правила по категориям.
— «Партнеры» — кто это? Члены партнерства? Похоже, что нет. Опять путаница.
— Страницы «Минимальный взнос» и далее — нужно включить в общую структуру, т.е. сделать под них раздел, или включить в уже существующий. Самую главную информацию (величина взноса, телефон, по которому звонить, чтобы вступить) — нужно выделить, желательно отдельной строкой. Можно продублировать в графическом виде вверху каждой из этих страниц. Внизу каждой из страниц нужно добавить навигационные элементы, чтобы можно было переходить к следующему преимуществу, плюс телефон (если хочу сразу звонить).
— Контакты хочется видеть в виде текста (в шапке).
— Вот здесь — заглавные буквы в заголовках отсутствуют.
— Там же неплохо бы дать ссылки на сайты курьерских служб, а еще лучше на те страницы на них, которые нужны.
— Что будет, когда я заполню форму и нажму «оформить заказ». Мне перезвонят? Сразу привезут товар в непонятное время?
— Что за изображение женского топика сопровождает операции с корзиной?
— Зачем всплывающее окно «Товар добавлен в корзину»? Во-первых, не сразу понятно, что нужно на него нажать. Во-вторых, когда нажимаешь, все равно оказываешься в корзине.
— Имеет смысл добавить кнопку «Купить» на случай, если я хочу оформить заказ из одного товара.
— Одно из двух меню (либо верхнее, либо левое) — лишнее. То, что они связаны, и слева выводится содержимое выделенного наверху пункта — догадаться сразу невозможно.
— Вместо верхнего можно было бы сделать более заметным меню с доставкой и т.п.
— По производителю можно сделать фильтр (это сократит иерархию и даст возможность сразу же смотреть все товары одного производителя).
— Переключение между валютами — это круто, но могут не догадаться. Лучше указывать просто все три варианта стоимости.
— Красный цвет шрифта — плохой вариант выделения. Лучше еще более дифференцировать цвет ячеек и размер шрифта в заголовках и в обычных ячейках.
— Пункт Adress в выпадающем меню сбивает с толку. Кажется, что это неактивный пункт типа «Choose», и выбирать нужно между аэропортом и вокзалом. Тут же возникает вопрос, а как же мне доехать до гостиницы? А, вот же пункт адрес, наверное, я нажму на него, и появятся поля для ввода адреса. В общем, такое название пункта только путает.
— Откуда вы взяли словосочетание «both sides»? «В оба конца» переводится как «both ways».
— Каков текст стандартного приветствия, хотелось бы знать.
— В Contacts нечитаемый текст. Используйте заголовки.
— Зачем нужен пункт Services, если стоимость и описание услуг указаны в разделе «Cars & Fares».
— Какие машины успользуете? Клиенту может быть интересно.
— «Заказ» — плохое название, лучше глагольная форма — «Заказать».
— Неоднородные блоки. Баннер давит на шапку, дальше все плавает в белом, а потом опять монолитные блоки (зеленый и серый). Необходимо более четкое разделение между блоками и акцентирование наиболее важных блоков.
— Для чего нужен раздел «автодокументы»? У пользователей этот вопрос тоже стоит, потому что-то размещает объявления о продаже, кто-то о покупке.
— Шапку с логотипом нужно сделать повесомее, на верхнее меню — обратить внимание пользователей.
1.
— Что это за знаменитость?
— Что такое «Графика»? Это же все графика. Лишний раздел.
— Вообще левое меню можно было бы подсократить.
— Как заработать рейтинг и получить подарок? Нужна страница с пояснениями.
— Микс — бесполезная, на мой взгляд, страница. Лишняя сущность. В крайнем случае можно сделать кнопку «Случайные обои», чтобы сразу попадать на страницу с этими обоями.
2.
— Непонятен принцип сортировки. Почему, к примеру, более новый QIP Infium на второй странице, а QIP 2005 на первой?
— На той же странице ссылку «Скачать» лучше заменить на «Узнать подробности и скачать».
— В сайдбаре слова «скачать» можно вообще убрать, а названия сделать в виде ссылок.
— У меня вот здесь подвальное меню наезжает на подвальную линию (Firefox 3.6.3).
— Вот тут список криво смотрится. Буллеты ни к чему. Да еще и тире.
— Раздел подвального меню «Информация» я бы продублировал наверху, таким же размером шрифта. По крайней мере то, что будет сразу же интересно: FAQ, О Проекте.
— Ссылка Реклама никуда не ведет.
— Непонятно, что означают числа с плюсиками. И главное — почему числа не меняются, когда я перехожу из раздела в раздел.
— В описании товара сначала характеристики (лучше таблицей), потом текст для поисковиков.
— Почему реквизиты картинкой? Как же я их распечатаю?
— О-очень много пунктов в левом меню. Совершенно нечитаемо. Надо делить иерархию, объединять разделы, делать подпункты и т.п.
— В пустой корзине не должно быть формы оформления заказа.
— «Добавить в избранное» — в связи с частотой использования слова в блогах (мемориз в ЖЖ) и соц.сетях, а также тем, что в Firefox эта функция, к примеру, называется «Закладки», лучше эту ссылку переименовать.
— «Вы смотрели» — обескураживает.
— Телефон имеет смысл вынести в шапку.
— Телефон и email хочется видеть в виде текста (в шапке).
— «Перед покупкой» и «После покупки» — чрезвычайно бессодержательные заголовки. Непонятно, зачем их нажимать, что там за информация. Лучше сделать отдельные разделы «Как оформить заказ?», «Оплата», «Гарантии».
— Используйте заголовки, при помощи тега
<h3></h3>
Без заголовков — текст труден для восприятия.
— Имеет смысл подкатегории разделов, типа Полуавтоматические в Стиральных машинах, реализовать в виде еще одной графы в фильтре. (А вдруг мне главное, чтобы LG, а полуавтомат или автомат я потом решу?)
— Если я удаляю из окна сравнения товары, то на странице сайта они остаются добавленными.
— В ходе оформления товара, мне было бы полезно узнать, что доставка работает только в пределах МКАД, и что вообще только в Москве.
Мы высказали комментарии относительно юзабилити каждого сайта.
Я, к сожалению, не могу найти вашу заявку по нику и не знаю, о каком сайте идет речь, однако, «сделать попроще» и «разбираться лень» — это суровая действительность. У рядового посетителя еще меньше мотивация разбираться в сайте, если он может найти те же услуги/товары на другом сайте. Поэтому проще — почти всегда лучше.
Если вас обидел недостаток конкретных рекомендаций, можете написать здесь в комментах адрес сайта, и я попробую дополнить свои комментарии. Опять же, для полноценного аудита — могу только предложить заказать данную услугу у нас или у любой другой компании, которая проводит аудиты и тестирования.
В Лисе под Виндой все относительно нормально. Но сайт в шортлист в любом случае не вошел:)
Насчет детского центра. Взрослый может получить на сайте нужную информацию и совершить ключевое действие — записать ребенка. Ну да, девочка в шапке не очень, но свою задачу сайт выполняет.
— Здесь неудачная верстка. Не все картинки стоит обтекать текстом. Между абзацами должны быть пропуски. И самое главное — заголовки должны быть содержательными. Например, «Искать в каталоге», «Критерии выбора студии», «Заказать сайт», «Сайт готов, что дальше?» (именно в этом порядке). С каждого раздела должна быть заметная ссылка в виде кнопки типа «Перейти к поиску», «Заказать сайт».
— Здесь не хватает заголовков или списка типа 1. Регистрация в рейтинге, 2. Заполнение портфолио, 3. Ценовая политика.
— Подзаголовок «Рейтинг веб-студий и рекламных агентств» лучше расположить под логотипом, а не наоборот.
— Кнопку «Добавить» в разделе «Тендеры» имеет смысл поменять на более заметную, с текстом типа «Заказать».
— Если в разделе «Работы» нажать «списком», а потом попробовать раскрыть один из видов работ, окажешься на главной.
— Не заметил, как попал в портфолио студии из раздела «Работы», а ссылку «Назад в раздел Работы» не нашел.
— Зеленый пузырик справа — без нижней границы.
— Большой центрированный текст не читается.
— Ссылки надо снабжать анкорами (у вас сейчас один пункт маркированного списка — название СМИ, второй пункт — ссылка на него; это недопустимо).
— Стрелочку в синем кружке лучше заменить на что-то менее отвлекающее.
— Слишком длинные и частые списки — нечитаемо.
— Для ссылок на СМИ создайте раздел «СМИ о нас».
— Партнеров лучше перечислять со ссылками и логотипами.
— В разделе «Помощь проекту» — картинка с нечитаемым текстом. Нужен текст с конкретными вариантами.
— Кнопку «Помочь проекту» можно и нужно разместить на каждой странице.
— Копировать информацию из разделов на главной — нецелесообразно. Лучше давать «тизеры» разделов (кнопки, краткие тексты со ссылками и т.п.).
— Галерея медленная.
— Логотип в шапке должен быть ссылкой на главную.
— Полезная для бабушек функция увеличения шрифтов — совершенно незаметна и неочевидна.
— Верхнее меню лучше слева расположить и выделить, это же главная информация. Сейчас оно почти в мертвой зоны.
— Ссылку на ВКонтакте лучше сопроводить соот. логотипом.
— В шапке имеет смысл дать подзаголовок относительно сути проекта.
Возможности смотреть сайт постоянно нет возможности. Пишите, как будете делать изменения. Можно на мою личную почту: antoha.zaitsev@gmail.com, Антон. Постоянно смотреть не смогу, но пару итераций сделаем.
— Способы доставки нужно отделить друг от друга (можно, списком), выделив стоимость.
— Меню с доставкой очень уж незаметное.
— В описании товара таблица нечитаемая, надо поиграться с отступами, границами и цветами ячеек, чтобы читалось строчками.
— Типы котлов можно было бы сделать в виде фильтров.
— В разделе «Монтажные работы» не хватает телефона, руководства к действию — как заказать.
— При оформлении заказа увидел, что можно оплачивать квитанцией, в соот. разделе этой информации не видел. Нужно разделение способов оплаты по пунктам.
— Что будет, когда я оформлю заказ: мне перезвонят, или сразу повезут доставлять товар в неизвестное время?
— «О партнерстве» — плохое название. Начинаешь думать, о партнерстве с вашей организации, или о вашей организации.
— Серый текст на белом фоне — нечитаемо. Чуть потемнее — лучше.
— Много текстов, много списков, мало заголовков — затрудняет чтение.
— В списке членов не хватает информации по членам (хотя бы ссылка на сайт, а лучше — виды работы и т.п.).
— В разделе «Правила» — слишком длинный список, затрудняет чтение. Имеет смысл разделить правила по категориям.
— «Партнеры» — кто это? Члены партнерства? Похоже, что нет. Опять путаница.
— Страницы «Минимальный взнос» и далее — нужно включить в общую структуру, т.е. сделать под них раздел, или включить в уже существующий. Самую главную информацию (величина взноса, телефон, по которому звонить, чтобы вступить) — нужно выделить, желательно отдельной строкой. Можно продублировать в графическом виде вверху каждой из этих страниц. Внизу каждой из страниц нужно добавить навигационные элементы, чтобы можно было переходить к следующему преимуществу, плюс телефон (если хочу сразу звонить).
— Вот здесь — заглавные буквы в заголовках отсутствуют.
— Там же неплохо бы дать ссылки на сайты курьерских служб, а еще лучше на те страницы на них, которые нужны.
— Что будет, когда я заполню форму и нажму «оформить заказ». Мне перезвонят? Сразу привезут товар в непонятное время?
— Что за изображение женского топика сопровождает операции с корзиной?
— Зачем всплывающее окно «Товар добавлен в корзину»? Во-первых, не сразу понятно, что нужно на него нажать. Во-вторых, когда нажимаешь, все равно оказываешься в корзине.
— Имеет смысл добавить кнопку «Купить» на случай, если я хочу оформить заказ из одного товара.
— Одно из двух меню (либо верхнее, либо левое) — лишнее. То, что они связаны, и слева выводится содержимое выделенного наверху пункта — догадаться сразу невозможно.
— Вместо верхнего можно было бы сделать более заметным меню с доставкой и т.п.
— По производителю можно сделать фильтр (это сократит иерархию и даст возможность сразу же смотреть все товары одного производителя).
— Красный цвет шрифта — плохой вариант выделения. Лучше еще более дифференцировать цвет ячеек и размер шрифта в заголовках и в обычных ячейках.
— Пункт Adress в выпадающем меню сбивает с толку. Кажется, что это неактивный пункт типа «Choose», и выбирать нужно между аэропортом и вокзалом. Тут же возникает вопрос, а как же мне доехать до гостиницы? А, вот же пункт адрес, наверное, я нажму на него, и появятся поля для ввода адреса. В общем, такое название пункта только путает.
— Откуда вы взяли словосочетание «both sides»? «В оба конца» переводится как «both ways».
— Каков текст стандартного приветствия, хотелось бы знать.
— В Contacts нечитаемый текст. Используйте заголовки.
— Зачем нужен пункт Services, если стоимость и описание услуг указаны в разделе «Cars & Fares».
— Какие машины успользуете? Клиенту может быть интересно.
— «Заказ» — плохое название, лучше глагольная форма — «Заказать».
— Для чего нужен раздел «автодокументы»? У пользователей этот вопрос тоже стоит, потому что-то размещает объявления о продаже, кто-то о покупке.
— Шапку с логотипом нужно сделать повесомее, на верхнее меню — обратить внимание пользователей.
— Что это за знаменитость?
— Что такое «Графика»? Это же все графика. Лишний раздел.
— Вообще левое меню можно было бы подсократить.
— Как заработать рейтинг и получить подарок? Нужна страница с пояснениями.
— Микс — бесполезная, на мой взгляд, страница. Лишняя сущность. В крайнем случае можно сделать кнопку «Случайные обои», чтобы сразу попадать на страницу с этими обоями.
2.
— Непонятен принцип сортировки. Почему, к примеру, более новый QIP Infium на второй странице, а QIP 2005 на первой?
— На той же странице ссылку «Скачать» лучше заменить на «Узнать подробности и скачать».
— В сайдбаре слова «скачать» можно вообще убрать, а названия сделать в виде ссылок.
— У меня вот здесь подвальное меню наезжает на подвальную линию (Firefox 3.6.3).
— Вот тут список криво смотрится. Буллеты ни к чему. Да еще и тире.
— Раздел подвального меню «Информация» я бы продублировал наверху, таким же размером шрифта. По крайней мере то, что будет сразу же интересно: FAQ, О Проекте.
— Ссылка Реклама никуда не ведет.
— Непонятно, что означают числа с плюсиками. И главное — почему числа не меняются, когда я перехожу из раздела в раздел.
— Почему реквизиты картинкой? Как же я их распечатаю?
— О-очень много пунктов в левом меню. Совершенно нечитаемо. Надо делить иерархию, объединять разделы, делать подпункты и т.п.
— В пустой корзине не должно быть формы оформления заказа.
— «Добавить в избранное» — в связи с частотой использования слова в блогах (мемориз в ЖЖ) и соц.сетях, а также тем, что в Firefox эта функция, к примеру, называется «Закладки», лучше эту ссылку переименовать.
— «Вы смотрели» — обескураживает.
— Телефон имеет смысл вынести в шапку.
— Телефон и email хочется видеть в виде текста (в шапке).
— «Перед покупкой» и «После покупки» — чрезвычайно бессодержательные заголовки. Непонятно, зачем их нажимать, что там за информация. Лучше сделать отдельные разделы «Как оформить заказ?», «Оплата», «Гарантии».
— Используйте заголовки, при помощи тега
Без заголовков — текст труден для восприятия.
— Имеет смысл подкатегории разделов, типа Полуавтоматические в Стиральных машинах, реализовать в виде еще одной графы в фильтре. (А вдруг мне главное, чтобы LG, а полуавтомат или автомат я потом решу?)
— Если я удаляю из окна сравнения товары, то на странице сайта они остаются добавленными.
— В ходе оформления товара, мне было бы полезно узнать, что доставка работает только в пределах МКАД, и что вообще только в Москве.