fbpx
Twitter-new

Дизайн, призванный защитить людей от самих себя

На прошлой неделе Divya Tak спросила в Twitter: «А что вы делаете, чтобы «спасти пользователей от самих себя…» Marshall Bock и я потратили час, размышляя над этим вопросом. Мы записали подкаст с ответами, и теперь публикуем основные идеи в виде статьи.

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

Сохраняйте черновик контента

Отличные продукты гарантируют, что люди не потеряют несохраненные изменения или черновики контента. Для этого есть несколько распространенных паттернов:

  • Предупреждение, когда пользователи собираются предпринять действие, которое приведет к потере несохраненных изменений. Обычно это происходит, когда они закрывают диалоговое окно или пытаются вернуться назад.
Дизайн, призванный защитить людей от самих себя
  • Автоматическое сохранение черновиков в фоновом режиме. Например, если вы смахнете вниз по черновику письма, в iOS-приложении «Почта», он будет «закреплен» в нижней части экрана. Если вы наберете комментарий на GitHub, а затем обновите страницу, содержимое в поле для комментариев сохранится.
Дизайн, призванный защитить людей от самих себя
  • Превращение черновиков в функцию продукта. Twitter и электронная почта – отличные примеры продуктов, в которых черновики рассматриваются, как объекты первого класса в общей экосистеме продукта. Вы можете читать, писать, обновлять и удалять их в любое время. Когда вы закрываете композитор твита, вам предлагается сохранить или удалить черновик.
Дизайн, призванный защитить людей от самих себя

Предупреждение перед деструктивным действием

Профессия «UX-дизайнер»
7 дней дизайн-перезагрузки
Мощнейние спикеры, самое дружелюбное дизайн-комьнити и желание делать клевый дизайн.
Скидка 10% по промокоду UXPUB
Присоединиться

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

Дизайн, призванный защитить людей от самих себя
Дизайн, призванный защитить людей от самих себя

Отмена

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

Дизайн, призванный защитить людей от самих себя

Магическая отмена

Иногда вы можете сделать запрос на отмену, если на самом деле ничего не изменилось. Это похоже на фальшивую отмену или предварительную отмену. Лучшим примером является функция «отзыва письма» Gmail: если вы отправляете электронное письмо, Gmail не отправляет его сразу. Вместо этого он предлагает вам отменить отправку, и только после того, как это предложение исчезнет, письмо будет отправлено.

Дизайн, призванный защитить людей от самих себя

Сканирование контента

Вы когда-нибудь отправляли электронное письмо, в котором хотели прикрепить файл, но написав «см. вложения», забывали его прикрепить? По-видимому, это частая проблема, поэтому теперь Gmail ищет в черновике ключевые фразы, например, «см. прикрепленный файл» –  и, если в письме не будет вложения, вы увидите окно подтверждение перед отправкой.

Дизайн, призванный защитить людей от самих себя

Сканирование кода

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

Дизайн, призванный защитить людей от самих себя

Разумные настройки по умолчанию

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

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

Цели нажатия

Apple и Google заявляют, что размер цели нажатия должен быть минимум 44pt и 48pt. Это минимум, но вы можете сделать ее еще больше! Посмотрите пример того, как это работает в Twitter для macOS.

Дизайн, призванный защитить людей от самих себя

Цифровая зависимость

По данным 2018 года, американцы проводят более 10 часов в день, глядя на экран. Социальные сети, алгоритмические фиды, push-уведомления… все это способствует формированию зависимости, заставляя людей постоянно возвращаться к экранам своих девайсов. Хороший софт помогает людям распоряжаться своим временем, чтобы они проводили его с пользой. «Не беспокоить», «Напоминания перед сном» и функция Instagram «На этом пока всё» – все это помогает людям улучшить привычки потребления контента.

Дизайн, призванный защитить людей от самих себя
Дизайн, призванный защитить людей от самих себя
Дизайн, призванный защитить людей от самих себя

Повторяющиеся точки входа

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

Предупреждения об уровне громкости

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

Дизайн, призванный защитить людей от самих себя
Дизайн, призванный защитить людей от самих себя

Возрастные ограничения, предупреждения о NSFW-контенте

Неизбежно, что в какой-то момент в алгоритмических фидах Twitter, Instagram, Facebook или Reddit, может появиться нечто… неприятное … Если вы листаете ленту на работе, размытие подобного контента может спасти вашу жизнь. В других случаях наличие межстраничных предупреждающих экранов – таких как у Reddit (см. ниже) – может предотвратить случайное открытие ссылки с нежелательным контентом.

Дизайн, призванный защитить людей от самих себя

Затемнение спойлера

Хотя это не является частью официальной спецификации Markdown, такие приложения, как Reddit и Discord, расширили синтаксис, чтобы добавить особый способ скрыть спойлеры. Пожалуйста, Twitter, сделайте также…

Дизайн, призванный защитить людей от самих себя

Тряска ярости

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

Отрывок из блога Daring Fireball :

Много лет назад я услышал историю, как появилась функция «Shake to Undo». Скотт Форстолл поручил команде iOS разработать интерфейс для функции отмены – все знали, что она должна быть в iPhone,1 но никто не знал, как ее реализовать. Один разработчик пошутил, что пользователю нужно встряхнуть iPhone, чтобы вызвать ее. Форстоллу понравилась эта идея, и с тех пор шуточное предложение используется в качестве интерфейса отмены.

Дизайн, призванный защитить людей от самих себя

Предотвращение распространения дезинформации

Facebook, Twitter, WhatsApp, Instagram и все другие крупные социальные платформы создают новые системы, предотвращающие непреднамеренное распространение дезинформации.

Формируется несколько паттернов:

  • Предотвратить распространение контента на уровне ретвитов / репостов.
  • Добавление встроенного контекста к контенту, когда пользователи сталкиваются с ним в своей ленте.

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

Дизайн, призванный защитить людей от самих себя
Дизайн, призванный защитить людей от самих себя

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

Дизайн, призванный защитить людей от самих себя
Дизайн, призванный защитить людей от самих себя

Поощрение вежливости, снижение токсичности

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

Дизайн, призванный защитить людей от самих себя

Для чтения по теме

Чтобы узнать больше о том, как создавать отличные цифровые продукты, прочтите статью Quality Software.

0 Комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
Изучение Sketch: Плагины, ресурсы, статьи и уроки (EN)
Подробнее

Изучение Sketch: Плагины, ресурсы, статьи и уроки (EN)

Sketch - это мощный инструмент для дизайна, разработанный командой Bohemian Coding. Сейчас программа доступна только в версии для Mac, можно купить ее здесь за $99. Ниже вы найдете список плагинов, ресурсов, статей и уроков, которые помогут вам начать работать в Sketch.
Импорт цветовой палитры Material Design в Sketch 3
Подробнее

Импорт цветовой палитры Material Design в Sketch 3

Насколько я знаю, пока не существует способа поделиться родными цветовыми палитрами Sketch 3, так что я поделюсь простым способом использования родного селектора цвета Mac OS color Material Design в Sketch 3.

Лучшие статьи, раз в неделю, с доставкой на почту

Total
14
Share