Оценка юзабилити интернет магазина ч.13 (роковая)!
Игорь Бахарев
01 Декабря 2011, в 11:20, в Важное, в сюжете: Юзабилити
Добрый день! Сегодняшняя статья в рубрике оценки юзабилити интернет магазина будет роковой, т.к. имеет порядковый номер 13 и пишется в пятницу.
На самом деле ничего страшного в этой статье вы не найдете. Каждый интернет магазин, прошедший исследование в этой рубрике, представляет из себя красивый и удобный в использовании посетителем сайт. Напомним вам - если у вас есть сомнения по поводу удобства навигации вашего магазина, или вы планируете сделать редизайн своего бизнеса и вам нужны советы, то просто оставьте заявку на нашем форуме. Не забудьте указать контакты для связи с вами.
Перейдем к непосредственному рассмотрению сегодняшней заявки. Объектом исследования является крупный игрок интернет-рынка Украины магазин , занимающийся реализацией товаров для спорта и отдыха. Компания работает в сфере интернет коммерции с 2008 года, и в данный момент занимает одно из лидирующих мест в сфере продажи спортивного инвентаря и аксессуаров. Перейдем к непосредственному исследованию.
1 - Данную информацию можно использовать гораздо эффективнее в каком либо графическом блоке. Прямой призыв к совершению заказа лучше использовать на конкретной странице товара, нежели чем на главной.
2 - Блок поиска продуктов (кстати, подсказка в виде "например, лодка" - правильное решение) целесообразнее переместить под левый блок с каталогом продукции, тем самым освободив пространство под корзину. В данный момент, эти элементы перегружают друг друга, тесно соприкасаясь друг с другом. Нехватку места в левом блоке каталога, можно исправить использованием значка лупы вместо слова "найти".
3 - Один из важных и ключевых блоков, отвечающих за формирование доверия к интернет магазину, в вашем случае имеет самый маленький шрифт в структуре страниц + неясное дублирование схожей информации в блоке №4. Выделите наиболее приоритетные ссылки, сгруппируйте, систематизируйте и расположите их в порядке значимости для розничного покупателя. Подумайте над более удачным выделением их на странице.
5 - Блок хороший для директора, но так ли он полезен в плане доверия посетителя к магазину? Возможность "выйти напрямую" к директору необходима только в том случае, когда произошло какое либо разногласие между клиентом и магазином. При наступлении таких ситуаций, какие страницы смотрит покупатель? Правильно - "контакты" и "о магазине". Возможно, есть смысл перенести этот блок именно туда. В данный момент, возникает ощущение, что в магазин поступает очень много жалоб, а сотрудники магазина пытаются их скрыть от руководства. Так или иначе, не давайте вашим посетителям задумываться над этим.
6 - Подумайте над выделением контактных телефонов магазина. Например, убрав надпись о доставке, можно оставить отделяющую полоску, либо использовать какое либо другое цветовое или графическое решение.
7 - Наличие этого блока, в том виде, в котором он имеется сейчас, мы сначала поставили под вопрос. Ввиду тройного (!) дублирования этой информации на главной странице. Но просмотрев более глубокие интернет страницы отказались от предложения что либо сделать с ним. Почему - будет рассказано с использованием следующих скрншотов.
8 - Данный блок, предназначенный исключительно для seo, не совсем вписывается в общую концепцию дизайна интернет магазина. Если его использование необходимо для оптимизации и продвижения в поисковых системах, есть смысл перенести его в нижнюю часть страницы. Если блок используется не только с целью продвижения, а еще и с целью донести посетителю информацию о магазине, то использовать его в таком виде не рекомендуется. Обилие неформатированного текста ухудшает его читаемость и восприятие. Возможно есть смысл вообще избавиться от него.
9 - Какая цель преследуется при размещении этих элементов в дизайне магазина?
10 - 11 - 12 - Отличные целевые продающие блоки. Но в данный момент, они выглядят как однообразная витрина с обилием товара. Попробуйте выделить заголовки товаров из этих блоков, либо обозначьте на самом товаре (его фотографии), что продажа товара идет с бОльшим преимуществом для покупателя, нежели обычные.
13 - Внизу продублируйте ссылки из блока №3. Пользы мало, но так принято.
14 - Насчет этих двух баннеров. Не думали сделать его единым с бОльшим количеством слайдов. Помимо прямых продаж, в данном блоке, вы бы смогли сообщать о преимуществах магазина (к вопросу о "доставке" из пункта №1).
1 - Возможно, есть смысл выделить "хлебные крошки", вместо имеющегося и дублирующегося названия категории.
2 - Про этот блок уже говорили в первой части.
3 - Почему бы не расположить в данном блоке список каталога, выделив и раскрыв только тот, в котором находится пользователь в данный момент?
4 - Рекомендуем выводить в этом блоке хиты продаж именно той категории, которую просматривает посетитель. Продавать резиновые лодки в категории бассейнов не очень эффективно. Хотя изделия схожие :)
5 - Извиняюсь за сравнение, но очень похоже на проданные под Sape ссылки. Если вы хотите использовать на сайте "Полезные ссылки", целесообразнее выделить их в отдельный блок, либо группу ссылок в блоке №3 первой части исследования.
6 - Превью карточки товара в каталоге. В ней имеется очень много отвлекающих элементов. Для чего используется две кнопки одинаковой расцветки? "Подробное описание" рекомендуем использовать в виде ссылки "Подробнее..." сразу после краткого описания товара. Для чего также используется функция "Оставить отзыв" в превью? Целесообразнее отражать наличие этих самых отзывов, на котрые будут кликать гораздо активнее, чем на ссылку "Подробнее...". На превью тех товаров, которых нет в наличии, напишите фразу "Нет в наличии" и вместо кнопки "Купить" сделайте "Заказать".
7 - Отличный блок. Дополните его фразой "...Наши менеджеры сами свяжутся с вами..."
1 - Более эффективно размещение блока цены рядом с кнопкой "купить".
2 - Логичнее использовать этот блок рядом с теми элементами, в которых у посетителя может возникнуть вопрос. Также, возможно использовать эту функцию рядом с телефоном в блоке №6.
3 - Возможно, есть смысл подумать над иным размещением этой ссылки в карточке товара. С другой стороны, на странице используется целых три блока для социальной связи с посетителям. С учетом их пустоты (в большинстве), есть ли смысл в использовании такого количества каналов?
4 - Сначала была мысль исключить данные ссылки со страницы, потом подумали, что это очень хорошее решение, позволяющее посетителю оставаясь на странице, получить информацию по указанным ссылкам.
5 - Неужели до сих пор для ТОПа держите?
6 - Про блок связи уже говорили, сформируйте все способы связи в одном месте.
7 - Подсветите ту категорию, в которой находится посетитель.
8 - Необходимо ли использование рекламного баннера на конкретной странице товара? Возможно, есть смысл отказаться от него на страницах товара.
9 - Продублируйте кнопку "Купить" и способы связи после описания товара.
10 - Забыли упомянуть про категории "Акции и скидки" и "Распродажи". С какой целью схожие по смыслу категории разбиты на две части? Возможно, проще "продвигать" внутри магазина только один раздел с акциями?
Разработчики магазина в ближайшее время собираются делать изменения в дизайне сайта, поэтому мы надеемся, что наши советы будут полезны для них, и сделают их проект еще более удобным и прибыльным. А какие замечания и недостатки в дизайне видите вы? Комментарии и критика приветствуются.
mirvla Отправлен 28.09.2011 в 14:54 И вам спасибо за заявку, было интересно работать с вашим интернет-магазином. Terrasport Отправлен 28.09.2011 в 12:11 Спасибо за анализ. Многие из оговоренных пунктов у нас уже стояли на заметке, но есть и такие о которых сами не думали – к примеру, тот же 5ый пункт. Обязательно учтем эти моменты при редизайне. mirvla Отправлен 26.09.2011 в 13:29 Вот и мы о том же. Натолкнет на мысль – оттолкнет от магазина. Поэтому не надо заставлять думать над такими вещами. Designtolife mediaunit.ru Отправлен 26.09.2011 в 13:00 Хочу сделать акцент на №5 (главная страница). Лучше вообще избежать такой кнопки. В таком виде. “Пожаловаться директору” – это уже самая крайняя мера, на которую пойдет покупатель. И пойдет он на нее с жалобой. Такое бывает, но не стоит об этом сразу же говорить. Заходя на сайт первый раз и еще даже не изучив его, посетитель видит “пожаловаться директору”, что может натолкнуть его на мысль о том, что “ага, значит есть жалобы, раз даже кнопочку вынесли на красное место”.
На самом деле ничего страшного в этой статье вы не найдете. Каждый интернет магазин, прошедший исследование в этой рубрике, представляет из себя красивый и удобный в использовании посетителем сайт. Напомним вам - если у вас есть сомнения по поводу удобства навигации вашего магазина, или вы планируете сделать редизайн своего бизнеса и вам нужны советы, то просто оставьте заявку на нашем форуме. Не забудьте указать контакты для связи с вами.
Перейдем к непосредственному рассмотрению сегодняшней заявки. Объектом исследования является крупный игрок интернет-рынка Украины магазин , занимающийся реализацией товаров для спорта и отдыха. Компания работает в сфере интернет коммерции с 2008 года, и в данный момент занимает одно из лидирующих мест в сфере продажи спортивного инвентаря и аксессуаров. Перейдем к непосредственному исследованию.
Главная страница
1 - Данную информацию можно использовать гораздо эффективнее в каком либо графическом блоке. Прямой призыв к совершению заказа лучше использовать на конкретной странице товара, нежели чем на главной.
2 - Блок поиска продуктов (кстати, подсказка в виде "например, лодка" - правильное решение) целесообразнее переместить под левый блок с каталогом продукции, тем самым освободив пространство под корзину. В данный момент, эти элементы перегружают друг друга, тесно соприкасаясь друг с другом. Нехватку места в левом блоке каталога, можно исправить использованием значка лупы вместо слова "найти".
3 - Один из важных и ключевых блоков, отвечающих за формирование доверия к интернет магазину, в вашем случае имеет самый маленький шрифт в структуре страниц + неясное дублирование схожей информации в блоке №4. Выделите наиболее приоритетные ссылки, сгруппируйте, систематизируйте и расположите их в порядке значимости для розничного покупателя. Подумайте над более удачным выделением их на странице.
5 - Блок хороший для директора, но так ли он полезен в плане доверия посетителя к магазину? Возможность "выйти напрямую" к директору необходима только в том случае, когда произошло какое либо разногласие между клиентом и магазином. При наступлении таких ситуаций, какие страницы смотрит покупатель? Правильно - "контакты" и "о магазине". Возможно, есть смысл перенести этот блок именно туда. В данный момент, возникает ощущение, что в магазин поступает очень много жалоб, а сотрудники магазина пытаются их скрыть от руководства. Так или иначе, не давайте вашим посетителям задумываться над этим.
6 - Подумайте над выделением контактных телефонов магазина. Например, убрав надпись о доставке, можно оставить отделяющую полоску, либо использовать какое либо другое цветовое или графическое решение.
7 - Наличие этого блока, в том виде, в котором он имеется сейчас, мы сначала поставили под вопрос. Ввиду тройного (!) дублирования этой информации на главной странице. Но просмотрев более глубокие интернет страницы отказались от предложения что либо сделать с ним. Почему - будет рассказано с использованием следующих скрншотов.
8 - Данный блок, предназначенный исключительно для seo, не совсем вписывается в общую концепцию дизайна интернет магазина. Если его использование необходимо для оптимизации и продвижения в поисковых системах, есть смысл перенести его в нижнюю часть страницы. Если блок используется не только с целью продвижения, а еще и с целью донести посетителю информацию о магазине, то использовать его в таком виде не рекомендуется. Обилие неформатированного текста ухудшает его читаемость и восприятие. Возможно есть смысл вообще избавиться от него.
9 - Какая цель преследуется при размещении этих элементов в дизайне магазина?
10 - 11 - 12 - Отличные целевые продающие блоки. Но в данный момент, они выглядят как однообразная витрина с обилием товара. Попробуйте выделить заголовки товаров из этих блоков, либо обозначьте на самом товаре (его фотографии), что продажа товара идет с бОльшим преимуществом для покупателя, нежели обычные.
13 - Внизу продублируйте ссылки из блока №3. Пользы мало, но так принято.
14 - Насчет этих двух баннеров. Не думали сделать его единым с бОльшим количеством слайдов. Помимо прямых продаж, в данном блоке, вы бы смогли сообщать о преимуществах магазина (к вопросу о "доставке" из пункта №1).
Страница категории
1 - Возможно, есть смысл выделить "хлебные крошки", вместо имеющегося и дублирующегося названия категории.
2 - Про этот блок уже говорили в первой части.
3 - Почему бы не расположить в данном блоке список каталога, выделив и раскрыв только тот, в котором находится пользователь в данный момент?
4 - Рекомендуем выводить в этом блоке хиты продаж именно той категории, которую просматривает посетитель. Продавать резиновые лодки в категории бассейнов не очень эффективно. Хотя изделия схожие :)
5 - Извиняюсь за сравнение, но очень похоже на проданные под Sape ссылки. Если вы хотите использовать на сайте "Полезные ссылки", целесообразнее выделить их в отдельный блок, либо группу ссылок в блоке №3 первой части исследования.
6 - Превью карточки товара в каталоге. В ней имеется очень много отвлекающих элементов. Для чего используется две кнопки одинаковой расцветки? "Подробное описание" рекомендуем использовать в виде ссылки "Подробнее..." сразу после краткого описания товара. Для чего также используется функция "Оставить отзыв" в превью? Целесообразнее отражать наличие этих самых отзывов, на котрые будут кликать гораздо активнее, чем на ссылку "Подробнее...". На превью тех товаров, которых нет в наличии, напишите фразу "Нет в наличии" и вместо кнопки "Купить" сделайте "Заказать".
7 - Отличный блок. Дополните его фразой "...Наши менеджеры сами свяжутся с вами..."
Страница товара
1 - Более эффективно размещение блока цены рядом с кнопкой "купить".
2 - Логичнее использовать этот блок рядом с теми элементами, в которых у посетителя может возникнуть вопрос. Также, возможно использовать эту функцию рядом с телефоном в блоке №6.
3 - Возможно, есть смысл подумать над иным размещением этой ссылки в карточке товара. С другой стороны, на странице используется целых три блока для социальной связи с посетителям. С учетом их пустоты (в большинстве), есть ли смысл в использовании такого количества каналов?
4 - Сначала была мысль исключить данные ссылки со страницы, потом подумали, что это очень хорошее решение, позволяющее посетителю оставаясь на странице, получить информацию по указанным ссылкам.
5 - Неужели до сих пор для ТОПа держите?
6 - Про блок связи уже говорили, сформируйте все способы связи в одном месте.
7 - Подсветите ту категорию, в которой находится посетитель.
8 - Необходимо ли использование рекламного баннера на конкретной странице товара? Возможно, есть смысл отказаться от него на страницах товара.
9 - Продублируйте кнопку "Купить" и способы связи после описания товара.
10 - Забыли упомянуть про категории "Акции и скидки" и "Распродажи". С какой целью схожие по смыслу категории разбиты на две части? Возможно, проще "продвигать" внутри магазина только один раздел с акциями?
Разработчики магазина в ближайшее время собираются делать изменения в дизайне сайта, поэтому мы надеемся, что наши советы будут полезны для них, и сделают их проект еще более удобным и прибыльным. А какие замечания и недостатки в дизайне видите вы? Комментарии и критика приветствуются.
mirvla Отправлен 28.09.2011 в 14:54 И вам спасибо за заявку, было интересно работать с вашим интернет-магазином. Terrasport Отправлен 28.09.2011 в 12:11 Спасибо за анализ. Многие из оговоренных пунктов у нас уже стояли на заметке, но есть и такие о которых сами не думали – к примеру, тот же 5ый пункт. Обязательно учтем эти моменты при редизайне. mirvla Отправлен 26.09.2011 в 13:29 Вот и мы о том же. Натолкнет на мысль – оттолкнет от магазина. Поэтому не надо заставлять думать над такими вещами. Designtolife mediaunit.ru Отправлен 26.09.2011 в 13:00 Хочу сделать акцент на №5 (главная страница). Лучше вообще избежать такой кнопки. В таком виде. “Пожаловаться директору” – это уже самая крайняя мера, на которую пойдет покупатель. И пойдет он на нее с жалобой. Такое бывает, но не стоит об этом сразу же говорить. Заходя на сайт первый раз и еще даже не изучив его, посетитель видит “пожаловаться директору”, что может натолкнуть его на мысль о том, что “ага, значит есть жалобы, раз даже кнопочку вынесли на красное место”.