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

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

В последнее время Smashing Magazine лично для меня стал менее интересным. Благодаря Хабру я узнал, что там всё ещё публикуются стоящие материалы. Спасибо за перевод!
Ну вот что в их формах оплаты юзабельного? Полная противоположность этому топику.
image
1) Card Number. Нет бы написать по-русски, ведь основные клиенты их Россияне.
2) Тоже самое про срок действия карты.
3) А вот поле «владелец карты» с какого-то фига уже на русском и стиль не такой, как у основных форм. Здесь они решили внутри формы информацию о форме разместить.
4) CVC. Что это, где это? Нужно пояснять людям.
5) Название банка? Зачем оно? Я впервые столкнулся с этим. Нигде прежде меня не просили передать такую информацию.

В общем, понятно, что аудитория у них платежеспособная, а клиенты часто совершают интернет-покупки и они подкованы в этом смысле. Но все равно, ни а какой юзабилити форм оплаты там речи и не может идти.
на карте это пишется англ. буквами :) расположено как на рисунке. Имхо ок
Логотипы платёжной системы на картах расположены в нижнем правом углу лицевой стороны, а не в верху её середины.
Достал из бумажника три карты: только на одной — внизу справа, на двух остальных — вверху справа.
НЛО прилетело и опубликовало эту надпись здесь
ой, забыл дописать что там и так это есть
я даже знаю, где такая форма )))
пардон-те, лоханулся)
Похоже пластиковые карты вы видели только по телевизору или на картинках
Здесь мы не обсуждаем, видел ли я карты по телевизору или на картинках.

Я уже описал, какие пункты мне показались антиюзабельными. Почему не все на русском или не все на английском.

Лично я, если впервые совершал бы покупки по карте, вряд ли догадался бы, что такое cvv/cvc. У меня на всех картах (psbank, bsgv, masterbank) по две группы цифр (xxxx yyy).

Зачем и банк-эмитент — вообще не понятно.
я там выше картиночку добавил, посмотрите :)
Ахах, тролль-зануда
Для российских интернет-магазинов хотелось бы добавить, чтобы если требуют номер телефона, то распознавали бы его во всех популярных форматах ввода:

89162226655
+7-916-222-66-55
(916) 222 66 55

и т.д.
Да, это точно.
Отличное замечание.
… или как минимум прямо заявляли о том, в какой форме они его от нас ожидают
Я делал несколько интернет-магазинов и всегда настаивал на том, чтобы поле телефона было произвольным. Часто заказчик просит чтобы номер соответствовал формату (например только цифры), но я считаю это глупым. Какая разница введет человек телефон со скобочками, без скобочек? С плюсиком или без плюсика? От опечатки это не спасет, приносит кучу проблем (я сам как-то долго не мог ввести телефон в хитроумную форму и решил проблему отключением javascript), а толку никакого, ведь телефон всё равно будет читать менеджер, а не машина. Смысл в четком формате есть, наверное, только тогда, когда сайт что-то отправляет по смс.
Абсолютно согласен. Даже если необходим отформатированный номер для отправки SMS, то что мешает отформатировать номер автоматически? Задача-то простейшая.
Можно сделать поле для ввода телефона с маской. К примеру, +7 (___) ___-__-__
Это визуально усложняет процесс, и заставляет юзера думать, что ни в коем случае делать не стоит. Мое имхо гибкой должна быть система и менеджеры, а пользователь должен делать как ему удобней.
А почему усложняет? Я не думаю над тем в каком виде компания его от меня ожидает
billing address это не юридический адрес.
Вы не стали объяснять, что же в таком случае billing address специально, чтобы поднять ажиотаж? :)
объяснил вполне достаточно для того, чтобы автор заменил термин.
Кстати, если есть несколько вариантов покупки: с регистрацией и без, то полезно писать подсказку что даст регистрация. Историю покупок, накопительные скидки, возможность участвовать в каких-то акциях и т.д. Работаю с магазином, в котором много плюшек для зарегистрированных пользователей. Но пока не добавили объяснение что даст регистрация, регистрировалось ровно 0.0% покупателей.
Не видно в первом пункте детали картинки на 1704×707.
Верные моменты. Особенно регистрация. Часто кидаю что-то в корзину, что бы просто проверить — доступна ли доставка в Россию в этом магазине вообще, а если стоит регистрация то скорее всего не буду ковыряться и закрою вкладку.
Ещё есть очень неприятная вещь связанная с адресом доставки, иногда в списке выбора стран Россия есть, а в конце оказывается, что видите ли доставка невозможна. Раздражает безумно.
Условия доставки вообще должны по ссылке с каждой страницы быть доступны прямой и наглядной ссылкой «Доставка»
А это вообще утопия. В западных интернет-магазинах о международной доставке в абсолютном большинстве максимум что написано «да, у нас есть международная доставка». А куда и как — это уже при оплате и вводе реквизитов. Теоретически объяснимо тем, что они работают на локального клиента, но ведь раз есть доставка, зачем отгонять пользователей отсутствием информации? Риторический вопрос.
Меня же никто не просит заводить аккаунт, когда я покупаю парфюм в обычном магазине!

Гениальная фраза!
Эй, зачем им номер моего мобильника? Как они будут его использовать? Он им не нужен!

Тоже верно.
Помнится, делал сайт пиццерии. Не скажу, что больших трудов стоило, но не с первого раза удалось объяснить заказчику, что делать обязательную регистрацию не надо. Человек, блин, покушать хочет, а ему бац! — регистрируйся…
Всем бы пиццериям такое объяснить… Тоже дико бесит такое, решил себе жрачки заказать, а на сайте форма в сто полей. Ещё и с валидацией емейла и капчей.
Просят, но через заполнение формы на дисконтную карту.
Главная ошибка, это предположение, что если пользователь попал в корзину, то он точно решил что-то купить. Он может смотреть способы доставки или оплаты, или просто сравнивал товары с разных страниц.

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

Проще говоря, если цену товара писать только в корзине, то количество псевдо-покупателей вместе с процентом отказников взлетят до небес. И мудрые юзабилити-специалисты конечно скажут, что достаточно подправить одну страницу, и прибыль взлетит в том же направлении.
Мне кажется, там речь не про корзину идёт, а про страницу checkout.
И инфа про доставку и сравнение должны быть доступны без использования корзины…
НЛО прилетело и опубликовало эту надпись здесь
Люди поставили минусу, и не потрудились объяснить в чем проблема.
Попробую взять на себя эту неблагодарную роль.

Сначала кажется, что, действительно, «Continue shopping» это «продолжить шляться_по_магазину», но на самом деле понятие «shopping» включает в себя не только поиск товара, его изучение и перемещение между магазинами, но и непосредственно покупку вместе с оплатой. Шоппинг это покупки, а не только разглядывание витрин. Именно поэтому фраза неоднозначно воспринимается.

На русском языке нельзя сделать кнопку «продолжить шоппинг», поэтому проблема будет существовать не во всех языков. Но однозначности добавить можно в любом случае: «Оплатить покупку» + «Добавить другие товары». Второе вместо «Continue shopping».
Например я часто, с точки зрения сайта, «останавливась перед оплатой» на сайтах с билетами на самолеты, так как в подавляющем случае только там, перед самой оплатой, можно узнать _полную_ цену, вместе со всеми налогами, сборами, страховкой, чертом_лысым, иногда, в результате, почти удваивающими цену на билет.
Очень часто иначе никак это не увидеть. Приходится делать такую «сорвавшуюся покупку».

Аналогично с доставкой в других магазинах.
Значит нужно сделать калькулятор актуальной стоимости билета до попадения на форму оплаты. С пометкой «При оплате цена может незначительно отличаться»
я вот о чем подумал, возможно стоит делать на спорных страницах поле для коментариев, естественно пояснив его текстом и указав, что оно не относится к заказу?
мне иногда не хватает терпения искать контактное мыло, потом писать что я имею ввиду, скриншоты прилагать и тп, а если идти на страницу отзывов (если такая вообще есть), то нужно пояснять шаги которые нужно пройти для повторения ошибки и/или непонятного поля.
Чё-то не понял :)

> HobbyTron.com — это один из сайтов, на котором пользователи нажимали на кнопку «Продолжить», думая что они при этом проследуют к оформлению заказа:

> скриншот кнопки «continue shopping»

> В подобных случаях следует использовать слова, свободные от вольных трактовок — например «Купить сейчас» или «Продолжить покупки».

А continue shopping это разве не есть это самое «продолжить покупки»?
Тонкости перевода, в оригинале это звучит так «Instead, use words that aren’t open to interpretation, such as “Check out now” and “Shop more.”»
Может тогда стоило бы перевести как «Купить еще»?
Даже не знаю, на мой взгляд, «Купить ещё» подразумевает, что уже что-то куплено, а это не так, т.к. заказ ещё не то что не получен, ещё даже не оформлен. Вторая ассоциация — купить ещё тот же товар, что тоже не правильно. Я бы перевёл как «Выбрать ещё», например.
Можно «Добавить(Купить) другие товары». По-аглицки наверное что-то типа «Add more(other) goods(items)» — тут уже надо носителю языка думать.
Перевод статьи о юзабилити содержит юзабилит ошибку: скриншоты слишком мелкие, есть желание разглядеть их, но это невозможно — нет ссылок на более крупные скриншоты. В оригинальной же статье ссылки есть.
Снабдил статью крупными скриншотами :)
Спасибо за статью, прямо сейчас стоит задача по разработке идеальной формыс checkout, теперь мысли более структурированы

Присоединяюсь к предыдущему оратору с просьбой выложить более крупные скриншоты.
Отличный перевод, все четко и ясно, сам все это понимаю, но у Вас отлично структурированно, теперь буду прикладывать ее как инструкцию тем кто занимается непосредственно разработкой. Спасибо.
Покупал на большинстве из вышеперечисленных магазинов, маленькую трудность доставляло лишь одно — поиск кнопки Checkout, которая вечно хрен знает где расположена :) Иногда доходило даже до Ctrl+F в HTML коде.
Причин такого беспорядка 2:

1) Некомпетентные в веб-разработке заказчики, считающие себя умнее разработчика.
2) Инет-магазины — очень бюджетная сфера, для их разработки нанимают индусов (причем, часто еще не пишут что-то свое, а берут за основу кривую бесплатную CMS), а индусу некогда думать о юзабилити, ему бы на еду себе заработать. Вряд ли за дешево вам сделают хороший сайт.
Жаль примеры не из российских сайтов. В России немного отличается принцип оформления покупки через сайт. Очень редко вижу возможность оплатить по карте. А если эта возможность есть, то она скорее осуществляется не на стороне магазина, а на стороне агрегатора платежей или сайта банка. И это дополнительный шаг в оформлении покупки.

Из российских примеров, что быстрее всего вспоминаются, мне нравится процесс оформления и оплаты покупки на indada.ru и lookatme.ru
Нужен ваш совет. Хотим установить на сайт заказчику интернет-магазин. Но заказчик не хочет выносить магазин в отдельный поддомен типа shop.site.ru Можно ли разместить магазин в подпапку типа site.ru/shop? Какие плюсы и минусы обоих методик?
Например, читая книгу «Икусство продвижения сайтов» указано, что лучше всегда использовать подпапки. Но если магазин разрастется? Не будет ли излишней нагрузки на сервер. И да, сейчас мы используем modx Evo.
Лучше на отдельный домен/субдомен. Ещё могут быть некоторые затруднения с SSL сертификатом. Не критично, но всё же.
спасибо, крутая статья

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