Юзабилити-анализ

Page 1

1. Главная страница 1. 1. Шапка ●

Убрать ссылку с логотипа на главной странице, получается главная страница ссылается сама на себя. На остальных страницах переход на главную страницу по логотипу — оставить. Убрать ссылку с пункта меню «Главная», когда мы находимся на главной странице. Выделить этот пункт в меню, чтобы было видно, что этот пункт активный. ● Контактную информацию сделать более читабельной, картинка на заднем фоне накладывается на текст и телефоны.

1. 2. Вход и регистрация ●

После регистрации на сайте не выводится сообщение о том, что на указанный в форме e­mail адрес отправлено письмо, где указан логин и пароль, необходимо добавить сообщение об этом.


В шаблоне письма, который пришел на почту, в подписи указан другой интернет­магазин — интернет­магазин «Зооуголок» Необходимо исправить шаблон. Исправить ошибку — правильное написание «интернет­магазин» через дефис.

При нажатии в письме на ссылку «Mamacity» — переход на сайт zoougolok.com.ua, а должен быть на mamacity.com.ua. ● При нажатии на ссылку «форма связи» переход на сайт zoougolok.com.ua/contact.html


То есть, вы отправляете своих потенциальных клиентов на другой сайт. ● Смена пароля После смены пароля в личном кабинете на сайте необходимо дублировать новый пароль и отправлять на почту пользователю. Сейчас этого не происходит.

1.3. Меню ●

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


1. 4. Поиск ●

При наведение на кнопку «Поиск» необходимо показать ховер­эффект, кнопка должна меняться при наведении курсора. ● Сама кнопка меньше по высоте чем само поле для ввода запроса, необходимо кнопку сделать больше.

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


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

1. 5. Акции ●

Акции не выделяются, не привлекают внимание пользователя. Нужно сделать акцент на акциях, выделить блок.

1. 6. Рубрики ●

При переносе названии рубрики на 2 строки, название категории не влезает в блок по высоте. ● Красные узоры закрывают названия подрубрик и отвлекают внимание пользователей. ● Уголки блоков выходят за шапку, в которых указаны названия, смотрится некрасиво.


1.7. Баннеры ●

Нельзя людям головы «отрезать».


Баннер «выбивается» из общего стиля сайта (шрифты, цвета).

1.8. Футер ● ●

добавить контакты исправить год на текущий

2. Страница категории товара 2.1. Навигационная цепочка ●

Название текущей страницы не должно быть ссылкой, не должно быть кликабельным.


2.2. Дублирование категорий ●

Категории дублируются, слева и вверху страницы. Сверху список рубрик необходимо убрать.


2.3. Фильтрация товаров ●

Если название разделяется на 2 строки, то текст во второй строке лучше выравнивать по первому слову

Слово “Параметры” можно убрать, оно не несет никакого смысла, и так понятно что


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

2.4. Количество товаров ●

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

2.5. Сортировка ●

Сортировка по цене (0­9 9­0) не понятна, может вводить пользователей в заблуждение, лучше использовать стандартные фразы, например: ○ по возрастанию/убываю ○ от дешевых к дорогим/от дорогих к дешевым ○ и т.д.


2.6. Кнопки ●

Кнопки необходимо сделать более привлекательными, при подведении курсора кнопка должна меняться (ховер эффект), чтобы было понятно, что кнопка кликабельна. ● Кнопка «Подробнее» выглядит неактивной.

2.7. Сравнение товаров ●

Товар необходимо добавлять к сравнению при нажатии не только на чекбокс, но и на слово «Сравнить». Сейчас надпись не кликабельна.


Когда товар уже добавлен к сравнению надпись «Сравнить» менять на «Убрать из сравнения» или «Убрать».

При сравнении товара не выводить те опции, которые не привязаны к товару.


3. Страница товара 3.1. Дублирование категории ●

не нужно дублировать на карточке товара категорию, в которой находится товар, это видно в навигационной строке

3.2. Просмотр фотографий ●

Необходимо добавить возможность переключения фотографий при увеличенном изображении


3.3. Отзывы ●

Отсутствие отзывов смотрится непрезентабельно, если бы хотя бы под самыми ходовыми позициями были отзывы, это добавляло бы преимуществ вашему магазину, то есть пользователи видели, что товары у вас активно покупаются. А пользователи как правило доверяют мнению других пользователей. ● Наша компания может предоставить услугу по написанию отзывов. Можем определить рубрику или отдельные позиции товаров, на которых необходимо написать отзывы и разместить в первую очередь. ● Стоимость будет зависеть от количества отзывов. Если этот момент вам интересен, можем детально все моменты оговорить.

4. Оформление заказа 4.1. Добавление товара в корзину ● ●

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


4.2. Страница «Корзина» ● Плохо читается бледный голубой цвет. ● Кнопку «Пересчитать» необходимо переместить вправо, когда пользователь меняет количество товара, необходимо, чтобы кнопка находилась сразу возле полей, и он сразу ее видел.


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

5. Текстовые страницы 5.1. Страница «Доставка и оплата» http://mamacity.com.ua/delivery.html ● Необходимо поработать с отступами, расставить визуальные акценты, добавить изображения, маркированные списки, в таком случае текст будет смотреться более читабельно и привлекательно.

5.2. Страница «Акции» http://mamacity.com.ua/content/1.html ● Необходимо добавить изображения к каждой акции. ● Размер шрифта названия акции должен быть больше, чем описательный текст.

5.3. Страница «Информация» http://mamacity.com.ua/content/12.html ● Все статьи представить в едином стиле: изображение, заголовок текст, соблюдать выравнивание.


5.4. Страница «Партнеры» http://mamacity.com.ua/content/8.html ● Разместить одинаковое количество текста по описанию каждого партнера.


5.5. Страница «Конкурсы» http://mamacity.com.ua/content/30.html ● Необходимо размещать фотографии одного размера.


5.6. Страница «Опт» http://mamacity.com.ua/opt.html ● Добавить форматирование, информацию больше структурировать, добавить маркированные списки.

Текст находится слишком близко к полям, необходимо увеличить расстояние на всех текстовых страницах.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.