Дизайн и юзабилити приложений. (Часть 1: Интернет магазины)

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

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

Какие проблемы у %название магазина% (первый попавшийся в из яндекс маркета). Я вижу их много, очень много. Давайте по порядку:

минус Название магазина и телефон в верхнем левом углу, чтобы никто не заметил. Название есть смысл скрывать только недобросовестному продавцу.
минус Почему нет контактов магазина на главной? Потенциальный покупатель зайдя на этот сайт с первого взгляда и скажешь даже в какой стране и городе он находится. Только +7 (495) Говорит нам о Москве. Я лично этот телефон не сразу увидел.
минус Корзина, зачем она? Я только зашел, мне показывают что в моей корзине 0 товаров на 0 сумму… зачем тогда мне ее показывать? видимо чтобы стимулировать покупки=)

минус Ссылки на непонятные интерфейсы (о нас, карта сайта, гарантия, правила, обзоры). Карта сайта – карта нужна только там, где без нее не обойтись, мы же не в лесу, и не в пустыне, и уж в магазине попытаемся найти необходимое без карты. Хороший продуманный интерфейс – вот то нужно. Гарантия, правила – гарантия чего, какие правила? Мы не должны пугать раньше времени, пусть человек выберет хоть что-то.
минус Поля “логин” и “пароль” в шапке магазина примерно тоже самое, что вышибала около клуба, настораживает и пугает. Это ведь не секретный объект, и не социальная сеть – это сервис, минутный сервис. При виде логина сразу мысли о неполной информации для анонимов или недоступности некоторых функций. Идентификация пользователя должна происходить не навязчиво – прозрачно для него. В магазине же вас не просят показать паспорт на входе, чтобы выяснить, бывали вы уже у них, или нет.

минус Кнопка “В корзину”. Почему бы не написать я хочу это купить после нажатия на которую нам предлагают либо перейти к оформлению, либо продолжить покупки. Это удобно, и это работает в реальных магазинах: вы берете товар с полки, смотрите, читаете, пробуете на зуб… говорите “я его беру!”. К вам подходит человек, забирает товар, и говорит: “товар будет на кассе – он не спрашивает вашего имени, не говорит вам 9-ти значный номер вашего заказа и тд. он просто невидимый слуга, если же ничего больше не будете брать, идемте за мной”. Ведь большинство людей за один раз берут 1 товар.

 
минус Описание товара в одну строку. Товар стоит за 30k, я считаю что покупатель в праве получить исчерпывающее описание товара + ссылки на ixbt обзоры и тд.
минус Отсутствие артикула, или он слишком длинный/сложный. Покупатель хочет заказать товар по телефону, как ему сказать, какой товар ему нужен, не диктовать же заводской артикул из непонятных символов, или полное название модели. Почему бы не упростить восприятие артикула от 345786v к 3.45.78.6.2. Не все знаю латинских букв, зачем вообще буквы в артикуле.
минус Сложное оформление покупки. Покупатель дошел до кассы, и тут кассир заставляет покупателя оформить какую-то карточку, заполнить анкетные данные, ответить на пару-тройку вопросов. Я бы ушел после такого. Не нужно пользователя вашего магазина заставлять регистрироваться на вашем сайте. Никому это не нужно. Спросите его (телефон, имя) или (адрес почты, скайпа и тд.), и скажите что свяжитесь с ним как можно скорее. Окончательное подтверждение товара, времени заказа, вариантов доставки, вариантов оплаты обговорить лично с менеджером. Личное общение располагает, и позволяет человеку максимально удобно для него получить товар. Не нужно человека просить заполнить адрес доставки, он может не знать: на работе лучше получить, или дома, все зависит от возможностей вашей службы логистики, расположенности точек выдачи товара и тд.

минус Трудности поиска товара. Покупатель может точно знать что ему нужно, а может только догадываться. Создайте гибкий поиск для разных степеней подготовленности пользователей. Кому-то хватит розового ноутбука, а кому-то нужен 15,6” с разрешением обязательно 1920x1080 и не меньше. В начале нужно понять степень осведомленности в вопросе, и в зависимости от вариантов ответов такой поиск и предоставлять.
минус Отсутствие мотивации дальнейших покупок. Система скидок на повторные покупки в магазине по прозрачной для пользователя идентификации (имя, средства связи, просто вопрос менеджера о наличие предыдущих покупок и тд.) Человек должен удивляться, что его помнят, дают какие-то бонусы…

минус Пожелания/жалобы. Как бы плохо не писали пользователи о работе вашего интернет-магазина, прятать такие сообщения не в коем случае нельзя – с ними нужно вести диалог, отсутствие оценки магазина встроенной системой оценок + сторонней (например Яндекс.Маркет) тоже вызовет недоверие. Пользователи будут набирать в поисковой системе “%название магазина% отзывы” . Прятать гниль нельзя, ее нужно срезать правильными выводами и делами.

Запомните. Главное правило торговли: Клиент всегда прав.

Упрощаем восприятие продукта: Практические шаги

Мы две недели проектировали и создавали приложение для iPhone. Я послал письмо маме с названием программы и одной строчкой описания этого приложения. Она ответила одной фразой: "Я не понимаю". Мы выбросили исходники и саму программу и начали сначала.

Наиболее важный урок, который мы получили работая с App Store - большинство неудачливых разработчиков App Store все еще не поняли: если по названию и короткому описанию мама сразу понимает что это, программа будет продаваться более чем в 30 экземпляров в день . Если из названия и описания мама не понимает о чем идет речь, программа будет продаваться менее 5 экземпляров в день. К сожалению, другие разработчики App Store не имеют доступа к моей маме или ее вкусным рогаликам, поэтому мы будем и впредь сохранять это стратегическое преимущество.

Основная причина успеха программы: Убедитесь, чтобы описание вашей программы было предельно понятно. Если это не так, то упростите.

Когда вы сделаете это, то откроете для себя одно из двух:

1. У меня нет ни одного продукта
2. У меня есть продукт, который нужен людям.

Это как с Microsoft Word. Если бы вы предельно упростили ее, то получили бы блокнот. А блокнот - по прежнему является весьма полезным продуктом. Я могу описать блокнот в одном предложение: он позволяет мне создавать, сохранять и печатать документы.

Если вы не можете описать ваш продукт в одном предложение - вы не сможете его продать. Люди не хотят слушать ваши объяснения, им просто хочется простого и ясного ответа на вопрос: "Что она делает?" Если вам нужно два предложения, чтобы ответить на этот вопрос, то у вас проблемы.

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

Клиенты имеют два вопроса:

- Что она делает?
- Ага! И чем же она лучше той, которой я уже пользуюсь?

Ответьте на эти два вопроса в одном предложении, и вы будете зарабатывать деньги. Например, если бы я хотел продать Microsoft Word пользователям Блокнота, я бы ответил на эти вопросы примерно так:

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

* Меры по упрощению *

1. Прежде всего, выделите наиболее важную функцию программы. Нет, не две, не три, только одну функцию. В чем суть вашего приложения? Да, есть другие приложения, которые выполняют эту же функцию, но это не проблема. Вы должны понять, пока есть какие-то проблемы, и пока есть приложения, их решающие - люди будут нуждаться в этих программах.

2. Опишите ее в одну строку, с точки зрения выгоды для пользователя. Другими словами, какая проблема решится этим приложением.

3. После того как вы ответили покупателю на вопрос "Что она делает?" в одно предложение, он сказал "Ага!" и приступил к расспросу о ней? Если нет - меняйте пункты 1 и 2 пока этого не случится.

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

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

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