На всякий случай напомню, как выглядят диалоговые окна в Windows на примере удаления ярлыка Хрома:

и немного более громоздко в склонной к гигантизму Висте:

Естественно такой ужас мы нашим любимым пользователям показывать не станем. Вместо этого нарисуем свой по аналогии:

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

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

Как оказалось, об этом задумались разработчики интерфейса Mac OS и даилоговые окна у них выглядят так:

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

Это все что я хотел сказать. Дальше можете и не читать ;)

Еще здесь? Тогда давайте перерисуем диалоговое окошко в таком виде:

Или, например вот так:

Если вам нравится такое диалоговое окошко, пожалуйста, скачивайте psd-файл.

В некоторых случаях может понадобиться кнопка «Отмена». Дорисуем и ее. Но(!) давайте поставим перед собой задачу минимизировать когнитивное сопротивление пользователя, то есть уменьшить нагрузку на мозги юзера.

Итак, юзеры у нас могут быть разные и с разными привычками и предпочтениями. Но у всех есть операционная система: Windows, Linux или Mac OS.

Как известно, в Win и Mac расположение кнопок в диалоговых окнах различается. Мы уже предлагали несколько способов определения операционной системы пользователя. Давайте в зависимости от системы, по разному будем располагать эти кнопки, благо сделать это несложно (лежащее на поверхности решение: в стиле кнопок определить position: absolute, а в разных классах (один для Win, другой для Mac) по-разному задать margin).

Например, для любителей форточек:

А вот для любителей яблок:

И, наконец, для любителей пингвинов :-)

Надеюсь, вам понравилось.