10 принципов этичного UX-дизайна

10 принципов этичного UX-дизайна

Использование честного UX-дизайна для создания надежного и заслуживающего доверия опыта.

С ростом темных паттернов в UX никогда еще не было так важно, чтобы продукты, которые мы разрабатываем, были честными и надежными.

"Чтобы быть убедительным, мы должны быть правдоподобными; чтобы быть правдоподобным, мы должны быть достоверными; чтобы быть достоверным, мы должны быть правдивыми". - Эдвард Р. Марроу

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

Джошуа Портер пишет в книге "Честные интерфейсы": "Когда часть нашего продукта сбивает с толку, вводит в заблуждение или вызывает подозрения, доверие пользователей начинает ослабевать. Когда прокрадывается даже малейший намек на плохое поведение, пользователь уже начинает отказываться от дальнейшего взаимодействия."

1. Уведомить меня

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

Мы должны информировать наших пользователей и давать им возможность отменить подписку после бесплатной пробной версии, если она им больше не нужна.

А еще лучше, если вы предлагаете бесплатную пробную версию, вообще не запрашивайте кредитную карту.

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

2. Выделяйте негативную информацию

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

Мне нравится, как Airbnb информирует меня о том, что у хозяина, у которого я бронирую жилье, нет детектора угарного газа, и я не могу устраивать вечеринки. Они могли бы легко скрыть эту информацию, но они подчеркивают ее, чтобы убедиться, что вы принимаете решение, которое вас устраивает.

3. По умолчанию выбирайте наиболее безопасный для пользователя вариант.

Слишком много форм автоматически ставят галочку в маленьком квадратике, который приглашает вас в их рассылку. Я не хочу присоединяться к вашей чертовой рассылке!

4. Опыт важнее дохода

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

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

5. Прозрачность цен

Что вы видите, за то и платите.

Разве вам не противно, когда вы добираетесь до кассы, а там, как по волшебству, оказывается на 15 долларов больше, чем вы ожидали? Слишком часто в электронной коммерции рекламируется одна цена, а потом, когда вы добираетесь до кассы после уплаты налогов, сборов и доставки, она оказывается значительно дороже.

6. Прекратите рассылку спама

Ничто не заставляет меня удалять приложение быстрее, чем спам-уведомления.

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

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

7. Прозрачность конфиденциальности

Перестаньте прятать все за политикой конфиденциальности.

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

8. Честные предложения

Если на вашем сайте постоянно проводятся распродажи, перестаньте делать вид, что это новогодняя распродажа, которая закончится через два часа.

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

9. Сделайте отмену заказа легкой, как пирог

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

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

Мне не нужно звонить на линию поддержки, отправлять электронное письмо, читать FAQ или общаться с агентом. Просто дайте мне чертову кнопку с надписью "отменить" и позвольте мне жить дальше.

10. Спрашивайте разрешения

Спрашивать разрешение, прежде чем добывать или продавать данные, связываться с друзьями, размещать информацию в профиле пользователя или делать что-либо подобное, - это правильное решение.

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

Не предпринимайте никаких действий от имени пользователя в фоновом режиме без его согласия.

Сила комментария

Сила комментария

Комментарий в интерфейсе — это необязательное текстовое поле. В комментарии человек указывает любую дополнительную информацию, которая кажется ему важной:

— На карточке клиента: за что предоставили скидку 20%
— На форме заказа: что в дверь звонить не надо
— В тикете техподдержки: ссылка на обсуждение в багтрекинге

Комментарии в интерфейсах недооценены. Аналитики, дизайнеры, программисты — все мы любим и умеем систематизировать информацию. Поэтому любой объект в интерфейсе представляем как набор полей с конкретным назначением: наименование, почтовый индекс, стоимость.

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

Например, на «Дадате» мы используем систему защиты от сетевых атак. У нее есть интерфейс, где можно заблокировать конкретный IP-адрес. Указываешь IP, жмешь «добавить в черный список», злодей получает бан. Что может быть проще?

Проблема в том, что непонятно, кто заблокировал IP и почему. В большинстве случаев это и неважно, но иногда пригодилось бы для разбора. Решить проблему элементарно — добавить поле «комментарий».

Но постойте, можно же сделать нормальные поля «сотрудник» и «причина блокировки»? Да, можно, но непонятно:

— точно ли нужны именно эти поля?
— действительно ли они нужны?

Добавлять поля просто «чтобы были» — так себе идея. А выяснить реальные сценарии как раз и поможет поле «комментарий». Потом, если что, можно заменить его на поля с конкретным назначением.

Комментарий — элемент хаоса. Но с ним система устойчивее.

Мы учили продукт, продукт учил нас

Хорошо, когда ты пишешь с рождения продукта и можешь придумывать всё с нуля. Но чаще будет не так. Будут продукты, в которых кто-то уже годами писал до твоего прихода. Будет наследие, с которым придётся что-то делать. И если дать слабину, наследие победит. Чем больше продукт, тем сильнее его влияние.

Тут есть две крайности. Можно бросаться на амбразуру и менять всё на корню. Но тогда рискуешь поломать то, что было всё-таки ок. Допустим, кривоватые формулировки, к которым пользователи привыкли настолько, что не поймут, если написать по-другому. Другой вариант: сдаться и просто делать в том же духе, что и раньше. Но зачем тогда ты?

Думаю, умение взаимодействовать с тем, что делали до тебя, не ломая дров, но и не прогибаясь, — важный навык в любой творческой профессии: дизайнера, UX-писателя, да даже кондитера.

Часть вторая. Розыгрыш брифов!

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

В этот раз брифы были зашифрованы текстами песен. То есть по 1-2 строчки ты должен был догадаться о чем идет речь.

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

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

Второй слайд — «I really need you really love you, И как бы далеко бы я ни был от тебя…»
Что то про близкие отношения, думаю я, либо сервис знакомств, либо поиск кого то. Точно нет. В аудитории тоже происходит заминка. Серей Гальцев решает дать подсказку сомневающимся и говорит, что тема очень душевная. В итоге появляется нужное количество рук.

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

Четвертый слайд — «Я раньше и не думал, что у нас на двоих с тобой одно лишь дыхание…».
Так, звучит подозрительно, дыхание, опять близость? нет не буду рисковать. В итоге команда формируется без меня.

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

Шестой слайд — «Город-сказка, город-мечта».
Я смело поднимаю руку. Не особо следил за порядком, поэтому даже не заметил, что это последний слайд, просто понял, что мне это интересно. Урбанистика, город, в этом направление сейчас много чего происходит, должно интересно. Таким образом моя и ещё 3 руки сформировали последнюю команду.
Далее, нам показали те же самые слайды, но с брифом от заказчиков. Это было небольшое видеообращение с описанием проблемы.

1. «Все на свете из пластмассы и вокруг пластмассовая жизнь»
Фонд WWF заказал сервис, который поможет людям более осознанно подойти к проблеме загрязнения пластиком.

2. «I really need you really love you, И как бы далеко бы я ни был от тебя»
Фонд Добрая планета, попросил помочь им с организацией помощи волонтерам по работе с детьми-сиротами.

3. «Перемен, требуют наши сердца»
Фонд Борьбы с Коррупцией — это было довольно неожиданно, бриф читал начальник штаба — Леонид Волков. Он рассуждал о предстоящих выборах и о сложности наблюдений за их честностью. Его просьба была в том, чтобы придумать сервис, который облегчил бы жизнь наблюдателей. Все были немного в шоке, и я в том числе.

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

5. «А у нас алкоголь дешевле, чем учебник», Фонд поддержки образования и науки «Рекурсия» попросил помочь в проекте по менторству студентов.

6. И, наконец, «Город-сказка, город-мечта», где заказчик, в виде Студии транспортного проектирования, просил помочь в организации сбора данных на местности. И так как это моя тема, я остановлюсь на ней чуть подробнее.

Брови заголовков

Исследования (https://www.nngroup.com/articles/first-2-words-a-signal-for-scanning/) показывают, что пользователи не читают заголовок полностью, а лишь первые несколько слов.

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

Как же тогда решать эту проблему? Используйте брови заголовков.

Брови заголовков — это описательное ключевое слово или фраза, расположенная над основным заголовком.

К примеру: у вас на главной странице банка есть слайдер, а в слайдере предложение с пониженной процентной ставкой по кредиту — добавьте к заголовку бровь «Кредиты». Время, которое пользователь потратит на принятие решения о том, интересна ему эта статья или нет, максимально сокращается.

Как сделать брови заголовков?
Сделайте их меньше основного заголовка, но все же читаемыми. Что бы их выделить, можно сделать жирнее, написать капсом или изменить цвет.

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

Брови заголовков
— достаточно короткие для сканирования
— используют понятные ключевые слова
— дают пользователю контекст
— легки для восприятия