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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Про самоорганизацию

Про самоорганизацию

Пожалуй, самая важная трансформация, которая произошла со мной в части самоорганизации заключается в следующей смене парадигмы:
Как найти больше времени, чтобы всё успеть ➡️ Как успеть максимум за максимально короткое время.

Что меняется в концепции 👇

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

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

В треугольнике "задачи, время, мой ресурс (эффективность)" я фиксировал задачи, а время растягивал.

Этот подход оказался неверным:
☹️ Волны успеваемости сменяются волнами апатии и прокрастинации.
☹️ Ощущение "я много работаю" позволяет чаще делать непроизводительные паузы-награды: соцсети и прочее.
☹️ Если растягиваешь время — меньше думаешь о производительности: она не в фокусе. Ну, посплю поменьше — зато, сделаю побольше.

В какой-то момент (не так и давно, на самом деле) я стал фиксировать не задачи, а время: у меня есть 8-9 часов на все рабочие задачи и свои инициативы. Успевай.

И тут началось самое интересное в самоорганизации:
🙂 Работаю над действительно важными задачами.
🙂 Острее ощущается ограничение времени: стал меньше отвлекаться на постороннее.
🙂 Делегирование и работа с подрядчиками заиграли новыми красками.
🙂 Думаешь больше о самоэффективности: больше мотивации точить пилу и выбирать максимально эффективные инструменты.
🙂 Не надо жертвовать важными нерабочими делами: семья, спорт, саморазвитие и т.п.
🙂 Появляются левел-апы и вызовы: а можно ли успеть всё не за 8-9, а за 6-7 часов?

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

У меня появляются большие вопросы к людям, которые: "я работаю по 12-16 часов в день" — как долго они так могут работать и почему они считают это поводом для гордости?

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

Контраст

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

Представим, например, скрин переписки. Один дизайнер выкладывает картинку, на которой имена собеседников замазаны пикселями, а другой постит скрин, на котором имена вырезаны так аккуратно, будто их там никогда и не было.

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

При этом не менее важен талант не тратить время на несущественные вещи, типа дизайна скринов переписки

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

let el = document.querySelector(".someClass");
el.innerText // текстовое содержимое
el.innerHTML // HTML-разметка содержимого
el.outerHTML // полная HTML-разметка
el.offsetWidth // ширина, аналогично Height
el.offsetLeft // координата левого угла
// и так далее

Назначенные узлу стили можно узнать через свойство sytle:

el.style.color // цвет текста

Но в нём содержатся только те CSS-свойства, которые назначены непосредственно узлу. Чтобы узнать все свойства, которые получил узел из CSS-стилей, потребуется более сложная конструкция:

getComputedStyle(el).color // цвет текста

Если захотите узнать более сложные свойства, то не забудьте преобразовать их названия в camelCase. Например: background-color → backgroundColor;

Подробнее в видео: https://youtu.be/kM8YAhsaHfE
И в примере с кодом: https://codepen.io/detepr/pres/mQqKZO

Сожми окошко

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

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

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

Хорошо бы ещё подобрать шрифт, оформление, но это уже совсем для задротов.

Видишь, какой будет простыня — меньше переделывать.

Дюжина типов мышления среди дизайнеров

Дюжина типов мышления среди дизайнеров

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

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

Второй тип мышления воспитывает отношение к дизайну, как к деятельности созидательной, результатом которой является трансформация исходной ценности, зачастую формулирование самой проблемы в расширении ценности исходного объекта.
Дизайн как расширение задачи — «Найти вариант написания для вывески “Мы открылись”».
Дизайнер анализирует сотни похожих решений, сочетаний слов, композиций, шрифтов и понимает, что ценность сообщения будет выше если его филологически разработать. Начинает разбираться с функцией слов, смыслом сообщения, желаемым результатом. Возникающей эмоциональной связи. Начинает складывать новые слова в комбинации в рамках 12-15 знаков.

Простые альтернативы с демонстрацией заинтересованности, от самоуверенной радости «А вот и мы!» (10 знаков), до нейтральных «Заходите в гости» (16 знаков, перебор), «Мы вам рады» (11 знаков), до буквальности и констатации выгоды — «Вкусно — здесь!» (13 знаков).

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