Як вирішувати дизайнерські завдання

Колись я відчув, а тепер знаю точно, що дизайн - не набір розрізнених умінь, хитрощів і Лайфхак, а цілісний послідовний світ, гідний всебічного вивчення.

Я працюю над різними проектами: інтерфейсами, візуалізацією даних, навігацією в громадських місцях, періодичними виданнями, фірмовими стилями, ілюстраціями і шрифтами.

Кожна з цих областей відкрила для мене особливі знання, які я не міг би почерпнути більше ніде. Достойно присвятити себе чомусь одному. Всі знають зірок - графдізайнеров, ілюстраторів, шрифтарів, визуализаторов і Пола Мейксенара. Життя може не вистачити, щоб зрозуміти і освоїти навіть якесь одне дизайнерське ремесло.

Але мені було б дуже шкода залишитися в одній ніші. Причина в тому, що в різних видах дизайну я помічаю загальні ходи, принципи і закономірності. Дизайнерам нерідко вдається перенести прийоми з однієї області в іншу і отримати щось нове. Але дизайнери роками збирають і зберігають в секреті ці прийоми, як середньовічні ремісники. Це заважає побачити за окремими секретами загальну картину - а мене надихає саме вона.

Деякі вважають, що дизайн - це область вродженого таланту і натхнення. Я вважаю, що все навпаки, і мрія мого життя - допомогти перетворити дизайн з ремесла в дисципліну вирішення завдань, якій можна навчитися і навчити.

Протягом декількох років я колекціонував, зіставляв і формалізував знання, закони, прийоми, приклади та ідеї рішень дизайнерських завдань. Згодом в бюро сформувалася ідеологія працездатного дизайну, що об'єднує наші дисципліни: інтерфейси, верстку, редактуру, переговори і управління. Школа стажистів дає цільну картину і показує, як пов'язані окремі поняття.

Але пора підійти до головного: розповіді про універсальні принципи працездатного дизайну. З сьогоднішнього дня по понеділках раз в два тижні будуть виходити поради про рішення дизайнерських завдань - від кнопочки до працездатного стартапу. Почасти це будуть поради-лекції. як в минулому році по типографике і верстці, частково - відповіді на ваші питання про складні дизайнерських випадках. По інших понеділках будуть поради на інші теми в штатному режимі.

Сьогодні поговоримо про максимізації корисної дії.

Одного разу я їхав в ліфті з клієнтом - професором, і він поділився смішною історією. Він працював з помічниками над схемою, яка виходила занадто громіздкою і ніяк не вміщалася на одному аркуші. І так покрутили, і сяк пересунули - не лізе, і все тут. Зламали голову, поки один з колег, що проходять повз, не сказав: «Візьміть листочок побільше».

Професор був убитий - нічого не заважало змінити формат паперу, а він витратив стільки часу на боротьбу з блоками і стрілочками:

Якась інша схема з інтернету

Корисну дію системи - це заради чого вона існує. Корисну дію продукту - це за що люди готові платити гроші.

Перший універсальний закон дизайну - максимізація корисної дії. Незалежно від особистих цілей підприємців, устремлінь інженерів і амбіцій дизайнерів, системи рухаються в бік підвищення користі для інших людей. Чи не пощастить одному продукту - з'явиться інший, більш корисний і затребуваний. Прогрес веде до максимізації корисної дії.

Закон очевидний на прикладі телевізорів. Корисну дію телевізора - трансляція зображення. Загальна площа передньої панелі першого «Телевізора» (саме так називався цей продукт з власною емблемою) не сильно відрізняється від площі середнього сучасного телевізора. Але у першого телевізора екран займає близько 5% площі, а у сучасного - наближається до 100%:

Навіщо дизайнеру знати цей закон, якщо прогрес сам розставить все на свої місця? А потім, що якщо цілеспрямовано застосувати принцип максимізації, то з'явиться шанс раніше за інших зробити більш затребуваний продукт.

Вам коли-небудь вдавалося висушити руки в громадському туалеті сушаркою з обдувом? Цей прилад - дивовижна профанація: власники туалетів вдають, що дають відвідувачам спосіб висушити руки, а відвідувачі роблять вигляд, що сушать їх. Ці сушарки марні - вони обдувають занадто слабо і на недостатню площі, якої не вистачає навіть на одну руку.

Мабуть, промдізайнеру Джеймсу Дайсон висушити руки теж не вдавалося, але він не став підтримувати профанацію і винайшов сушилку, яка дійсно сушить. Благо, на той час у нього вже був хороший досвід з пилососом без фільтрів (і взагалі у нього все добре):

Звичайна сушарка (не сушить)

Корисну дію сушарки Дайсона максимізувало: струменя повітря рухаються зі швидкістю 700 км / год, а конструкція дозволяє сушити обидві руки одночасно.

Кому тепер захочеться возюкать мокрими руками під звичайною сушаркою?

Раз вже ми почали туалетну тему, прекрасний приклад максимізації корисної дії - паперовий рулон. П'ятдесят чотири метри корисної дії - хоч все відмотати:

Проривні винаходи - це не рутина. Але принцип максимізації корисної дії можна застосувати і в повсякденній практиці дизайнера.

У Токіо працює система оплати проїзду на громадському транспорті «Пасмо». Пасажири поповнюють баланс єдиної транспортної карти, яку використовують для проходу через контрольні турнікети. Карту прикладають до зчитувача, з неї списуються кошти і на екрані відображається один з трьох відповідей: «проходите», «проходите, але баланс близький до нуля» і «недостатньо коштів»:

Перший екран з відповіддю «проходите» і з зеленою стрілкою нічим не примітний. На третьому екрані «недостатньо коштів» показана маленька червона іконка заборони проходу - цього достатньо, тому що дверцята турнікета і так залишаться закриті. А ось другий екран з попередженням різко відрізняється і залитий жовтим кольором по максимальній площі. Ієрогліфи і сума балансу на екрані попередження більші, ніж зазвичай. Людини помітно попередили і нагадали йому поповнити кошти - це приклад максимізації корисної дії екрану.

На першому айФоні був винайдений знаменитий елемент управління, за яким потрібно було провести пальцем для розблокування екрану. У сьомій версії системи Ай ОС зовні елемент залишився на своєму місці, однак провести пальцем тепер можна в будь-якій частині екрану - кордони і тут корисно розширені:

Якщо менеджер просить дизайнера виділити в історії операцій надходження кольоровий іконкою, дизайнер, знайомий з принципом максимізації, запропонує пофарбувати весь рядок: