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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Редактор UX Movement Энтони написал о цветовом контрасте и доступности интерфейса по стандартам WCAG

1. Требования WCAG не всегда оптимальны. Алгоритм оценки контраста занижает её для белого текста на ярком фоне (синем или оранжевом), хотя читать его легче чёрного текста.

2. Контраст текста не обязательно тянуть на уровень 7:1. Это полезно, если большая часть вашей аудитории — люди старше 70 лет с потерей зрения 20/80. Для определённого контента достижение уровня 7:1 невозможно вовсе.

3. Так как текст надо читать, его стандарты контрастности выше, чем у других компонентов интерфейса. У текста 4,5:1 против 3:1 у иконок.

4. Если у иконки есть доступная подпись (контраст 4,5:1), контраст самой иконки не важен. Также не важен цвет кнопки, если находящийся на кнопке текст доступен. Требование контрастности не распространяется на неактивные компоненты (например, отключённые кнопки).

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

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

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

https://ux.pub/mify-o-dostupnosti-tsvetovogo-kontrasta/

Три снайперские техники дизайна

Три снайперские техники дизайна

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

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

Третье. Создавайте альтернативы визуального решения. Много разнообразных форм графики. Все, что способно увлекать человека , привлекать взгляд, быть зрительно необычным, но при этом знакомым по потенциальным возможностям функциональности. Самые простые решения в дизайне — на вершине огромной горы эскизов. Каждый визуальный приём, цвет, положение в макете, шрифт, форму — объясняйте смысл. Почему так? Почему это будет помогать? Как это улучшит впечатление человека?

Это три простые техники. Очевидные и простые. Но с ними не промахнешься.

Простой интерфейс

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

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

А вот как не обмануть:
https://antonz.ru/simple-ui/

Испытываю слабость к сделанным с любовью вещам.

Испытываю слабость к сделанным с любовью вещам.

Продукты — физические и цифровые — за которыми чувствуется человек и его мысль, не оставляют тебя равнодушным.

Казалось бы:
«Просто» крекеры.
«Просто» упаковка.

Но.

Смотрите, что написано внутри

«Привет!

Я — специальная конструкция :)

Именно благодаря мне при транспортировке крекеры не ломаются и остаются целыми.

Хорошего дня!»

То есть кто-то прошёл экстра милю:
— согласовал идею
— договорился о технологии
— и вовлёк команду в эти экстра косты на производство (с одной стороны)

С другой → удивил меня и порадовал.

Это настоящий микро-момент, где ты испытываешь своё микро-WOW: коробка рассказывает тебе свою историю в категориях пользы для тебя.

Дружественный, но не инфантильный tone-of-voice. Пожелание хорошего дня.

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

Если знаете ребят — передайте респект.

Краткосрочная близорукость

Краткосрочная близорукость

Я думаю, что все мы рано или поздно оказываемся в ситуации, когда погрузившись в проблему и предлагая просто отличное решение, мы слышим: «Отлично! Но вот пока, как-то сложно это все реализовать... Может мы сможем что-то с этим сделать? А то долго просидим, а метрики упадут»

И что мы делаем в такой ситуации? Либо идём на поводу, изобретая компромисс. Либо режем все до MVP, а остальное уезжает в светлые будущие релизы. Но давайте откровенно, из этих светлых будущих релизов ещё ничего не возвращалось.

Автор следующей статьи называет этот феномен «краткосрочной близорукостью». И что при ней происходит с долгосрочными целями? Они просто уходят из вида.

И как бороться с подобной одержимостью краткосрочного скачка показателей на дашборде? Просто:

1) Задайтесь вопросом, а стоит ли вообще заниматься этой задачей? Я не шучу. Если задача вообще не соотносится с долгосрочной стратегией, то она попросту не стоит затрачиваемых усилий.

2) Что произойдёт, когда задача будет сделана? Что-то хорошее или всем будет все равно? Я как-то месяц работал над задачей, чтобы через полгода обнаружить, что после релиза функциональность физически не работает... И всем пофиг. Значит идея явно не стоила пота.

3) Держите в голове конечный результат и задайтесь вопросом: что я прямо сейчас могу сделать, чтобы все остальное стало проще или совсем ненужно?

4) Почитайте статью: https://uxdesign.cc/tackling-chronic-short-termism-f9058f04f8db там много интересного :)