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

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

• В веб-почте

  В порядке эксперимента я тренировал дизайнеров популярной веб-почты решать задачи. Менеджер дал дизайнеру задачу: «Если отправитель письма ошибся адресом, его письмо похоже на спам или в случае технических проблем с доставкой письма, сервер адресата возвращает письмо с ошибкой — „отлуп“. Отлуп выглядит как простыня нечитаемого технического текста с заголовком Undelivered Mail Returned to Sender, причём чтобы обычному человеку понять, какое именно письмо не доставлено, нужно прокрутить вниз и вчитаться в поток технических атрибутов и статусов. Иногда получается найти адрес „кому“, а иногда — даже текст письма целиком. Наши программисты научились анализировать текст отлупов, связывать его с исходным письмом и могут представить его в человечном виде. Твоя задача — найти в интерфейсе веб-почты лучшее место и формат для отображения отлупа».

• Дизайнер пришёл ко мне с этой задачей и уже новыми «дизайнами» — нестандартным сообщением об ошибке и специальным дополнительным экраном. Даже интуитивно казалось, что ради частного случая создаются какие-то новые конструкции, вносится разнобой в интерфейс. Такой дизайн не соблюдает принцип «бесплатности». Я увидел решение сразу, но гораздо ценнее, чтобы дизайнер последовательно пришёл к нему сам. Я задал ему несколько вопросов:
• — Когда приходит отлуп, что самое важное на свете, что должен понять отправитель?
• — Что его письмо не доставлено.
• — Но ведь человек мог отправить несколько писем сразу. Какое именно письмо? Как это понять?
• — По адресату и теме письма.
• — Где обычно сконцентрировано внимание пользователя почты?
• — На новых письмах в списке «входящих».
• — Итак, как выглядит идеальный «отлуп», если отправителю важно увидеть отправителя и тему неудачного письма, а новые сообщения он ждёт в списке «входящих»?
• — Как само отправленное письмо?!

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

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

Решением проблемы недоставленного письма оказалось само недоставленное письмо. Идеальный отлуп — которого нет, но функция его выполняется. Кажется, дизайнер сам испугался простоты своего решения и не понёс его менеджеру.

Найти изобретательное решение помогает сужение не только проблемной зоны, но и временного промежутка.

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

Другой пример разделения во времени — из авиации. Противоречие: самолёту нужны шасси для взлёта и посадки, но они мешают летать. Время полезного процесса — полёт. Решение — убирать шасси на время полёта:

При взлёте и посадке

В полёте

Каноническая задача — перекрёсток. Противоречие в том, что пересекающиеся потоки должны двигаться и не должны мешать друг другу. Рабочая зона — собственно область пересечения, перекрёсток. Рабочее время — время движения каждого из потоков. Решение — в разделении потоков во времени или в пространстве:

Во времени

В пространстве

Ещё несколько автодорожных примеров:

При знакомстве пользователя с новым продуктом или его новыми возможностями часто возникает задача указать на незнакомые элементы интерфейса и рассказать об их работе. Часто это решается разнообразными «пузырями» с надписями и стрелками:

Подсказки расшалились

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

Чтобы разрешить пространственное противоречие, ограничим время. Пусть «пузырь» будет максимального размера, когда в поле зрения появляется новый элемент и пусть «пузырь» пропадает, когда пользователь прокручивает дальше. Именно так «Тумблер» объясняет интерфейс своей ленты:

Подсказка под контролем

Здесь пространственное противоречие разрешено за счёт разделения во времени. Но обратите внимание, что здесь пользователь сам решает, сколько ему нужно времени, чтобы изучить элемент. Если бы подсказка исчезала по таймауту, обязательно нашлись бы люди, для которых этого времени слишком мало или слишком много.

Поэтому особенно ценны все приёмы разделения времени, помогающие перейти от «среднего арифметического» к точно отмеренному. Вспомните пример всплывающих подменю Брюса Тогнаццини — проблема решена за счёт буквального описания треугольной рабочей зоны подменю.

Светофор, управляемый кнопкой, переключается только тогда, когда это кому-нибудь нужно:

Ещё лучше, если человеку не приходится специально сообщать о себе и своих намерениях. Целый класс задач решается так называемым «писсуарным датчиком»: открывание дверей, включение света в подъезде и воды в кране (оставим пока в стороне низкую эффективность самих датчиков). Рано или поздно датчики движения будут внедрены в информационные дисплеи в общественных местах, чтобы завершать клиентскую сессию не по таймауту, а когда пользователь покинет рабочую зону.

Из описания билетного киоска ОСМП:

• В общественном месте

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

Под конец хочу предложить уважаемым советчикам задачу из детской книги Г. Альтшуллера «И тут появился изобретатель». Если вы представите себе или нарисуете рабочую зону, то мгновенно её решите. Чертёж рабочей зоны будет фактически представлять собой чертёж решения:

• Из триза

  Если вы читали «Бегущую по волнам» Александра Грина, то, конечно, помните замечательный памятник на площади в Гель-Гью. Так вот, нашёлся молодой скульптор, решивший создать точно такой памятник. «Бегущая» удалась ему — лёгкая, стремительная, таинственная… Под её ногами скульптор решил положить ровную плиту из лазурита — природного сине-белого камня, удивительно похожего по цвету на вспененное море. В мастерскую доставили пятьдесят крупных камней. Чтобы придать каждому камню форму куба, применили самый быстрый способ: поверхность камня выравнивали с помощью горелки. Острые языки огня оплавляли камень, срезали неровности, сглаживали поверхность. И всё-таки работа шла очень медленно. Приходилось то и дело отводить горелку и проверять поверхность: горизонтальна ли она, нет ли у ней наклона, изгиба? Работу часто прекращали ещё и потому, что опасались, как бы лазурит не перегрелся и не треснул…

  Скульптор волновался: приближался юбилей Грина, а «Бегущая» ещё не установлена на площади… И вот однажды дочь скульптора (она училась в пятом классе) предложила очень простой способ, позволяющий в десять раз ускорить огненное выравнивание камня. Обработка лазурита пошла быстро — без пауз и перерывов. Интересно, догадаетесь ли вы, что предложила девочка?

P. S. Это был понедельничный совет о решении дизайнерских задач. Хотите знать всё о полезном действии, разрешении противоречий, работоспособных системах, законах, приёмах и формулах? Присылайте вопросы.