Записи с меткой {дизайн}

Про толерантность к интерфейсам


Эссе с применением интерфейсного антипаттерна «многабукв».

Часто слышу, что, мол, опять в новой версии макоси (винды, андроида…) не появилось ничегошеньки нового. История эта, в общем-то, очень простая.

Основной функционал везде давно и неплохо вылизан, а отдельные  улучшения заметны не всем. Периферия тоже уже много лет принципиально не меняется: те же самые экран, клавиатура, тачпад, тачскрин, микрофон, динамик, камера, блютусы-шмутусы… Не случилось с нами 3D-, VR-, AR- и прочих двухбуквенных революций.

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

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

В досмартфонные времена людей реально запаривало «меню» их телефона. Как выглядит, как управляется, порядок пунктов. Купить себе сони вместо привычного самсунга было как переехать в новую квартиру: все непривычное, все не на своем месте. Бесит.

В 2007 Джобс выпустил мега-успешный смартфон, у которого была всего 1 кнопка вместо обычных 17…19. Это казалось настолько безумным и невозможным, что весь мир трясло целый год от осознания этого факта.

Десять лет спустя, в 2017, Кук выпустил смартфон вообще без единой кнопки спереди. Но в тот момент всем было уже строго пофиг.

Сегодня банально нет смысла обсуждать тонкости UI нового айфона или андроида. Потому что в течение дня придется выполнить действия с микроволновкой, билетным терминалом, автомагнитолой, банкоматом, вендоматом, паркоматом, десятком приложений (каждое — со своим неповторимым UI), двумя-тремя интернет-магазинами, пятью мессенджерами. И каждый новый день добавит в этот список еще один новый неповторимый интерфейс.

Квадратное, овальное или со скругленными углами, плоское или скевоморфное, светлая тема или темная тема, микро-анимации и микро-взаимодействия, тачи и свайпы, Робото или Проксима Нова, нейтив или кит, матириал или шматириал… …Да блинский ёж! Делайте что хотите и как хотите! Мы уже давно привыкли к интерфейсному зоопарку, мы привыкли быстро разбираться во всех «коммуникационных парадигмах», «визуальных языках» и «дизайн-системах».

UX-мышца современной домохозяйки раскачана в два раза ширше, чем бицуха Хабиба. Она (домохозяйка, в смысле) моментально осваивает новые жесты, новый цвет иконок и уже через секунду переключается на следующий интерфейс. Все UI-обновки для нее как смена времен года за окном. Похолодало — доставай пальто.

Никто больше не напишет «дуров верни стену». Редко кто просит дизайнера подвинуть логотип на пару пикселей правее. Типичный житель типичного большого города совершенно толерантен к любому look&feel. Даже сайтом Craigslist — классической страшилкой нулевых — фиг теперь кого напугаешь.

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

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

Самый конверсионный интерфейс, как мы знаем — это отсутствие интерфейса.

Темная тема

Вчера Apple выкатила на широкую публику новую macOS 10.14 Mojave. Одно из заметных нововведений — опциональная темная тема интерфейса. Я честно просидел на ней сутки, после чего вернулся обратно на светлую.

Историческая справка

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

Так было распространено вплоть до начала 90-х. Мой первый компьютер был с черно-оранжевым монитором, а текстовые и даже графические редакторы имели по-умолчанию черную канву.

Hercules Monitor

Параллельно с этим с начала 1970-х ребята из лаборатории Xerox PARC пытались реализовать более гуманистический подход к интерфейсу с понятной всем метафорой из окружающего мира: черные буквы на белой бумаге — идейный прообраз Material Design.

В 1973 году вышел компьютер Xerox Alto: первый ПК со светлой темой.

А в 1984 — знаменитый Apple Macintosh, который и познакомил широкую публику с «белым» графическим интерфейсом, немалую часть которого ребята из Купертино «позаимствовали» прямиком у Ксерокса.

С середины 90-х стали массовыми ПК с Windows, которая унаследовала те же интерфейсные подходы Apple и Xerox: черные буквы на светлом фоне.

Возвращение темного

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

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

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

Темная сторона macOS

Я не выдержал темную тему новой макоси больше дня. При том, что все IDE и ряд других программ у меня с темной темой. Но у Apple пока, к сожалению, не получилось так же красиво и комфортно, как у разработчиков IDE.

Сложность в том, что недостаточно светлое сделать темным, а темное светлым, чтобы получить хорошую Dark Theme. Черный котик — это вовсе не инверсия белого: наше зрение и восприятие работает очень субъективно.

Inverted Cat

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

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

Для сравнения: слева — окно файндера. Справа — тот же самый список файлов в окне современной IDE. Заметно, насколько список справа ровнее и сдержаннее и насколько он пестрее слева.

macOS Mojave Dark Theme

На последнем фото — пример идеального «темного» интерфейса: потолочная панель Airbus A320.

A320 Overhead Panel

День выборов

День выборов в Москве удивительным образом похож на большой мусульманский праздник где-нибудь в Йемене. Там тоже с утра пораньше с каждого минарета надрывются матюгальники о чем-то важном.

* * *

В 2009–2011 годах Паратайп выпустил серию из 3 общедоступных национальных гарнитур для всех титульных языков России: ПТ Санс, ПТ Сериф и ПТ Моно (Владимир Ефимов, Александра Королькова и другие).

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

Какого четра в 2018 году избирательный бюллетень набран коммерческим Таймсом?

Спросонья попытался запустить фотошоп из омнибара сафари.

Даже удивился, когда не сработало. Ну правда ведь: нафига вызывать отдельно спотлайт, если окно браузера и так всегда открыто и под рукой?

Накопилось

Всякая шняга накопившаяся в телефоне.

Испания

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

Рекламируются разные конторы, но все объявления выполнены в едином стиле и одинаковом формате: наклейка 57х38 мм. Т.е. кто-то когда-то так придумал, а остальные подхватили.

Магазины мужской одежды. Не монобрендовый бутик где-то в торговом центре, а просто магазин мужской одежды на улице. У нас такого кажется уже и нет и толком никогда не было. Разница культур.

Ценник на входе в крепость Санта-Барбара в Аликанте. Чтоб наши танцевальные промоутеры так наглядно свои предложения формулировали.

Ночной белоснежный мусоровоз в Аликанте. Работа полностью автоматизирована, примерно 40 секунд на каждый бак.

В Аликанте пока не обзавелись подземными мусоросборниками, поэтому по городу стоят обычные мусорные баки. Не на задних дворах, не в специальных загонах, а просто припаркованы вдоль улиц, как тележки с мороженым по 3-4 штуки. Каким-то образом вокруг них нет ни помоечной вони, ни характерного неряшливого бомжизма и сами баки снаружи чистенькие (сравните в своем дворе). А мусоровоз натурально белоснежный.

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

Рига–Варшава

Правительственный борт Словакии на перроне Шрм. Символ советского авиапрома Ту-154 сейчас не часто можно увидеть при деле. Борт был заказан в начале 90-х еще при Чехословакии и Вацлаве Гавеле. Летает пока.

Варшава, зона прилета. Стандартное евро-мозгоебство.

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

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

Рига. Какая-то промо-наклейка на урне в Старом городе. Пикантность ситуации в том, что в Риге русский знают и понимают процентов 70% населения, а примерно для каждого пятого это основной язык общения. Т.е. обсценную часть великого и могучего понимают примерно все.

Как они там вообще уживаются с двумя непохожими языками — загадка.

Уличныый музыкант играет тему из «Неуловимых мстителей» и другое попурри. В Ригу хочется вернуться снова. В Варшаву — не очень.

Москва

На вопрос про электрическую схему в московском метро не ответил никто. Декор на станции Арбатская, АПЛ. Изображен, судя по всему, детекторный приемник, но в его работоспособности возникают серьезные сомнения. Впрочем, судя по тому, как вычерчена схема, архитектора этот момент не особенно волновал.

А кто в Москве не бывал, тот чудес не видал! Так и живем.