Как стать автором
Обновить

Комментарии 35

Вы правда верите в то, что дизайн может быть «продающим» а может не быть? Что продажи зависят от размера и цвета кнопок и т.п.?
ИМХО, если мне нужна конкретная вещь, то я конкретно и смотрю: на ее параметры (если есть несколько вариантов — изучаю обзоры и подробности из сторонних источников), на цену, на способы доставки. Все. Размеры кнопок… я бы не сказал даже что они меня интересуют в последнюю очередь — они меня вообще не интересуют:)
Огромная куча исследований показывает, что продажи зависят от дизайна. Я ж не говорю, что нужно ограничиться дизайном. Для больших продаж нужно делать много вещей, не только дизайн. Но тем не менее дизайн очень важен и в этом небольшом цикле статей я говорю только про дизайн и не затрагиваю другие сферы.
По вашей логике, получается, что для продаж достаточно сделать таблицу с информацией о товаре. И что дальше!? Такой магазин будет продавать? Он сможет конкурировать? Не знаю как Вы, я люблю стремиться к идеалу и дизайн для меня важен, а в условиях огромной конкуренции покупать я буду именно на том сайте, где мне комфортно.
Хех, есть в Киеве на Подоле магазин, который когда-то был чуть ли ни единственным, кто продавал Панасоник (давно, ещё в 90-е). Не так давно наткнулся на сайт их магазина и вот что он из себя представляет.

Думаю, NeoCode согласится, что таким сайтом пользоваться не очень удобно и лично у меня не возникло желания покупать что-либо у них, будь оно там хоть на 10% дешевле, чем в соседнем интернет-магазине. Хотя, раз они существуют, то кто-то же что-то покупает?
Хотя, раз они существуют, то кто-то же что-то покупает?

Судя по кол-ву посещений – никто там ничего не покупает
Оооо поверьте, дизайн бывает продающим и нет. Продажи зависят от размера и цвета кнопок.
Никого не интересуют размеры и цвета кнопок напрямую, конечно они пришли за товаром — но практика показывает что визуальное окружение при продаже может изменить продажи в два раза и больше
Интересно. А конкретные истории успеха есть?
Мне вот показалось, что уж больно Вы категоричны. Не надо так.
Вы подходите с позиции покупателя-исследователя, но нужно понимать что это редкий клиент. Стандартный клиент — это потребитель. Он не читает тесты и обзоры (ну может посмотрит одним глазком если вещь дорогая для него). Он не смотрит подробности с разных источников, он вообще не разбирается в том что покупает и не очень хочет. Ему просто «надо холодильник» — вот он пришел на страницу — он ничего особо не понимает в холодильниках и в голове включается визуальная часть — как удобно сделана страница, насколько все доступно и понятно, все кнопки очевидны и процесс заказа прост и удобен. Если ему это понравилось — он купил, если нет — ушел в другое место или передумал вовсе. Товар вообще уже вторичен в этом процессе.
Конечно не все покупатели такие, но эта масса делает ту самую разницу и те самые продажи. Тем кому всё равно — итак все равно, работают на тех кому это важно.
Я покупатель-исследователь, но мне важен и дизайн. По целому ряду причин.
Покупки технологичных товаров с четкими характеристиками происходят несколько иначе нежели покупки одежды например. Вы не можете найти красный свитер, загуглить его и найти минимальную цену, поэтому тут очень влияет удобство и «продающая способность» странички.
Да, есть такое понятие «продающий» дизайн (не путать с рюшечками и «художествами»).
Потому что 90% магазинов имеют ужасное юзабилити, а потом думают, а почему продажи не идут!

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

Нет удобства, что-то раздражает покупателя — не будет продаж.

Все должно действовать на подсознание! Это вам не обычный сайт. у ИМ другая специфика.
Спасибо за статью. Очень познавательно.
И Вам спасибо за отзыв. Приятно.
Один я считаю, что дизайн и навигация на aliexpress и amazon далеки от идеала?

Aliexpress:
Пробовали когда-нибудь оплатить больше 10-ти товаров от разных продавцов, разом? Не получится.
И авторизацию проходить каждый раз приходится, когда хочется почитать новые сообщения или добавить что-то в корзину.
Адрес из профиля не хочет подхватывать. И вообще, любого разумного человека должно нервировать, когда на одной странице поиска нельзя вывести больше 30 товаров. В корзину нельзя добавить больше 100. Всякие золотые, серебряные, платиновые статусы приводят только к тому, что сыпятся больше спама.
Самое главное, кто сейчас делает такой крупный интернет магазин, без возможности оплатить покупки через PayPal?

А как на счет удаления документов из облачного хранилища kindle? Считаю, что за это вообще ачивку должны выдавать.
И это только то, что приходит сразу в голову, что уж говорить а различных мелочах, которые никто не хочет исправлять уже который год.

зы. ссылка от автора digitov.com — я даже не знаю, что к этому добавить.
«что дизайн и навигация на aliexpress и amazon далеки от идеала»
В данной статье мы не говорили о дизайне в целом, мы показывали отдельные правильные элементы.

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

Да и в целом у них другой менталитет. Кроме того, есть принцип: если что-то работает — не трогай. Я бы на их месте занимался важными стратегическими задачами, а не самые удачные мелочи, которые при это все равно работают — это в долгий ящик, как и в любом крупном бизнесе. А в целом да, Амазон не идеален.
Ну, я не настолько крутой ебаер (слово-то какое...) как вы, и переполнение корзины меня не беспокоит. Но скажу, что реально бесит (и это как раз имеет отношение к статье): Приходит на почту письмо от робота aliexpress:
Продавец написал вопрос относительно заказа 12345000000000777666.
Всё!!! Ни текста вопроса, ни хотя бы какой именно товар имеется в виду — нет. И это ещё при том, что последние 5 или 6 цифр у всех заказов одинаковые.
Нафига нужно такое оповещение? Почтовый ящик засорять?
Есть «дизайн», тот который красивый и тд. А есть продающая способность сайта и с этим там все в порядке, и именно эту особенность нужно развивать в сайте, если нужна прибыль. Бывают случаи, когда простота визуального восприятия и есть нужная черта дизайна для высоких продаж. С авторизацией, да — не удобно, но это скорее дань безопасности и защита от забывчивости. В остальном на али лично мне гораздо удобнее чем на ебей, одно сохранение карточек товаров на момент покупки чего стоит.
Причина популярности этих двух ресурсов состоит не в дизайне. Просто Amazon был одним из первых, а Aliexpress — самая дешевая вариация Ebay.

Да, это не бага кривых кукисов, а такая фича безопасности, как и с то, что Aliexrpess не учитывает информацию из профиля и не запоминает выбранную валюту.
Если мой коммент наберет хотя бы 10 плюсов, то готов подробно расписать почему этот на половину шлак. Написан лишь для привлечения внимания к своей персоне.

P.S. Из-за кармы смогу ответить только завтра.
плюсанул, но вас сольют с такой позицией. Лучше просто напишите сразу, что в посте не так
Действительно, сольют. Потому что целью комментария кажется именно сбор плюсов, а не желание поделиться информацией.

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

Любые прикладные советы по созданию интернет-магазинов должны основываться на функциональных требований. Которые, в свою очередь, тоже не из пустого места берутся. Чаще всего они нацелены на извлечение максимально возможной прибыли. Но опять же, различия между краткосрочными (срубить денег на товаре, который через две недели потеряет актуальность) и долгосрочными (продажа дешёвого товара, который востребован всегда, но требует для успеха сбора огромной аудитории) стратегиями будут колоссальными.

Чтобы не быть голословным, приведу примеры, процитировав пару предложений из статьи.

«Попав на страницу товара, человек должен получить максимум информации о нем». Если речь пойдёт о китайском телефоне, то к набору информации о нём нужно относиться очень трепетно. То же касается лекарств, не прошедших должных испытаний. Или кредитных товаров. Чем меньше информации выдаётся, тем больше шанс получить клиента.

«На странице категории блок популярных товаров лучше всего располагать в правой колонке, так как левая будет занята фасетным фильтром». Если целевая аудитория магазина — пользователи мобильных устройств, то фильтрацию лучше размещать справа. Особенно, если эта фильтрация динамическая и применяется к списку товаров без перезагрузки страницы. Если разместить её слева, то изменяющийся список товаров в каталоге будет закрыт рукой пользователя. И даже тут мы можем придумать, когда это правило перестаёт действовать (если мы продаём товары для левшей, например). Также, если на сайте с каталогом и фильтрацией существует много другого текстового контента, занимающего лишь одну колонку, то приятней будет, если контентная область не будет скакать на ширину блока фильтрации от страницы к странице.
Что касается самого блока популярных товаров, то его чаще всего нужно располагать в том месте, где покупатель уже закончил с контекстом ознакомления с текущим товаром. Например, внизу страницы.
И, как и в любом примере, я мог бы сам себе возразить, придумав новые возможные контексты.

«На вашем сайте обязательно должна быть возможность подписки на рассылку». Если нам действительно нужно, чтобы народ подписывался, то мы можем… подписывать его по умолчанию, в первом же письме, с сообщением об успешном заказе товара, уведомляя его о том, что он подписан, что мы не спамеры, трепетно относимся к подписчикам и что отписаться можно на такой-то странице.
Опять же, если мы рассчитываем два месяца поторговать ходовым товаром, а потом закрыться, то нам подписка не нужна.

«Адаптивная верстка». Тема холиварная. Лично я придерживаюсь мнения о том, что современные гаджеты спокойно справляются с сайтами и без адаптивных вёрсток. Минусы адаптивной вёрстки:
— Приходится заново знакомиться с интерфейсом, к которому привык на определённом типе устройств;
— Дополнительная напрягающая деятельность по поиску ссылки, ведущей пользователя на полную версию сайта. Ага, попробуйте зайти в свою группу в контакте с мобильного устройства (например, с айпада, у которого разрешение экрана больше, чем у моего настольного компьютера) и переключиться на полную версию. Будете листать ленту, увеличивающуюся «на лету» вниз, пока не дойдёте до подвала. А если попробуете убрать букву «m» в адресе, то при перезагрузке всё равно попадёте в мобильную версию, т.к. она автоматически определится сайтом;
— Существенное удорожание разработки

К чему я это всё? Крутые создатели веб-продуктов мыслят не шаблонными решениями (хотя не хочу умалить их важности! чем больше шаблонов в голове, тем лучше!), а контекстным и функциональным обоснованием любой мелочи в проекте. Поэтому я всегда очень трепетно отношусь к статьям, в которых безо всякой аналитики люди делятся конкретными примерами из своего опыта, описывая контекст, решение и результат.
Я тут недавно. Скажите, а возможно ли добавлять комментарии в избранное? :)
Век живи — век учись. Спасибо.

Upd: Честное слово, у меня до сих пор в избранном живет штук пять тем из-за комментариев, правда спасибо.
Минусы адаптивной вёрстки…

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

Тонну примеров адаптивных сайтов можно посмотреть здесь: mediaqueri.es/
Я действительно привёл неправильный пример с полной версией сайта и контактом. Проверил на своём блоге на вордпрессе — никаких переходов к полной версии не наблюдается. А вот интерфейс всё-таки поменялся. Меню свернулось в псевдоссылку, блоки из правой колонки ушли в подвал.
Мне вот интересно, встречали ли вы когда-нибудь адаптивный дизайн для чего-нибудь более функционального, чем блоги, портфолио и новостные ресурсы?
В статье «продающий дизайн интернет-магазина» написано «адаптивная вёрстка». Помогите мне кто-нибудь найти такой проект в реализованном виде? Наверное, адаптивная вёрстка блога не сильно повлияет на его стоимость, а вот что случится с корзиной, избранным, формами и прочими радостями в интернет-магазине?
Думаю всё дело в сложности. Для блогов, портфолио и новостных порталов гораздо проще делать адаптивный дизайн — акцент сосредоточен на одном компоненте, как правило — тексте статьи, всё остальное можно скрыть/сдвинуть/свернуть/сжать. В магазине же много элементов, которые надо как-то впихнуть в прокрустово ложе маленьких экранов. Но деваться-то некуда — зоопарк устройств настолько огромен, что определить на чём просматривают сайт становиться всё сложнее — android может быть на телефоне, планшете, телевизоре (как вам мобильная версия сайта на 50-ти дюймовом экране телевизора?), поэтому надо «привязываться» к разрешению экрана и адаптировать именно под него, а не устройство.
«Если речь пойдёт о китайском телефоне, то к набору информации о нём нужно относиться очень трепетно. То же касается лекарств, не прошедших должных испытаний. Или кредитных товаров. Чем меньше информации выдаётся, тем больше шанс получить клиента.»
Это уже обман клиента. Я писал про качественные товары. Тот же китайский телефон может быть в каталоге среди других производителей и конкурировать с ними ценой, а покупатель уже должен иметь возможность выбрать среди товаров разного качества и цены.

«Если целевая аудитория магазина — пользователи мобильных устройств, то фильтрацию лучше размещать справа. Особенно, если эта фильтрация динамическая и применяется к списку товаров без перезагрузки страницы. Если разместить её слева, то изменяющийся список товаров в каталоге будет закрыт рукой пользователя.»
И тем самым вы поместите фильтры в слепую зону. Да и еще если кто-то зайдет маленького разрешения, он может не увидеть их вовсе. Да и такие случае бывают крайне редко.

«Если нам действительно нужно, чтобы народ подписывался, то мы можем… подписывать его по умолчанию, в первом же письме, с сообщением об успешном заказе товара, уведомляя его о том, что он подписан, что мы не спамеры, трепетно относимся к подписчикам и что отписаться можно на такой-то странице.»
Так и надо делать. Подписывать человека всеми возможными способами.

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

«К чему я это всё? Крутые создатели веб-продуктов мыслят не шаблонными решениями (хотя не хочу умалить их важности! чем больше шаблонов в голове, тем лучше!), а контекстным и функциональным обоснованием любой мелочи в проекте. Поэтому я всегда очень трепетно отношусь к статьям, в которых безо всякой аналитики люди делятся конкретными примерами из своего опыта, описывая контекст, решение и результат. „
Для того, чтобы сделать правильно, нужно знать как можно больше вариантов. А головой думать в процессе работы никто не отменял ;)

«Вы в целом правильно мыслите, но описали скорее исключения, чем правила. Я в статью, без привязке к конкретной тематике и особенностям, писал общие рекомендации».
А я в комментарии развёрнуто написал, что уважаю и поддерживаю ваш труд, но ценность всех типовых решений можно выявить только зная, в каких контекстах те или иные решения используются.

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

Вот ваш же ответ на первый мой пример: «Это уже обман клиента. Я писал про качественные товары». В том-то и дело, что вы могли писать про качественные товары, а аудитория этого не знала, потому что вы ей об этом не сказали. Это и есть контекст. А если бы ещё определить рамки качества, то было бы ещё понятней. Китайский телефон был не лучшим примером в любом случае. Кредитная карта или квартира в строящемся доме — вот где из продавцов приходится доставать информацию всеми возможными способами.

С фильтрами в слепой зоне не соглашусь. Иначе тот же яндекс.маркет допускал бы огромную ошибку, во что не хочется верить. А про маленькое разрешение — вот он, один из контекстов, о которых я и говорил.
Головой нужно всем думать, даже если есть самая подробная статья, которая казалось бы все учитывает)
Спасибо за наводку на Palladium boots. Ну и за статью, само собой. :)
Всегда рад помочь)
Примеры не лучшие подобраны.

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

и много-много прочего
Зарегистрируйтесь на Хабре, чтобы оставить комментарий