Как стать автором
Поиск
Написать публикацию
Обновить

Комментарии 71

Просто и доходчиво.

Всего голосов 3: ↑2 и ↓1+1
НЛО прилетело и опубликовало эту надпись здесь

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

Всего голосов 11: ↑10 и ↓1+9
НЛО прилетело и опубликовало эту надпись здесь
это же никак не скажется на дальтониках
Аргумент «решение не пригодится 5% всех пользователей» не является достаточным аргументом против решения.
Всего голосов 1: ↑1 и ↓0+1

Да, для совсем страшных и разрушительных сценариев дополнительный «заборчик» из чекбокса или поля ввода — хорошая практика. Спасибо за дополнение!

Всего голосов 1: ↑1 и ↓0+1
Иногда случается, что на экране появляется какое-нибудь окно подтверждения в тот момент, когда мозг уже послал сигнал пальцу на нажатие кнопки, и так получается, что ты нажимаешь кнопку в диалоге подтверждения вместо окна, за мгновение до этого оказавшегося под ним. Такое часто происходит на мобильнике, особенно если интерфейс подлагивает, но иногда и на компьютере. Бывает, что даже не имеешь представления, что ты там успел подтвердить или отменить за эту долю секунды. Мне кажется, это довольно важная проблема диалогов подтверждения.
Всего голосов 35: ↑35 и ↓0+35

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

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

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

Всего голосов 5: ↑5 и ↓0+5

Интересно! Не знала про такую функцию. Для тех, кто любит риск))

Всего голосов 2: ↑2 и ↓0+2

Дополнительные параметры мыши - параметры указателя - Исходное положение в диалоговом окне - чекбокс "на кнопке, выбираемой по умолчанию"

Всего голосов 2: ↑2 и ↓0+2
Это не винда, у меня это было в ПО/драйверах от какой-то мыши. Но тоже сразу было выключено.
Всего голосов 2: ↑1 и ↓10

Ну почему же? Это была штатная функция для Windows.

Даже в 10 оно есть:

А вот в 9x оно ставилось вместе с Plus!, вроде как.

Всего голосов 4: ↑4 и ↓0+4
Да, наверное дело было в 9х и какая-то из мышей так умела, потому что интерфейс, мне помнится, был другим.
Всего голосов 2: ↑2 и ↓0+2

Логичным решением кажется таймаут в 1-2 секунды, когда сообщение уже на экране, но кнопки ещё не кликабельны. Но это будет раздражать многих пользователей тоже. Ни разу такого не видел, чтобы на практике испытать. А вот случайно нажимал на внезапно появившееся окно кучу раз.

Всего голосов 4: ↑4 и ↓0+4
Да, проблема с таймаутами в том, что они будут раздражать ещё чаще, когда ты точно знаешь, о чём тебя спросят и как ответить, а подтверждение будет занимать несколько секунд вместо половины. Я не знаю, каким могло бы быть хорошее решение, но хоть что-нибудь напрашивается.
Комментарий пока не оценивали0
Можно каждый раз показывать по разному оформленные окна подтверждения. Например 5 вариантов окон и чередовать их.
Можно запускать таймер на 2-3 секунды с неактивными кнопками, но при этом сделать быстрое подтверждение/отмену «горячими кнопками».
Можно уже после выбора Да/Нет давать возможность откатить это решение.
Комментарий пока не оценивали0

У firefox есть такая пауза с обратным отсчётом в 3 секунды при попытке установить плагин или запустить скачанный .exe

Всего голосов 3: ↑3 и ↓0+3

1-2 секунды это дофига. Для исключения описанного мисклика достаточно буквально четверти-трети секунды.

Всего голосов 3: ↑3 и ↓0+3

Для критичных действий исключение случайных нажатий делается очень просто. На кнопку надо нажать и подержать (1-2 секунды, с красивой анимацией). Что-то похожее сделано в гуглохроме под мак. По Cmd+Q не моментальный выход а уведомление что надо нажать и подержать.

Всего голосов 2: ↑2 и ↓0+2

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

Всего голосов 2: ↑2 и ↓0+2

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

Всего голосов 2: ↑2 и ↓0+2
  1. Удалить чат и переписку безвозвратно?
  2. Удалить введенный текст? — синяя кнопка «Оставить».
  3. Кстати да, слова-действия лучше, чем просто Да/Нет.
  4. Лучше вообще не использовать подзаголовки, так как их действительно не читают. Поясняющий текст должен располагаться до кнопки.

Статья интересная!
Всего голосов 1: ↑1 и ↓0+1
В большинстве случаев заголовок можно сформулировать как бинарный вопрос с двумя вариантами ответа в виде кнопок.

Если, например, это какой-то стандартный диалог операционной системы, то сводить «Да», «Нет» и «Отмена» к бинарному выбору — ошибка. «Отмена» означает «я отказываюсь принимать решение в этот раз».
Всего голосов 4: ↑4 и ↓0+4

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

Всего голосов 21: ↑21 и ↓0+21

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

Всего голосов 5: ↑5 и ↓0+5
Ну и конечно нарисовать в качестве иллюстрации "неправильного" диалога кнопки "Отменить" и "Отмена" это уж совсем манипулятивная клоунада.

Тем временем Outlook Web App почти повторяет это (причём раньше слова "изменения" не было, если мне память не изменяет, видимо по фидбеку добавили таки)
image

Всего голосов 2: ↑2 и ↓0+2

А на английском как было? Save, Cancel, Cancel?

Всего голосов 1: ↑1 и ↓0+1

Думаю, save, undo и cancel.

Всего голосов 1: ↑1 и ↓0+1

"Discard" скорее всего

Всего голосов 1: ↑1 и ↓0+1

Таких примеров не так мало) Все примеры из текста я брала из реальных продуктов, просто перерисовала, чтобы смотрелось аккуратнее)

Всего голосов 2: ↑2 и ↓0+2

Классический диалог с пользователем.

У меня не работает (не заходит, не печатает и т. д)

  • Окно с предупреждением (ошибкой) было?

  • Да

  • Что написано?

  • Не знаю, нажал (чаще нажала) ОК.

  • Не по-русски было написано?

  • По-русски

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

Всего голосов 15: ↑15 и ↓0+15
  • Алло, здравствуйте. Мне надо провести документ, а программа мне не даёт.
  • Что вот так прямо говорит "не дам!"?
  • Ну нет, конечно, там что-то пишется в окошке. я уже не помню что.
  • По-нерусски написано?
  • Да нет. Вроде по-русски, но там много текста.
  • Так может там написано почему нельзя провести документ? Давайте ещё раз попробуем, только вы сразу "ок" на окне с сообщением не нажимайте.

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

Всего голосов 10: ↑10 и ↓0+10

О, вы знакомы с моей женой? Там тоже паника каждый раз когда читать надо ))

Всего голосов 3: ↑3 и ↓0+3

Всё-таки там часто и правда написано слишком много букв, да ещё и на программистском диалекте. Если крупно и кратко написать в три слова причину, а далее мельче уже все подробности, то станет сильно понятнее.

Всего голосов 3: ↑3 и ↓0+3

Сам недавно попал на создание такого объяснительного многабукаф. Если вкратце, то писал текст ошибки, объясняющий, почему пользователь не может удалить элемент. "Штука с таким-то названием связана с такими-то штуками". Осадили меня как раз на том моменте, когда вывалился список из 15 строк со штуками, имеющими только UUID, а остальной текст пояснения занимал только половину первой строчки :)

Так что да, иногда "многабукаф" — это действительно "многабукаф"

Всего голосов 1: ↑1 и ↓0+1

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

Всего голосов 3: ↑3 и ↓0+3

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

Всего голосов 1: ↑1 и ↓0+1

Кнопки должны быть разного цвета. Зелёная по умолчанию. Писать много не нужно. А писать не да - нет, а вас например уничтожат

Комментарий пока не оценивали0

Уже ответили - дальтоники. И их много. Причём они разные по типу цветовой слепоты. Кто-то не видит красного, кто-то зелёного.

Всего голосов 2: ↑2 и ↓0+2

Белые и жёлтые элементы интерфейса. Желтый отличается от белого для любого типа дальтонизма.

Всего голосов 2: ↑2 и ↓0+2

4. Не манипулируйте 

Вот это больше всего раздражает. Нажал отвязать карту, меня спрашивают: "Вы хотите отменить подписку?" Нет конечно, я не хочу отменять подписку! Я хочу отвязать карту... После таких манипуляций реально хочется отменить подписку.

А еще вид манипуляции, к примеру: "Вы не хотите получать уведомления?" и варианты ответа "Да, Нет", но акцентная кнопка при этом "Нет" и попробуй угадай правильный ответ, если он конечно есть.

Полезная статья с понятными примерами.

Всего голосов 4: ↑4 и ↓0+4

Очень люблю в банкоматах Альфа-банка сообщение: "Уважаемый клиент, вам одобрен кредит на стотыщмильонов, хотите ли узнать подробнее?" И две кнопки. Справа выделена цветом "позвонить мне", слева незаметная маленькая "напомнить позже". Варианта "идите в жопу со своим кредитом и не напоминайте про него" нет вообще.

Всего голосов 5: ↑5 и ↓0+5
НЛО прилетело и опубликовало эту надпись здесь

Спасибо! Ну да, это классический тёмный паттерн — Roach Motel (ловушка для тараканов). Когда отказаться от услуги или отменить подписку очень сложно

Комментарий пока не оценивали0

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

Всего голосов 2: ↑2 и ↓0+2

-Вы уверенны что хотите удалить этот файл?

-да

-это системный файл, удаление может нарушить работу системы,Вы по прежнему хотите его удалить?

-да

[Компьютер задумался...] -Ошибка! Не получилось удалить файл!

Обожаю бессмысленные диалоги старой винды..

Всего голосов 6: ↑5 и ↓1+4

Ооо да, в журнале событий видел что-то вроде "Ошибка - произошла ошибка по причине: неизвестная ошибка", дословно не помню, но точно слово "ошибка" было 3 раза и сообщение не давало никакой полезной информации. А самое любимое, это выражение "разрушительный сбой"

Всего голосов 3: ↑3 и ↓0+3

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

Всего голосов 6: ↑6 и ↓0+6

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

Всего голосов 8: ↑0 и ↓8-8

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

Всего голосов 2: ↑2 и ↓0+2

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

Всего голосов 4: ↑4 и ↓0+4
Считайте своих пользователей дегенератами, которые не умеют думать
Перефразируйте для верности:
— Помните, что пользователи не любят задумываться над вопросами, которые сейчас интересуют вас.
любой вопрос или сообщение должно быть максимально информативным
Вы любите вдумчиво читать лицензионные соглашения? Там часто встречаются максимально информативные сообщения.
Всего голосов 3: ↑3 и ↓0+3

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

Всего голосов 3: ↑3 и ↓0+3

Маргарита, в 1м пункте, наверное событие корректней назвать не "частотное" ( этот термин более относится к колебаниям, в Герцах) , а "частым", как в тексте абзаца далее?

По самой статье - иногда, где уместно использую рядом с текстом кнопки "НЕТ" значок типа автознака "вьезд хапрещён", (кирпич), рядом с тектом "ДА" - значок зелёной стрелки. Глаз пользователя получает доп. информацию чисто зрительную.

Комментарий пока не оценивали0

Да, вы правы. Спасибо!

Комментарий пока не оценивали0

Мне всегда очень помогает описание последствий выбора в таких диалогах, и я внимательно его читаю. Был бы благодарен дизайнерам, если бы они были расписаны максимально подробно, в соответствии с ЦА данного продукта. Например, если программой (продуктом, сайтом) пользуются технари, то в описании вполне можно добавить и технические данные. Например "Точно удалить запись?" - "Запись физически будет удалена из базы данных без возможности восстановления. Убедитесь, что у вас есть резервная копия данных, на тот случай, если они вам все же понадобятся".

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

Желаю дорогим коллегам не сильно увлекаться "опытом индустрии". Люди разные.

Всего голосов 2: ↑2 и ↓0+2

Вы правы — на ЦА, конечно стоит смотреть. С писала скорее про принципы для массовых продуктов

Комментарий пока не оценивали0

4. Не манипулируйте 

О да, дайте кто-нибудь Сбер-у почитать с его настройкой входящих СБП.

Всего голосов 3: ↑3 и ↓0+3

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

Всего голосов 3: ↑3 и ↓0+3

Дааа) Я только когда писала эту статью загулила, чтобы понять, что они на самом деле хотели сказать))

Комментарий пока не оценивали0

Ещё один вариант для критически важных сценариев - ввод пин-кода, который заранее подготовлен/получен/придуман.

Всего голосов 1: ↑1 и ↓0+1

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

ну и что я должен нажать? с учётом того, что одним глазом я на дорогу смотрю, а другим в телефон

Всего голосов 2: ↑2 и ↓0+2
В промышленной среде (не уверен, что стоит это практиковать с обычными пользователями), для подтверждения действий применялось то, что внутри называли «акцепт второго порядка». Форма была примерно такая: «Для того чтобы закрыть документ с ошибками, введите (3165) в поле ниже, и нажмите „Закрыть“. Число в скобках генерируется случайным образом каждый раз при показе диалога. Очень помогает от пользователей-обезьянок, которые увидев диалог СНАЧАЛА жмут „OK“, а потом (может быть, не всегда) начинают думать — что это они там такое подтвердили…

Пару раз пользователи пытались утверждать, что не видели предупреждения. Им показывали журнал, где сохраняется и дата-время, и текст, и введенный код. Хвала богам, утверждать что они прочитали код, но не прочитали начало предложения — никто не решился…
Всего голосов 4: ↑4 и ↓0+4

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

Всего голосов 1: ↑1 и ↓0+1

Ну как тут не вспомнить официальную русификацию Фотошопа...

Всего голосов 8: ↑8 и ↓0+8

Ааааа ?

Комментарий пока не оценивали0

А я бы добавил - соблюдайте одинаковый порядок кнопок во всем приложении/системе. Не как в Windows, то Печать/Отмена, то Ок/Справка, то Отмена/Ок, а то Да/Нет и главная кнопка, то слева, то справа. Я понимаю, что делали разные люди в разное время, но неужели так сложно это исправить... Примеров, к сожалению, не смогу привести с телефона.

Всего голосов 2: ↑2 и ↓0+2

Главное, чтоб такие сообщения были понятны пользователю. Вот я сегодня долго пытался понять, что значит "ваш пфл изменён".

Понял я, не совсем дурак

Но вот нахрена выдавать пользователю такие непонятные аббревиатуры я вот совсем не понял

ЗЫ судя по всему это значит "профиль физического лица", но это не точно, инфы я не нашёл, просто догадался

Всего голосов 2: ↑2 и ↓0+2

Ага!! Видимо все современные программисты знают это статью наизусть. Иначе как они умудряються делать все наоборот?

Качество кода за последнии годы упало в разы. Когда я писал код лет 15 назад, лишний пробел или отсутствие точки, или смещение на пару пикселей от центровки в интерфейсе считалось ЧП. О каких то программных багах я и не грворю. Сейчас даже для крупных игроков рынка программа вылетающая с эксепшенном впорядке вещей. Hello world пишется с помощью фреймворка в миллион строк в котором к тому же содержится 100500 ошибок...

Всего голосов 4: ↑3 и ↓1+2

Полезная статья ?

Есть ещё интересные практики для необратимых действий — попросить ввести слово для подтверждения (например, в случае удаления аккаунта) или обратный таймер с возможностью отменить действие (например, при удалении писем в почте).

Отдельно хочется отметить аккуратные баннеры в единой стилистике ❤️

Всего голосов 2: ↑2 и ↓0+2
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Показать лучшие за всё время

Истории

Ваш аккаунт

Разделы

Информация

Услуги

Техническая поддержка
© 2006–2024, Habr