Владелец магазина игрушек доверил нам исследование своей торговой точки на предмет кошерности юзабилити. С последующим редизайном
Интернет-магазин Boobasik
Владелец магазина игрушек доверил нам исследование своей торговой точки на предмет кошерности юзабилити. С последующим редизайном
Фото с сайта lifehacker.ru

— Мой сайт не приносит дохода. Конверсия нулевая, уже сто пятьдесят раз всё перерисовал — и сам, и друга-программиста просил. Даже плагин запилил с лайками, всё равно не покупают. Может, мне код города написать, там, где телефон?

Нет, это мы утрируем, конечно. Но проблема достаточно типичная. Сайт есть, товаров полный склад, главное, желание делать бизнес — присутствует. А показатель отказов стабильно балансирует на одной отметке, процентов эдак в 99.

Задача: Владелец самого доброго магазина игрушек доверил нам исследование его торговой точки на предмет кошерности юзабилити. С последующим редизайном. А заодно начал подумывать о переводе своего любимца с бесплатной CMS на Битрикс.

Кусочек старого магазинчика игрушек Boobasik, CMS Drupal

Решение: Запускаем в магазин специалиста по юзабилити. Она, вооруженная нехилым жизненным опытом, наводит здесь порядок. Вернее, пока только документирует: неудобное расположение кнопочек и ссылочек, а также всё, что известно только ей об этом нерусском слове «юзабилити».

Заказчик предлагает свое видение нового сайта:

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

Начинаем с того, что клеим новые обои в нашем магазинчике (еще больше #мимими!).

Примеряем выбранную фоновую текстуру к имеющемуся «интерьеру» (пока всё очень слабо детализированно, но — спокойно! Так и должно быть):

На трех бельевых веревках развешены пока что «рабочие» изображения, но всё смотрится уже почти что как настоящее.

Добавляются функциональные детали и милые декоративные элементы, оформляется выпадающая менюшка:

Чудные игрушки, чью роль пока что выполняют сгенерированные воображением разработчиков Медведь Пухлик, Медведь Тухлик и Медведь Хухлик, заполняют каталог продукции:

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

Вы не заметили, как уже нашли нужного медвежонка? Несколько секунд — и вы уже перебираете комментарии? Кнопка заказа нашлась сама по себе? Это и есть юзабилити, наука, которая «на первый взгляд как будто не видна». А при хорошем юзабилити — не видна и на второй, и на третий, и на девяносто девятый.

Чтобы вдохнуть в магазин еще больше жизни, перерабатываем все внутрисайтовые тексты в оригинальные и веселые. А чтобы стереть все «барьеры вхождения» на сайт, делаем социальную авторизацию — сейчас сложно найти молодых родителей без аккаунта в Одноклассниках или VK (а некоторые принудительно регистрируют и своих собственных детей, вот жуть! :) ).

Результат: А у нас получился красочный и удобный магазин любимых игрушек: www.boobasik.ru. Остается регулярно наполнять его качественными фотографиями и описаниями, оперативно помогать покупателям и следить за посещаемостью. Инструмент есть (и отличный!), а успех в итоге зависит от действий самого заказчика — но мы думаем, что у него всё получится.

В ходе сайтостроения ни один медведь не пострадал.