{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "ivan's blog: posts tagged модальность", "_rss_description": "It is my diary. I’m ivan zviahin, an designer, manager, car enthusiast.", "_rss_language": "en", "_itunes_email": "ivanzviahin@gmail.com", "_itunes_categories_xml": "", "_itunes_image": "https:\/\/ivanzviahin.by\/blog\/user\/userpic-square@2x.jpg?1711411913", "_itunes_explicit": "no", "home_page_url": "https:\/\/ivanzviahin.by\/blog\/tags\/modalnost\/", "feed_url": "https:\/\/ivanzviahin.by\/blog\/tags\/modalnost\/json\/", "icon": "https:\/\/ivanzviahin.by\/blog\/user\/userpic@2x.jpg?1711411913", "author": { "name": "Ivan Zviahin", "url": "https:\/\/ivanzviahin.by\/blog\/", "avatar": "https:\/\/ivanzviahin.by\/blog\/user\/userpic@2x.jpg?1711411913" }, "items": [ { "id": "144", "url": "https:\/\/ivanzviahin.by\/blog\/all\/modal-interface\/", "title": "Модальный интерфейс", "content_html": "

Мой отец как-то звонит мне со словами: «Вань, у меня айфон опять не работает, приложения не запускаются». Я прихожу к нему и вижу на экране вот это:<\/p>\n

\n\"\"\n
Только там все трясётся ещё<\/div>\n<\/div>\n

Проблема в том, что интерфейс вошёл в модальный режим, а мой отец этого не понимает.<\/p>\n

Или всем знакома ситуация, когда микроволновка не разогрела еду из-за режима «разморозки». Или машина, которая случайно поехала назад, передача задняя была включена:<\/p>\n

\n\"\"\n
Минск: с паркинга упал Mercedes ML Brabus, onliner.by<\/a><\/div>\n<\/div>\n

Интерфейс называется модальным если одно и то же действие может выполнять разные функции в зависимости от режима. Чаще всего модальный интерфейс — это плохо. Он приводит к ошибкам и разочарованиям. Но как не использовать такой интерфейс?<\/p>\n

В книге «Пользовательский интерфейс» Ильи Бирмана<\/a> я подсмотрел и вынес для себя два самых главных правила на мой взгляд: первый — стараться не использовать режимы, второй — использовать «квазирежимы». Теперь чуть подробнее об этом.<\/p>\n

Без режимов<\/h2>\n

Постарайтесь не использовать режимы, покажите действия сразу. Не всегда это возможно, но попробовать стоит. Например, если у вас есть список чего-то, то не стоит использовать модальный режим выбора. Попробуйте дать выбрать сразу.<\/p>\n

\n\"\"\n<\/div>\n

Или пример с видео и фото на iPhone. Люди частенько путают режим и случайно снимают на видео или наоборот из-за того, что кнопка одна, а режимов много. В книге Ильи есть пример, где сразу выведены две кнопки: для фото и для видео в одном экране. И кажется, что это лучше.<\/p>\n

Квазирежимы<\/h2>\n

Джеф Рас­кин назы­вает такое состо­я­ние интер­фейса, в кото­ром поль­зо­ва­тель его удер­жи­вает физи­че­ски. Ква­зи­ре­жим невоз­можно не заметить. Например, встроенный Google maps на сайте блокирует зум по скролу, чтобы небыло случайных зумов. Зум работает в квазирежиме с зажатой клавишей ⌘.<\/p>\n

\n\"\"\n
Cайт Crossfit Martell<\/a><\/div>\n<\/div>\n

Программа для видеозвонков Zoom включает ваш микрофон, если вы удерживаете SPACE. Или при вводе текста вы можете вводить заглавные буквы с зажатым SHIFT. А вот CAPS LOCK плохой пример модального интерфейса, он приводит к ошибкам и разочарованиям. Избегайте модальный интерфейс.<\/p>\n

\n

Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме<\/a> или RSS<\/a>.<\/p>\n", "date_published": "2020-05-31T08:45:23+00:00", "date_modified": "2021-05-22T13:09:15+00:00", "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/Screen-Shot-2020-05-30-at-16.06.31.jpg", "_date_published_rfc2822": "Sun, 31 May 2020 08:45:23 +0000", "_rss_guid_is_permalink": "false", "_rss_guid": "144", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/ivanzviahin.by\/blog\/pictures\/Screen-Shot-2020-05-30-at-16.06.31.jpg", "https:\/\/ivanzviahin.by\/blog\/pictures\/Screen-Shot-2020-05-02-at-18.55.01.png", "https:\/\/ivanzviahin.by\/blog\/pictures\/Screen-Shot-2020-05-30-at-16.43.24.jpg", "https:\/\/ivanzviahin.by\/blog\/pictures\/Screen-Shot-2020-05-30-at-17.28.23.png" ] } } ], "_e2_version": 3849, "_e2_ua_string": "E2 (v3849; Aegea)" }