Сегодня предлагаем обзор книги автора с чудесным именем Голден Кришна, одно время работавшего на должности ведущего дизайнера Samsung. Эта небольшая, на 250 страниц книга, вышедшая в 2016 году, стала бестселлером и рекомендуется не только дизайнерам, но и вообще инженерам, программистам и менеджерам. Я считаю ее особенно актуальной для разработчиков устройств Интернета вещей.
Основная идея книги в том, что в последнее время в компьютерной индустрии стало преобладать когнитивное искажение: под интерфейсом понимают исключительно графический интерфейс (GUI). Все дизайнеры мира настолько застряли в парадигме «нужен экран, а на экране нужно приложение», что это стало вредить индустрии, в особенности в разработке устройств Интернета вещей — их тоже стремятся снабжать экранами, тогда как физические устройства обладают гораздо более богатым спектром возможностей взаимодействия.
Какое же решение? Оно состоит в том, чтобы вернуться к истокам, к изначально правильным идеям, о которых задумывались еще в 80-е годы. Концепция Голден Кришны носит название NoUI, но это, конечно, скорее броский лозунг. Он не призывает отказаться от интерфейса вообще, но переосмыслить его в пользу более естественных, более минималистичных, более чистых и более осязаемых интерфейсов. После выхода книги многие компании начали принимать этот метод на вооружение, и таких устройств стало больше — я расскажу про это с картинками и примерами.
Источник: Как развиваться Junior дизайнеру
Книга ни в коем случае не является полноценным учебником по интерфейсу. Сам автор не скрывает, что ориентировался на известный многостраничный труд Алана Купера «Интерфейс: основы проектирования взаимодействия», который за 20 лет уже стал классикой. Его и стоит читать в первую очередь, если вы хотите серьезно изучить эту область.
Данная же книга — скорее свободные рассуждения и мысли автора, ее можно прочитать за пару вечеров. Сама книга устроена как фрактал, то есть она на уровне верстки и оформления старается следовать тем самым принципам простого и не нагружающего дизайна. Даже сама обложка уже выглядит говорящей. И кстати, обложка подчеркивает преемственность книги по отношению к вышеупомянутому «Интерфейсу» Алана Купера:
Слева — обложка книги Голден Кришны, справа — обложка книги Алана Купера. Источник: Читай-город, Ozon
Над чем работал Голден Кришна? Всю жизнь он так или иначе продвигает в жизнь идеи дизайна интерфейса без экрана.
Источник фото: vc.ru
В магазине одежды Zappos он занимался дизайном решения по замене штрих-кодов RFID-метками, чтобы ускорить обслуживание и уменьшить очереди у касс.
Далее он работал в Samsung Design America. Его пригласили туда как раз из-за публикаций по теме NoUI. Большая часть его работ не разглашается, но известно, что был получен патент на Contextual Computing:
Источник: патент
В настоящий момент Голден Кришна работает в Google.
Далее — пересказ нескольких основных тезисов из его книги.
Вы замечали, что в описаниях вакансий UI (User Interface) и UX (User Experience) часто идут через черту, как будто бы это один навык: UI/UX?
А ведь изначально под ними понималось разное!
Или, если идти от навыков:
Фактически сейчас под UI/UX понимается просто специалист по UI, потому что компании стремятся экономить и не нанимать двух сотрудников, считая, что им достаточно и одного. Смешение этих двух дисциплин и перекос в сторону UI привел к тому, что нас окружают экраны с цифровым интерфейсом, а про пользовательский опыт думают в самую последнюю очередь.
С началом бума смартфонов стало правилом хорошего тона, что мобильное приложение должно быть для всего. Какой бы железный гаджет вы ни делали, у него должно быть мобильное приложение.
Графический интерфейс не задумываясь вставляют куда угодно. К примеру, вот ленты Твиттера и Фейсбука выводятся прямо на приборную панель автомобиля, то есть рядом с показателями топлива, скорости и т.д. Голден Кришна спрашивает: насколько это безопасно для вождения?
Источник: выступление Голден Кришны
Стоп. А что, если без приложения вовсе? Без графического интерфейса как такового?
Ведь мы говорим о физических устройствах. Почему бы им не взаимодействовать с нами более тактильным, более осязательным способам? Почему бы им не реагировать на окружающую среду, не стать адаптивными?
Голден Кришна считает Марка Вайзера и его идеи великими. Был такой известный инженер в Xerox PARC, он предполагал, что со временем компьютер должен стать невидимым, раствориться в повседневности. Лучший дизайн — тот, которого не видишь. Когда компьютер встраивается в твою среду обитания, и не ты утруждаешь себя изучением новых привычек, а компьютер изучает твои, уже сложившиеся. Эта концепция получила название Ambient Computing.
Примерно так представлял себе будущее Марк Вайзер. Источник — его статья
Марк Вайзер видел себе кабинет будущего как комнату, в которой каждая бумажная поверхность заменена экранчиками на основе «электронных чернил». Блокноты, записные книжки, липкие листочки — все то же самое, только с экранами. Вы пишете на них точно так же. Обмениваетесь с коллегами, ваши записи свободно путешествуют по этим электронным поверхностям.
И вот индустрия пришла к тому, к чему пришла.
Фен Chi Touch Handdryer 2 с экранным интерфейсом:
Источник: Amazon
Вендинговый аппарат Kraft Foods Diji Taste, где вместо того, чтобы наблюдать продукты за стеклом «живьем», вам предлагается сенсорный интерфейс и лишь изображения продуктов на экране
Источник: Flickr
Лондонские мусорки, которые вам показывают на экране тонну информации, включая прогноз погоды и курсы акций. Стоимость одной такой мусорки 47 000$. Сотню таких мусорок установили к Олимпийским играм 2012 года, ведь город с ними выглядит так инновационно:
Источник: Pinterest
Тачскрин для заказов в ресторане. А в общем-то, что изменит наличие еще одного экрана, если все и так уже привыкли сидеть, уставившись каждый в свой телефон? Вице-президент Chili’s однажды сказал в интервью, что такие интерфейсы повышают продажи кофе и десертов, весело подмигивающих с экрана. Отличное нововведение для здоровой диеты!
Источник: Gunaxin
Не правда ли, все эти вещи кажутся какими-то дикими артефактами из киберпанковского фильма?
Подобных примеров, где экран совершенно не нужен, и гораздо удобнее был бы традиционный интерфейс, вы и сами вспомните достаточно.
Голден Кришна много внимания уделяет тому, как делать по-настоящему человечный и отвечающий именно потребностям пользователя интерфейс. У него даже есть такой емкий тезис: цель состоит в использовании компьютеров, а не обслуживании их. Другими словами, компьютеры должны перестать выдавать пользователям сообщения вроде таких: «Сообщение об ошибке: ваш пароль должен содержать минимум 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
Основная идея книги в том, что в последнее время в компьютерной индустрии стало преобладать когнитивное искажение: под интерфейсом понимают исключительно графический интерфейс (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
