Архив

Архив раздела ‘Дизайн/Юзабилити’

Юзабилити и дизайн не дадут интернет-магазину прибылей!

25 августа 2009

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

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

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

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

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

Сайт или компания – курица или яйцо – что первее?

Читать далее…

Гуру e-commerce, Дизайн/Юзабилити , , , ,

Дайджест

Тема сегодняшнего дайджеста: юзабилити

Кто не знает: термином юзабилити называют концепцию разработки пользовательских интерфейсов программного обеспечения, ориентированную на максимальное психологическое и эстетическое удобство для пользователя (Википедиа)

Если говорить об интернет-магазинах – это на сколько удобен сайт для пользования посетителем.

Вот вам подборка ресурсов по юзабилити, которые я читаю:

Usability.by – Сообщество специалистов по юзабилити

Birzool.com – О юзабилити веб интерфейсов

Аmazedev.com – Юзабилити, проектирование интерфейсов и user experience

Видео по юзабилити

Дизайн/Юзабилити, Новости ,

Фотографии товара могут продавать

На форуме Оборота нашел интересный сайтец: интернет-магазин галстуков.

Дал краткий обзор ошибок дизайна сайта:

1. надо снять выделение жирным с описания товара.

2. зачем кнопка в магазин? человек и так там, если надо выберет пункт из навигации

3. «вам так же могут понравиться» – нет связи между рекомендуемыми товарами.

4. «Чудесный по фактуре темно-красного цвета галстук Dominique Lemay с рисунками из цветов в тон галстука сделан из натурального 100% шелка.» – не вижу большой надобности для такого большого и почти бесполезного текста в описании.

5. Большая проблема со свободным местом, страница товара перегружена.

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

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

Читать далее…

Дизайн/Юзабилити, Продажи ,

Дизайн и оформление сайта

15 мая 2009

Шестая статья цикла: “Интернет-магазин с нуля. Помощь начинающему предпринимателю”.

Дизайн и оформление сайта. Бесплатный или индивидуальный дизайн. Основные требования. SEO. Логотип. Текст. Типографика. Цветовая гамма

Дизайн – лицо вашего магазина. Когда вы идете на важную встречу, вы одеваетесь как можно лучше, чтобы произвести хорошее впечатление. Точно так же и с магазином. Дизайн – «прокладка» между офисом магазина и клиентами)

По статистике 80% владельцев ИМ может быть, так и считают, но дизайн при этом ужасный.
Разберемся с еще одним заблуждением. Дизайн – это не только картинка. Я бы даже сказал, что в большей степени не картинка, а навигация по сайту. Удобство использования сайта, восприятия информации – юзабилити, на профессиональном языке. Именно дизайн продает. Кроме того, верстка шаблона дизайна влияет на оптимизацию сайта для поисковых систем.

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

Читать далее…

Дизайн/Юзабилити, Начинающим, Обзорные статьи , ,

Юзабилити интернет-магазинов

23 апреля 2009

Нашел на просторах ЖЖ статью о юзабилити интернет-магазинов. Вот ссылочка на автора.

Дальше со слов автора, с моими примечаниями.

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

1. Основные USP должны показываться до линии сгиба.

USP (Уникальное торговое предложение)

Тезис был озвучен на примере многомилионного баннера Honda на Mail.ru и сайта, куда он ведет. До линии сгиба там находятся «цветные простыни», а машины, т.е. то, чем привлекательна Honda, засунуты далеко вниз страницы. Пользователь после перехода по баннеру/ссылке должен сразу понимать куда он попал, не факт, что он будет прокручивать экран в поисках этой информации.

Прим. редактора: это к вопросу об огромных шапках, которые нерационально съедают продающее место.

Читать далее…

Дизайн/Юзабилити, Начинающим

Корзина, которая рекламирует

1 апреля 2009

Как использовать с умом пустующее, но самое видное место – корзину.

Алексей Новиков предложил свою идею. Новость взята с сайта студии studiomade. Дальнейший текст от первого лица автора:

Сейчас я на простом примере продемонстрирую одну их наших «микроинтерфейсных» находок.

Если товар добавлен в корзину, то вопрос с содержимым блока снимается. Пишем, сколько там товаров, на какую сумму, даем ссылку на оформление заказа.

Но что поместить в этот блок, если корзина пуста?

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

Творчество студии №4
Вот так делает компания, называющая себя «студией №4 в Рунете».

Но ведь этот блок постоянно занимает ценное место на странице. Свернуть? Скрыть? Уменьшить? Нельзя. Он должен быть тут постоянно, если мы не хотим потерять часть покупателей, сбитых с толку неожиданными трансформациями.

Желательно, чтобы пользователь заметил и зафиксировал то место, где потом будет вход в корзину. Ведь не всегда заказ оформляют сразу после добавления товара. Часто добавляют товары, затем смотрят, что еще есть, а уже после этого идут в корзину.

Наше решение

Можно ли использовать это место с большей пользой? Конечно! Посмотрите на одно из наших решений, примененное на сайте компании mollspb.

Если в корзине есть товар, блок ведет себя так, как и должен в таких ситуациях:

В корзине есть товары

Но если товаров в корзине еще нет, мы в этом блоке что-нибудь прорекламируем:

В корзине товаров нет

Обратите внимание: блок по-прежнему достойно выполняет свою функцию, а рекламный текст органично с ним сочетается.

Большинство вещей можно улучшить. Даже вот эту нашу находку.

Что такое микроинтерфейс

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

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

Лично я считаю идею очень интересной.

Гуру e-commerce, Дизайн/Юзабилити, Идеи ,

23 факта визуального восприятия информации на сайте

26 марта 2009

в

(красное – самая высокая частота просмотра)

23 важных вывода из результатов eye-tracking исследований
Christina Laun, 21 августа 2008

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

1. Текст привлекает внимание прежде чем графика.

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

2. Изначально взгляд сфокусирован в левом верхнем углу страницы.

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

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

Исследования показывают, что зона внимания пользователи имеет вид буквы F3. Наиболее важные элементы сайта должны находиться в этих ключевых областях.

Читать далее…

Дизайн/Юзабилити , ,

Юзабилити-аудит сайта tehnikabit.ru

13 марта 2009

Пришла заявка на аудит сайта http://www.tehnikabit.ru. Сказано – сделано

с

Рис 1.

  1. (см. рис 1. п. 1) Заметно, что данная часть шапки не нужна – она занимает много места, из-за нее остается мало рабочей области на видимой части экрана (то, что мы видим до скролинга). И так по всему сайту . Текст там не нужен, его смысл покупатель и так знает. Время звонков поднимите наверх к номеру телефона. Картинка телека – не нужна. Поиск можно разместить под менюхой в таком же виде.
  2. Цвет менюшек: ни синий ни серый не походят. Слишком блекло они смотрятся. Сделайте их оранжевыми – они будут выделяться. Меню «как сделать заказ» не надо, в крайнем случае клиент позвонит.
  3. Sold по английски – было продано, а не распродажа. Используйте слово Sale. И сделайте ее красной. Таково уж восприятие людей.
  4. Слово «купить» спорный момент. В этом видео. Сказано, почему лучше не использовать это слово. Замените его на «заказать». Оно более нейтрально.

в

Рис. 2

Читать далее…

Дизайн/Юзабилити, Личный опыт ,

Экспресс-анализ интернет-магазина УГМК – Украина

11 февраля 2009

ugmk

УГМК – Украинская горно-металлургическая компания, специализируется на продаже металлопроката.

Недавно компания запустила интернет-магазин на своем сайте. Вот,  что говорит директор по корпоративному управлению компании Людмила Ткач: «Мы уверены, что даже для металлургических компаний, как УГМК, в интернете большое будущее».

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

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

Читать далее…

Дизайн/Юзабилити ,

Представляем товар в нужном свете

10 февраля 2009

На сайте «высшей школы интернет-технологии», есть раздел видеокурсы, в котором предлагается видеокурс Максима Спиридонова «Веб 2.0-бизнес: как построить и раскрутить успешный интернет-проект». Цена, в принципе, смешная.  НО! кроме оглавления и аннотации информации больше нет.

Большое упущение, что к информации не приложили кусок видеокурса. Не буду разводить длинные речи, о том, зачем это и что это дает, приведу лишь пример: как издательство Иванов-Манн-Фербер презентуют свои книги.

Кто-то может сказать, что цены разного уровня. Честно говоря, это не имеет значения! Если вы представляете товар – делайте это максимально информативно.

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

Дизайн/Юзабилити, Продажи , ,