58 признаков хорошего интерфейса

59. Кнопки синего цвета

Не соглашусь с несколькими пунктами, хотя возможно сильное имхо.

Пункт 4 (Предоставьте доказательства от других людей, а не только рассказ о себе, то есть несколько красивых и довольных лиц, которые восторженно рассказывают о продукте/сайте/услуге) сейчас настолько активно используется, что лично у меня уже подсознательно недоверие вызывает. Возможно, дело в спаме «Вася зарабатывает $5000 в неделю сидя в интернете» и как раз такой счастливой фотографии.

Пункт 7 (Рекомендации вместо нескольких равнозначных вариантов) — тоже двоякая вещь — с одной стороны думаешь, что эта вещь популярна, нужна и так далее, а с другой — может, сайт просто хочет избавиться от залежавшейся вещи/продвигает непопулярную услугу?

Пункт 41 (Идите от больших чисел к меньшим) — не верится такому в наших магазинах. Если на ценнике висит "24999 19999" — это обычно значит, что предыдущий ценник на этот товар и равнялся "19999".

Пункт 47 (Подписи к иконкам) — тоскливо посмотрел на левое меню Хабра…

Пункт 51 (Ценовые иллюзии вместо обычных цен) Уже настолько привык к ценам вида 9999, что подсознательно больше обращаю внимание или на 10000, или на самые интересные для меня: 9872. В последней цене хотя бы надежда есть, что ее вверх для «красоты» не округляли.

ИМХО интефейс/дизайн опирается на психологию и поэтому часто зависит от аудитории продукта — что-то верно для Российского пользователя, а что-то только для американского.

Всегда настороженно относился к таким уловкам как пункты:

35. Подгоняйте пользователя
36. Дефицит вместо изобилия
41. Идите от больших чисел к меньшим
42. Опережающий прогресс вместо чистого листа
51. Ценовые иллюзии вместо обычных цен

Понимая зачем это сделано, в основном, у меня вызывает только негатив.
Да, это хорошо для бизнеса, да большая часть аудитории таких сайтов этого не ведает, но это все равно обман.

Слишком много пунктов. Пока что прокомментирую только один:

50 Заверяйте пользователей

Хуже не бывает, когда сам сайт на своей странице заверяет пользователя о безопасности платежа. Горько смотреть на все эти значки «100% Secure», тем более всякие интерактивные от удостоверяющих и не только центров. Они постоянно используются мошенниками с целью введения в заблуждение. Примеры (нелегальная фарма, спамит под видом писем от Gmail с редиректом через взломанные сайты): safemedsprogram.ru, onlineremedyvalue.ru, safemedicamentstore.ru. Внизу сайта якобы награды и сертификаты от всемирно известных организаций. На самом деле просто картинки, загружаются с самого сайта. Ну и куда же без сайтов, которые лепят значки безопасности на HTTP-страницы и не предотвращают загрузку смешанного контента?

Читать несколько раз до просветления:
www.troyhunt.com/2011/07/padlock-icon-must-die.html
www.troyhunt.com/2013/05/heres-why-you-cant-trust-ssl-logos-on.html
www.troyhunt.com/2013/05/why-i-am-worlds-greatest-lover-and.html

Обратите внимание на онлайн-банкинг Райффайзена: connect.raiffeisen.ru/rba/Login.do
—————
Всегда обращайте внимание, чтобы в правом нижнем углу или в адресной строке вашего браузера отображался значок защищенного соединения. Для проверки данных владельца сайта нужно дважды щелкнуть по значку, в данных «Сертификата безопасности»должен содержаться следующий текст:
CN = connect.raiffeisen.ru
O = ZAO Raiffeisenbank
—————

Отдельно стоит отметить честность украинского банка КредоДирект: www.kredodirect.com.ua/
Скрин: habrastorage.org/files/251/e64/cd5/251e64cd5e4b414bb364ec95b03551c8.png

—————
Всегда просите своих посетителей самостоятельно проверить адрес и сертификат. Напоминайте, что нельзя доверять информации о безопасности, написанной на самом сайте. Старайтесь не менять удостоверяющий центр (пример Википедии: был DigiCert, стал GlobalSign). Если же это произошло, обязательно заранее уведомите об этом своих уже существующих клиентов. Помимо строгой транспортной безопасности, используйте также прикрепление публичных ключей, чтобы защитить посетителей от слежки со стороны работодателей и антивирусов с функцией анализа безопасных соединений. Так, ладно, на сегодня хватит.

Первый пункт (одна колонка лучше нескольких) явно плохо сформулирован.
Если у нас лендинг (собственно, лендинги и появились из этой идеи) — то да.
Если у нас главная страница крупного интернет-магазина, того же амазона, то… эмм.

Спасибо, интересно.

Половину пунктов так или иначе можно использовать при верстке статей. Забавно.

В пункте 24 картинки перепутаны местами )

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

Всё это принесет мало пользы, если как и в этой статье, делать заголовки к следующему блоку как подпись к картинке из предыдущего.

Было же?
habrahabr.ru/post/207696/
Только куда-то подевалось…

За пункт 51 надо сажать на кол.

Слишком много всего и сразу. Автору (статьи, а не перевода) стоило бы не смешивать всё в кучу-малу под странным названием.

Я здесь вижу не «58 признаков хорошего интерфейса», а минимум 4 отдельные статьи про весьма разные аспекты:
* «признаки хорошего интерфейса» (их тут много перечислено, за это спасибо).
* «признаки модного интерфейса» (напр, «21 Плавная анимация вместо внезапных выпрыгиваний», «23 Меньше рамок и границ» и т.п.).
* «признаки хорошего маркетинга» (напр, «2 Подарите что-либо вместо того, чтобы сразу пытаться продать» и т.д.).
* «признаки плохого маркетинга» (напр. «36 Дефицит вместо изобилия», «41 Идите от больших чисел к меньшим», «51 Ценовые иллюзии вместо обычных цен»…).

UPD: Посмотрел оргинал: оказывается, это не статья а отдельный сайт с рецептами. И все советы помечены «Conversion» и/или «Ease Of Use». Мои претензии частично необоснованы.

Немалая часть пунктов — маркетинг, а не интерфейс. И к маркетингу у многих присутствующих отношение… Как бы это сказать… Резко отрицательное.

На самом деле многое из сказанного подходит не только для Web интерфейса. Я бы использовал подобные принципы и в презентациях, рекламных рассылках, документах итп.

Спасибо

Не заставляйте пользователя считать.

Это особенно фигово. То есть, я понимаю, что всякую маркетинговую шелуху типа девяток вместо нулей, не убьешь, хотя очень хочется. А вот когда Амазон «считает» мне, а потом выясняется, что с международной пересылкой все раза в полтора дороже… Это пример отвратительного интерфейса. Уж лучше бы не считал вообще.

Название статьи исказило смысл оригинала. В оригинале это всё же не «признаки хорошего интерфейса», а идеи, как повысить конверсию и улучшить user experience. Причем именно идеи, которые на тех или иных проектах увеличили те или иные показатели, а не руководство к действию. Отсюда и спорность этих «признаков», так как не все из них можно назвать «хорошим интерфейсом». Тот факт, что «ценовая иллюзия», к примеру, увеличила продажи на 5% в американском магазине нижнего белья, ещё не указывает на то, что это хороший интерфейс. И не факт, что это сработает в магазине, торгующем гаджетами.

Если вижу второй пункт сразу закрываю не смотря даже…

При реализации пункта 53 всегда нужно предусмотреть альтернативу или расшифровку, а то может возникнуть обратная ситуация. Например, в Redmine «комментарий… написан 10 часов назад» ну совсем неинформативен. 10 часов назад — это когда?
Аналогично при подсчёте стоимости — обязательно нужно пояснять, как она подсчитана. Например, в интернет-магазине за заказ я заплачу «всего 2070» — а как понять, это только стоимость товаров или сюда уже включена доставка, страховка и всякие налоги?

Великолепная шпаргалка! Безусловно, нельзя бездумно применять описанные приёмы. В конце-то концов относится ко всему стоит мудро, с рассуждением. И тогда получится прекрасно! Первая мысль — распечатать статью и на стенку! Так и сделаю.

Просто интересно, кто-нибудь пытался провести АБ-тестирование этих советов? Сдаётся мне, что результаты могут оказаться неожиданными в некоторых случаях.

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

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

А для лендинга который продает плюшевых медведей (типа medvedy.com/ ) все действительно хорошо.

«58 признаков хорошей landing page»
К интерфейсам это всё имеет примерно нулевое отношение.

Когда слева «было», а справа «стало» статья выглядит убедительнее.

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

Печаль.
Удобство интерфейса оценивается с точки зрения Продаж, а не Пользователя.
Это не удобство! Это маркетинг-ориентированность.

Причем, большинство уже не коробит от такой подмены.

В заголовке про интерфейс, а в тексте — про лендинг. Чуть не написал, «голимый лендинг», простите мой французский. Даже, заметьте, не про веб-интерфейс вообще, а вот тупое нытье, про то, что если колонка одна, то будет вам счастье…

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

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

Но все же давайте называть вещи своими именами! Писать статьи про «Стиль „Тупой и еще тупее“ в дизайне лендингов» можно и нужно, наверное (только бы не на Хабр их писать, что ли), но не надо обобщать этот подход до слова «интерфейс».

P.S. Читаешь такие вот обобщения про «людей», и задумываешься — какие это люди ТАК тупо себя ведут? И грустно становится, за какое стадо такие авторы держат людей вокруг…

26. Установить яндекс.браузер и поиск меил.ру?

> 24 Продавайте выгоду, а не функционал
Чистейший американизм. Две вещи, которые я ненавижу: отсутствие внятного описания продукта и отсутствие цены. Страницы пестрят совершенно бесполезными заверениями вроде «наш продукт — вазелин для вашего бизнеса» (не понимаю, неужели люди до сих пор на это покупаются?) При этом информацию о реальном функционале продукта найти бывает очень сложно, а иногда вообще невозможно. Дается лишь общее описание в стиле «универсальный решатель бизнес проблем для тех, кто идет в ногу со временем», без каких-либо деталей. Для клиент становится невозможно оценить чем ваш продукт лучше конкурентов. При таком подходе можно Ладу продать по цене БМВ (что собственно часто и бывает в мире IT) — задачи схожие, описания нет, сравнивать нечего.

Поэтому не надо держать клиента за идиота. Скажи конкретно, что ты продаешь и сколько это стоит, а он уже решит надо это ему или нет, как он это будет использовать и сколько сможет сэкономить.

> 51 Ценовые иллюзии вместо обычных цен
Тоже американизм. Тут либо тебя держат за идиота, неумеющего производить элементарные математические действия, либо ты не идиот, и понимаешь, что таким нехитрым способом тобой пытаются манипулировать, но все-равно с этим соглашаешься. Не знаю как американцам, мне такое портит впечатление.

Я бы ещё один пункт добавил: если вы по какой-то причине не продаёте продукт прямо с лендинга, добавьте же, чёрт возьми, ссылку на магазин!
В последнее время маркетологи повадились делать лендинги, содержащие одну только рекламу без полезной функциональности. Так, поисковый запрос «Windows 8.1 купить» приводит вот на эту страницу. И что же? Стильный дизайн, куча маркетинговой трескотни, и видно, что психология пользователя при её создании тоже вроде как учитывалась.
Но где же кнопка, щелчком по которой я могу купить этот продукт, или хотя бы попасть в магазин, который бы его продавал? По уму, выкинуть бы эту страницу с сайта (а создавших её маркетологов — с работы) и дать вместо неё ссылку на Microsoft Store, больше толку было бы.
И это не единичный пример — напротив, это уже тенденция. Почему-то кнопки «купить» и «скачать» от лендинга к лендингу прячут всё старательнее.

Все тут пишут — «это фигня», «это мне не удобно» и т.д. Но главное понять, что статья не для потребителей (тем более не для потребителей-пользователей хабра). Это статья для продавцов, причем для «не СНГ продавцов». И все это работает. И должно работать. Продавцу главное прибыль, а не 0.1% пользователей которые испугаются подарка. Если я как продавец применяя советы из статьи потеряю 1% покупателей, но приобрету 30%, то это уже профит. Да вас держат за идиотов, да вам навязывают что-то, но если вы это чувствуете — то вы не ЦА. Вот и все.

БОльшая часть этой информации (до 38 пункта) уже размещалась на Хабре, в том числе с переведенными картинками. Зачем повторяться?

После всех пунктов создалось ощущение, что я должен сделать сайт, главная цель которого — впарить, а не продать.

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

Серьезно? Вы действительно собрались называть это интерфейсными решениями и обсуждать еще это как-то?
Да тут же с первого по последний пункт — маркетинговый bullshit. У меня такие статьи вызывают butthurt по 2 причинам:
Во-первых как раз из за вот этой херни по части позиционирования. Парни, которые пишут на билбордах «СУПЕР КРЕДИТ 0%», а потом мелким шрифтом пачку невыполнимых условий, объективно делают мою жизнь чуть сложнее. Потом эти ребята приходят в интернет и пишут вот такие бодрые статьи про «интерфейсы». Это не делает жизнь пользователя лучше. Совсем. Т.е. некоторые из этих пунктов конечно внезапно совпадают с оптимальными интерфейсными решениями в какой-то конкретной ситуации, но это просто случай.
Во-вторых меня удивляет невероятная узколобость с неспособность хоть чуть-чуть стратегически мыслить таких «маркетологов». Ну парни, ага, ну купит кто-то что-то у вас разок. А потом пойдет туда, где реально о нем позаботились. Где удобнее и круче. При прочих равных естественно. А кое-кто и не при равных купит (тут таких в среднем сильно больше чем в общем в стране и мире). Если плохо продавать говно — конечно очень крутые «интерфейсные» штуки, а если делать стратегически успешный продукт — прогорите вы все с такими решениями. Ну, я очень на это надеюсь…

> 26 Подтверждение по умолчанию

Повбывав бы. А потом приходится у бедного ю-зверя два десятка тулбаров в браузере убирать.

О, камон… Хороших маркетологов не бывает. Ну, если мы сейчас в контексте интерфейсов говорим. Вся их задача сводится к «давай сделаем вот эту кнопку „заказать“ в 3 раза больше и красным, чтобы чувак уж точно мимо не прошел». Если что-то хорошее происходит в интерфейсе — это делает разработчик интерфейсов, или дизайнер, или еще какой-то человек, которому на прибыль обычно наплевать.
По части примеров. Ну они разные тут. Вот 29 — здравая штука, в 24 — маркетинговая херня. Про узкопрофессиональные вещи вообще не понял.
А про врать и лукавить — ну, вот что точно не надо делать, так это смешивать любых специалистов по интерфейсам и маркетологов. Если какой-то там «подобный подход» делает удобнее, а не с помощью всякого психологического стаффа заставляет купить какую-нибудь хрень — это сделано в рамках UI и чувак запиливший это — UI специалист. Даже если маркетолог и вот этот абстрактный UI мужик — одно лицо.

upd — oops, это парню выше

26 пункт — «Подтверждение по умолчанию» — субъективно вызывает у меня всегда резко отрицательные эмоции. Ассоциация первого уровня — автоматическая установка яндекс.браузера или какого-нибудь mail guard.
35 пункт — «Подгоняйте пользователя» — тоже что-то из разряда «до конца скидки осталось 2 минуты, успейте купить эту книгу о том, как разбогатеть за неделю», чистый маркетинг, притом заезженный, неоригинальный и раздражающий.

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

Разделил для себя все пункты на два типа:
1. Сделать пользователю удобно
2. На@#ать пользователя (4, 36, 51, 55, 58)

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

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

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

Некоторые пункты вызывают спор из-за формулировки «признаки хорошего интерфейса». В оригинале автор называет их «идеями».

Здравствуйте.
Думаю, что возможно, стоит добавить свои «пять копеек», об однозначности заполнения полей, ибо часто сталкиваюсь, с разной трактовкой одной и той же требуемой информации, в понимании разных создателей. Про телефоны здесь упомянуто, но и любые другие поля, особенно ёмкие, обязательно, должны исключать различия трактовки. Если нужен адрес по прописке, то так и должно быть написано, вместо просто «Адрес». Потому как набивать по второму разу много букв, отбивает желание связываться с сервисом, а часто вызывает раздражение.

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

Хороший материал, спасибо

Фантастика! Сразу забил себе в свою в «АйТи-библию».