https://ivanzviahin.by/blog/tags/kvazirezhim/ It is my diary. I’m ivan zviahin, an designer, manager, car enthusiast. Ivan Zviahin en E2 (v3849; Aegea) Ivan Zviahin ivanzviahin@gmail.com It is my diary. I’m ivan zviahin, an designer, manager, car enthusiast. no 144 https://ivanzviahin.by/blog/all/modal-interface/ Sun, 31 May 2020 08:45:23 +0000 Ivan Zviahin https://ivanzviahin.by/blog/all/modal-interface/ <p>Мой отец как-то звонит мне со словами: «Вань, у меня айфон опять не работает, приложения не запускаются». Я прихожу к нему и вижу на экране вот это:</p> <div class="e2-text-picture"> <img src="https://ivanzviahin.by/blog/pictures/Screen-Shot-2020-05-30-at-16.06.31.jpg" width="2188" height="1546" alt="" /> <div class="e2-text-caption">Только там все трясётся ещё</div> </div> <p>Проблема в том, что интерфейс вошёл в модальный режим, а мой отец этого не понимает.</p> <p>Или всем знакома ситуация, когда микроволновка не разогрела еду из-за режима «разморозки». Или машина, которая случайно поехала назад, передача задняя была включена:</p> <div class="e2-text-picture"> <img src="https://ivanzviahin.by/blog/pictures/Screen-Shot-2020-05-02-at-18.55.01.png" width="1632" height="952" alt="" /> <div class="e2-text-caption"><a href="https://auto.onliner.by/2011/05/05/dtp-583">Минск: с паркинга упал Mercedes ML Brabus, onliner.by</a></div> </div> <p>Интерфейс называется модальным если одно и то же действие может выполнять разные функции в зависимости от режима. Чаще всего модальный интерфейс — это плохо. Он приводит к ошибкам и разочарованиям. Но как не использовать такой интерфейс?</p> <p>В книге <a href="https://bureau.ru/projects/book-ui/">«Пользовательский интерфейс» Ильи Бирмана</a> я подсмотрел и вынес для себя два самых главных правила на мой взгляд: первый — стараться не использовать режимы, второй — использовать «квазирежимы». Теперь чуть подробнее об этом.</p> <h2>Без режимов</h2> <p>Постарайтесь не использовать режимы, покажите действия сразу. Не всегда это возможно, но попробовать стоит. Например, если у вас есть список чего-то, то не стоит использовать модальный режим выбора. Попробуйте дать выбрать сразу.</p> <div class="e2-text-picture"> <img src="https://ivanzviahin.by/blog/pictures/Screen-Shot-2020-05-30-at-16.43.24.jpg" width="2260" height="1246" alt="" /> </div> <p>Или пример с видео и фото на iPhone. Люди частенько путают режим и случайно снимают на видео или наоборот из-за того, что кнопка одна, а режимов много. В книге Ильи есть пример, где сразу выведены две кнопки: для фото и для видео в одном экране. И кажется, что это лучше.</p> <h2>Квазирежимы</h2> <p>Джеф Рас­кин назы­вает такое состо­я­ние интер­фейса, в кото­ром поль­зо­ва­тель его удер­жи­вает физи­че­ски. Ква­зи­ре­жим невоз­можно не заметить. Например, встроенный Google maps на сайте блокирует зум по скролу, чтобы небыло случайных зумов. Зум работает в квазирежиме с зажатой клавишей ⌘.</p> <div class="e2-text-picture"> <img src="https://ivanzviahin.by/blog/pictures/Screen-Shot-2020-05-30-at-17.28.23.png" width="1846" height="1116" alt="" /> <div class="e2-text-caption"><a href="https://ivanzviahin.by/blog/all/crossfit-martell/">Cайт Crossfit Martell</a></div> </div> <p>Программа для видеозвонков Zoom включает ваш микрофон, если вы удерживаете SPACE. Или при вводе текста вы можете вводить заглавные буквы с зажатым SHIFT. А вот CAPS LOCK плохой пример модального интерфейса, он приводит к ошибкам и разочарованиям. Избегайте модальный интерфейс.</p> <hr /> <p>Чтобы не пропустить новую заметку — подпишитесь на мой <a href="https://t.me/ivanzviahin">канал в Телеграме</a> или <a href="http://ivanzviahin.by/blog/rss/">RSS</a>.</p>