Книгообзор: Голден Кришна. «Хороший интерфейс — невидимый интерфейс»

    Сегодня предлагаем обзор книги автора с чудесным именем Голден Кришна, одно время работавшего на должности ведущего дизайнера Samsung. Эта небольшая, на 250 страниц книга, вышедшая в 2016 году, стала бестселлером и рекомендуется не только дизайнерам, но и вообще инженерам, программистам и менеджерам. Я считаю ее особенно актуальной для разработчиков устройств Интернета вещей.

    Основная идея книги в том, что в последнее время в компьютерной индустрии стало преобладать когнитивное искажение: под интерфейсом понимают исключительно графический интерфейс (GUI). Все дизайнеры мира настолько застряли в парадигме «нужен экран, а на экране нужно приложение», что это стало вредить индустрии, в особенности в разработке устройств Интернета вещей — их тоже стремятся снабжать экранами, тогда как физические устройства обладают гораздо более богатым спектром возможностей взаимодействия.

    Какое же решение? Оно состоит в том, чтобы вернуться к истокам, к изначально правильным идеям, о которых задумывались еще в 80-е годы. Концепция Голден Кришны носит название NoUI, но это, конечно, скорее броский лозунг. Он не призывает отказаться от интерфейса вообще, но переосмыслить его в пользу более естественных, более минималистичных, более чистых и более осязаемых интерфейсов. После выхода книги многие компании начали принимать этот метод на вооружение, и таких устройств стало больше — я расскажу про это с картинками и примерами.

    Источник: Как развиваться Junior дизайнеру

    О книге и авторе


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

    Данная же книга — скорее свободные рассуждения и мысли автора, ее можно прочитать за пару вечеров. Сама книга устроена как фрактал, то есть она на уровне верстки и оформления старается следовать тем самым принципам простого и не нагружающего дизайна. Даже сама обложка уже выглядит говорящей. И кстати, обложка подчеркивает преемственность книги по отношению к вышеупомянутому «Интерфейсу» Алана Купера:

     
    Слева — обложка книги Голден Кришны, справа — обложка книги Алана Купера. Источник: Читай-город, Ozon

    Над чем работал Голден Кришна? Всю жизнь он так или иначе продвигает в жизнь идеи дизайна интерфейса без экрана.


    Источник фото: vc.ru

    В магазине одежды Zappos он занимался дизайном решения по замене штрих-кодов RFID-метками, чтобы ускорить обслуживание и уменьшить очереди у касс.

    Далее он работал в Samsung Design America. Его пригласили туда как раз из-за публикаций по теме NoUI. Большая часть его работ не разглашается, но известно, что был получен патент на Contextual Computing:

    Источник: патент

    В настоящий момент Голден Кришна работает в Google.

    Далее — пересказ нескольких основных тезисов из его книги.

    Тезис 1. Смешение UI и UX — фатальная ошибка


    Вы замечали, что в описаниях вакансий UI (User Interface) и UX (User Experience) часто идут через черту, как будто бы это один навык: UI/UX?



    А ведь изначально под ними понималось разное! 

    • UI — это про то, как нарисовать красивую формочку
    • UX — это про то, как выполнить потребность пользователя

    Или, если идти от навыков:

    • UI — это техника
    • UX — это психология и эргономика

    Фактически сейчас под UI/UX понимается просто специалист по UI, потому что компании стремятся экономить и не нанимать двух сотрудников, считая, что им достаточно и одного. Смешение этих двух дисциплин и перекос в сторону UI привел к тому, что нас окружают экраны с цифровым интерфейсом, а про пользовательский опыт думают в самую последнюю очередь.

    Тезис 2. Экранные интерфейсы: модно, не значит нужно


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

    Графический интерфейс не задумываясь вставляют куда угодно. К примеру, вот ленты Твиттера и Фейсбука выводятся прямо на приборную панель автомобиля, то есть рядом с показателями топлива, скорости и т.д. Голден Кришна спрашивает: насколько это безопасно для вождения?


    Источник: выступление Голден Кришны

    Стоп. А что, если без приложения вовсе? Без графического интерфейса как такового?

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

    Тезис 3. Лучший дизайн — тот, которого не видишь 


    Голден Кришна считает Марка Вайзера и его идеи великими. Был такой известный инженер в Xerox PARC, он предполагал, что со временем компьютер должен стать невидимым, раствориться в повседневности. Лучший дизайн — тот, которого не видишь. Когда компьютер встраивается в твою среду обитания, и не ты утруждаешь себя изучением новых привычек, а компьютер изучает твои, уже сложившиеся. Эта концепция получила название Ambient Computing.


    Примерно так представлял себе будущее Марк Вайзер. Источник — его статья

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

    Немного отрицательных примеров


    И вот индустрия пришла к тому, к чему пришла.

    Фен Chi Touch Handdryer 2 с экранным интерфейсом:


    Источник: Amazon

    Вендинговый аппарат Kraft Foods Diji Taste, где вместо того, чтобы наблюдать продукты за стеклом «живьем», вам предлагается сенсорный интерфейс и лишь изображения продуктов на экране


    Источник: Flickr

    Лондонские мусорки, которые вам показывают на экране тонну информации, включая прогноз погоды и курсы акций. Стоимость одной такой мусорки 47 000$. Сотню таких мусорок установили к Олимпийским играм 2012 года, ведь город с ними выглядит так инновационно: 


    Источник: Pinterest

    Тачскрин для заказов в ресторане. А в общем-то, что изменит наличие еще одного экрана, если все и так уже привыкли сидеть, уставившись каждый в свой телефон? Вице-президент Chili’s однажды сказал в интервью, что такие интерфейсы повышают продажи кофе и десертов, весело подмигивающих с экрана. Отличное нововведение для здоровой диеты!


    Источник: Gunaxin

    Не правда ли, все эти вещи кажутся какими-то дикими артефактами из киберпанковского фильма?

    Подобных примеров, где экран совершенно не нужен, и гораздо удобнее был бы традиционный интерфейс, вы и сами вспомните достаточно.

    Тезис 4. Наблюдение — Сенсорика — Адаптация


    Голден Кришна много внимания уделяет тому, как делать по-настоящему человечный и отвечающий именно потребностям пользователя интерфейс. У него даже есть такой емкий тезис: цель состоит в использовании компьютеров, а не обслуживании их. Другими словами, компьютеры должны перестать выдавать пользователям сообщения вроде таких: «Сообщение об ошибке: ваш пароль должен содержать минимум 18770 символов и не должен повторять ваши предыдущие 30689 паролей». Голден Кришна отмечает: «Мы обслуживаем компьютеры. Давайте перевернём эти отношения».

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

    Сейчас, с развитием технологий, подключаются большие данные, и это делает устройство еще легче в использовании, ведь оно подстраивается прямо под нас. Тут из примеров — камера SportVU, которая осуществляет трекинг здоровья баскетболистов NBA и помогает тренеру принять решение о своевременной замене игрока.


    Выглядит как компьютерная игра, но это реальное приложение для спортивной аналитики. Источник: SportTechie

    Или очень актуальный на нынешний момент девайс EarlySense, который крепится под матрас больничной кровати и передает данные о дыхании и двигательной активности пациента, постепенно изучая его индивидуальные особенности. 

    «Наблюдение — Сенсорика — Адаптация», так выглядят шаги по внедрению NoUI-парадигмы. 

    Немного положительных примеров


    Посмотрим, как можно взять и переработать неудачный дизайн так, чтобы сделать его ближе к человеку.

    Разблокировка двери автомобиля


    Допустим, для этого есть мобильное приложение. Голден Кришна посчитал, сколько действий нужно сделать пользователю, чтобы открыть электронный замок через телефон. Получилось 14 шагов! А представьте, что это делается на морозе, без перчаток?


    Источник: лекция The Best Interface Is No Interface

    А между тем альтернативное решение было разработано в Mercedes-Benz 10 лет назад компанией Siemens, оно такое: машина посылает низкочастотный радиосигнал, чтобы убедиться, что ключи от машины находятся где-то поблизости — и если всё в порядке, то дверь отпирается. То есть от вас не требуется никаких действий вообще. Причем, невозможно случайно захлопнуть ключи в машине: она может определять такие ситуации, и если ключи внутри, она просто не заблокирует дверь.

    Травмы головы в спорте


    Известно, что частые удары по голове в американский футбол приводят впоследствии к тяжелым заболеваниям у игроков. Этого могло бы не произойти, если бы они, получив сотрясение мозга, сразу же обращались к врачу. Для решения этой проблемы было придумано мобильное приложение CDC Heads Up! Что оно делает? По сути это брошюра с десятком кнопок и меню. Помогает выбрать подходящий шлем и показывает справочные сведения, что делать в случае травмы. Это лучше, чем ничего, конечно. 


    Источник: Arlington Kirk

    Но можно решить задачу и по-другому, как это сделали Reebok в своем решении Checklight: встроить сенсоры непосредственно в каску игрока (акселерометр и гироскоп), и присылать уведомления об ударах. Выходной сигнал дается наподобие светофора — красным, желтым или зеленым; красный сигнализирует о тяжелой травме головы. Тогда тренер может в реальном времени увидеть состояние игрока, и принять быстрое решение о его замене, чтобы не усугублять риск.


    Источник: MedGadgets

    Давление воздуха в шинах


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

    Можно требовать от водителя следить за этим, проверять шины. Продаются специальные датчики, которые следят за этим. Но у всех у нас ресурс внимания ограничен, и заставлять человека следить за еще одним параметром и выполнять дополнительные действия — гарантии никакой. Можно сделать и по-другому: можно поставить систему, которая подкачает шину сама, без вашего участия. Это вполне частая задача, встречающаяся в индустрии Интернета вещей. Из российских компаний, задачей интересовался КамАЗ, и на базе ВолГТУ — вуза-партнёра IT Академии Samsung — был изготовлен прототип такого устройства. Итак, мы имеем устройство, которое экономит наши деньги и внимание и вдобавок уменьшает вред планете.


    Устройство самонакачивающейся шины от Goodyear. Источник: USA.gov

    Перегрев салона машины на солнце


    Вообще у Голден Кришны очень много примеров из личного опыта. Он разбирает среди прочего такую проблему, как перегрев автомобиля на солнце. Допустим, вы оставили машину на солнцепеке и пошли в кино. Как сделать, чтобы машина проветрилась к тому моменту, как вы вернулись с сеанса?

    Самый прямолинейный вариант, который был реализован — это мобильное приложение для управления автомобилем. Там можно вручную дистанционно включить кондиционер. Но как вы это будете делать в кино — включая экран смартфона, мешать другим зрителям смотреть фильм? Да еще и надо не забыть это сделать незадолго до конца сеанса. Сплошные неудобства.


    Приложение Nissan Leaf. Источник: Nissan Leaf UK

    А дружественное к пользователю решение лежит на поверхности: снабдить машину датчиком температуры, и тогда при превышении порога кондиционер будет включаться сам! Такое решение предложила Mazda. Причем, оно еще и экологичное: система вентиляции питается от солнечной батареи, расположенной на крыше автомобиля. 


    Солнечная батарея на крыше Toyota Prius. Источник: Pinterest.

    Подводя итог


    Подход NoUI не сообщает нам ничего принципиально нового, но он помогает остановиться и задуматься: где мы находимся сейчас? Не стали ли мы заложниками сложившегося мышления? Можем ли мы сделать всё удобнее, проще, лаконичнее? Как будет лучше для пользователя? Для такой небольшой книги, это вполне хороший результат.

    Автор:
    Татьяна Волкова — Автор учебной программы трека по Интернету вещей «IT Академии Samsung», специалист по программам корпоративной социальной ответственности Исследовательского центра Samsung
    Samsung
    Компания

    Комментарии 11

      0

      Вот, кстати, мне не нравится, что в теслах огромная сенсорная панель, на которой почти всё управление. Я, конечно, не сидел за рулем теслы, но то, как это выглядит меня отталкивает. Даже больше. Я любитель покататься по бездорожью и всякие крутилки для включения полного привода категорически мне не нравятся. Только рычаги, только хардкор. Кстати, в этом плане молодцы Suzuki со своим Jimny. Когда-то они тоже перешли на крутилки, как у музыкального центра, для включения пониженной передачи и полного привода, но в модели 19 года снова вернулись к нормальной человеческой рукоятке.

        0
        У UI есть и другое направление, тоже весьма бесячее.

        От коллег-маркетологов. Когда расширенные возможности отменяются в пользу наиболее массово используемых.

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

        И прочие дисплейные интерфейсы в эту же сторону движутся.

        Ведь никому не может потребоваться точная, детальная настройка используемого инструмента.
          0
          Из российских компаний, задачей интересовался КамАЗ, и на базе ВолГТУ — вуза-партнёра IT Академии Samsung — был изготовлен прототип такого устройства.

          Как один из разработчиков этого устройства я был крайне удивлен увидеть здесь упоминание этого устройства.

            0

            И как оно накачивает? Как-то втягивает воздух всей поверхностью?

            +1
            Стоп. А что, если без приложения вовсе? Без графического интерфейса как такового?
            Приводить в качестве примера «приложений без графического интерфейса» датчики сбора телеметрии и простейшую «не обслуживаемую» автоматику из 3-х IF-ов — это как минимум странно. Почему никто не приводит пример, как сделать «без-интерфейсный» спидометр, банковский платёжный шлюз, ленту новостей? Да и все примеры «дружественных» приложений как-то упускают, что добавление автоматизации нифига не упростит интерфейс, т.к. автоматизацию тоже нужно натраивать.
              0
              спидометр, банковский платёжный шлюз, ленту новостей

              Потому что интерфейс — это способо сделать что-то.
              В случае спидометра и ленты — получить информацию. В этом случае графический интерфейс тупо лучше неграфических способов получить информацию (аудио, тактических).
              В случае платежных интерфейсов — повышпается цена ошибки, поэтому в шлюзах можно и нужно вводить как дополнительные интерфейсы не всегда обязательных задач, так и полный графический интерфейс всего процесса. Но и эта задача решается инженерно и организационно, те же гуглпей/эппл пей упростили этот интерфейс, но и они не имеют права убрать графику из интерфейса для всего, что касается денег.
              +1

              Примеры, на самом деле, так себе.


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



              В итоге тем, кто пытается защититься от этого, приходится городить какие-то дополнительные меры — или секретки в машине, или вытаскивать батарейки из ключа, или класть ключ в изолированный чехольчик, т.е. по сути выбрасывать базовую идею "машина открывается без дополнительных действий со стороны хозяина", однако все еще переплачивать за установленное в машину оборудование для этого.


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

                0
                В целом ваши замечания верны по сути. Но что тут важно? Он — дизайнер (а не инженер, не безопасник, и не экономист), и говорит сейчас только о дизайне. Разработкой продукта в целом должна заниматься команда, в которой будут и дизайнеры, и технические специалисты. В идеале инженеры должны указывать технические возможности/невозможности и работать в тесной связке с теми, кто разрабатывает UX продукта (привет Agile).
                0

                Интересно, он знаком с ТРИЗ?

                  +1
                  Особенная жесть начинается, когда интерфейс делает программист (или вообще инженер). Опенсорс болен этим синдромом почти поголовно.
                    0
                    Тезис 3. Лучший дизайн — тот, которого не видишь

                    Ещё слышал такое):
                    Идеальный интерфейс — это не кнопка «Сделать всё хорошо», идеальный интерфейс — это когда уже всё хорошо.

                    Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                    Самое читаемое