uxksenia: заметки о юиксе
2.05K subscribers
332 photos
23 videos
136 links
Наблюдения о заботе и пользе от дизайн-директора Госуслуг 💜
Для связи: @uxksenia
Download Telegram
Это не шутки: поезда-маршрутки

Моя супер-способность — быстро генерить всратые стишки 🤭 А теперь к делу:

В путешествиях мне нравится исследовать, как всё устроено. Вот, например, метро.


Привычность

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


Токийские странности

В метро Токио нет единства: много веток, маршрутов и владельцев. Примерно, как у челябинских маршруток))

На одной станции проходят десятки разных маршрутов. Сесть в первый попавшийся поезд не выйдет. Нужно понимать, куда он следует. Хорошо подойдёт аналогия с трамваями.

Если мне на Акихабару, то до неё доедет быстро номер С19, котрый, правда, ходит нечасто, или номер 22, котрый частый, но идёт окольными путями.


Стамбульская жесть

Сначала эта токийская система кажется дичью: почему поезда метро ведут себя как маршрутки?! Я просто хочу сесть и поехать по своей ветке. Учёт расписания и отслеживание табло приезда противоречит идее метро...

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

Это 2,5 часа пути, примерно 15 тысяч шагов и 2 очень потные подмышки. Тяжело и изматывающе. Понимаю, что не все перемещения людей реально предусмотреть. Но вот я уже проклинаю этот город с его традиционным подходом к метро.


Всё таки в Токио норм


В Японии я села на своей маленькой нецентральной станции на нужный мне номер поезда и оказалась в аэропорту. По ходу движения поезд сменил пять веток, а на одну даже перевозвращался.

Боюсь представить, что бы меня ждало, если б в городе была традиционная система метро.


Непривычно — иногда круто

Мораль в том, что не все мировые и масштабные решения безоговорочно хороши. И не всё то, что заложено в наших ментальных моделях, действительно канонично удобно. Привычно — да. Эффективно — не всегда.

#недиджитал_юикс
Разбирательство в размерах

У меня тут опять пример про магазины, но это применимо везде, где встречается обозначение места в диапазоне: там, где вы хотите сказать что-то про размер или масштаб в сравнении с другими аналогами линейке


Как обычно

Вот передо мной спецпредложение на буррито размера XXL. А какие есть ещё? Есть ли XL? А самый маленький XS и он прям в разы меньше?

А вот я выбираю премиум-тариф для парка развлечений и думаю, что он лучше обычного. Но при оплате, оказывается, что есть ещё премиум-плюс и премиум-плюс-голд.


Как удобно

Круто сразу видеть диапазон всех вариантов и понимать, где на нём находится то, что передо мной.

Зацените эту вывеску магазина 👆 Я сразу вижу, что он больше других, но всё ещё не самый огромный. И никаких вам «гипер», «супер», «мини», «у дома», «экстра» и «экспресс».

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

#недиджитал_юикс
Уместная милота

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


Взрослая шкодность

Но вот есть ситуации, где уместны милота и хулиганство.

По умолчанию это, конечно, коммуникации, где присутствуют дети. Но вот вам пример с печатью. И, согласитесь: справки, направления и рецепты, в первую очередь, читают родители.


И зачем?

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

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


#недиджитал_юикс
Не просто наклеечка

Запомните мои слова: если я однажды прикончу кого-то, то это точно будет потому, что меня разбудили, когда очень хотелось спать.


Самолётный сон

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

И, согласитесь, когда всё же удаётся залипнуть, меньше всего хочется, чтоб будили.


Самолётные будители

Неаккуратных соседей, нетерпеливых сикальщиков и назойливые призывы опустить открыть шторку, придётся терпеть, пока не накопишь на собственный джет.

Но вот расталкивания, чтоб принудительно меня накормить, прям бесят. Хотя не меньше бесит, когда не будят, а потом тебе проснувшемуся и голодному говорят, что обслуживание по питанию уже завершено(


Ненавязчивая забота

Задетекчена в длинном перелёте на Air China.

Уважаемым китайцам очевидно, что в большом полёте будет много сонек.

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

Они помогают коллегам идентифицировать проснувшихся голодаек. А самим пассажирам понять, что еда обошла их пищеприёмник, но попросить её, нажав кнопку, вовсе не зазорно.

Такое простое и дешёвое решение. И почему почти никто не переймёт такой опыт?

#недиджитал_юикс
Что дарить юиксеру

«У меня для тебя UX-подарочек», — объявила на днях подруга, вернувшаяся из отпуска, и протянула наклеечку. Говорит: «как увидела, сразу для тебя прикарманила».

Безумно такое нравится: мне постоянно тащут, шлют фотки и пишут сообщения про прикольные UX-находки.

Покажу вам, собственно, что там был за подарочек в этот раз)


Заботливые наклеечки

Неделю назад я писала пост про заботушку в Air China. Там стюардессы не будили людей в длинном перелёте, когда проходили с едой, а просто клеили на кресло перед глазами наклеечку: мол, захотите есть — дайте знать.


Расширенная идея

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

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

Крутотень же?


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

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

Фразы на всех языках хорошо бы разместить в одном блоке, а ещё не верстать «шашлыком» с выключкой по центру.

Заливку иконок надо бы было сделать везде или совсем нигде...

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

#недиджитал_юикс
Управление впечатлениями

Впечатления — это тот самый X из UX. По сути, вся наша работа сводится к тому, чтобы человек после взаимодействия остался доволен.


Превосхождение ожиданий

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

Зато в обратную сторону работает и непривычно хорошее.


Зачем это нужно

Если выйдет не просто удивить, а действительно сделать то, на что человек даже не рассчитывал, получится настолько сместить акцент, что можно даже отвлечь пользователя от серьёзных недостатков.


Пример из жизни

Такси приезжает вовремя и быстро. Внутри чисто и не пахнет. Водитель вежлив. Ведёт аккуратно. Знает город. Это хорошо. Очень хорошо, но уже привычно. И если мне нагрубят или тачку придётся ждать 20 минут, 1 звезды в оценке и моего праведного гнева не миновать)


Приятные неожиданности

Негромкая музыка — тоже привычность. Но вот то, что таксист даст свою мобилу с Яндекс Музыкой, подключенной к колонкам тачки, и скажет: «Давайте по очереди включать любимые песни» — это неожиданно.

Ещё более неожиданно, действительно, всю дорогу включать треки и громко им подпевать под восторги водителя.

И максимальный шок — слушать, как водитель в свою очередь выбора музыки врубает свою минусовку и начинает читать собственный реп))


Что с того

Чел помимо хорошего настроения получает 5 звезд, восторги и чаевые. Я запоминаю этот опыт как одну из лучших поездок в такси.

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

Нет, все эти штуки в моей памяти вытеснит то, как я орала под Ляписа «мой пиар-менеджер — Карл Маркс», подруга смеялась, а водитель восторгался выбором)

Конечно, если бы в салоне было +40 или мы бы попали в аварию, от счастья не осталось бы и следа, но небольшие неприятности классным управлением впечатлениями поправить можно как нефиг.

#недиджитал_юикс
Загадка пропавших сидений

Заходишь в самолёт и видишь, что в обозначении мест справа буквы только A и C, без B.

А слева у окна L и ещё J, а пропущеной по алфавиту K и не пахнет 👀

И ведь самолёт немаленький, три ряда. У окон — по два места, в центре — четыре.

Ну, знаете, обычно места три по три ряда: 3-3-3, а тут 2-4-2. Но, почему буквы-то AC-DEFH-JL? Почему не AB-CDEF-GH?

И этого Боинг 767, кстати. То есть, не какой-то странный баг локальной авиации.


Есть идеи?

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


Отгадка

Хотя, знаете, это, на самом деле, загадка для бедных)) Ну, то есть, такой она была и для меня.

Потому что те, кто летают в бизнес-классе часто, замечают, что в их бохатой рассадке 2+2 буквы тоже AC и DF, без B и Е. Не везде, кстати. Но нередко.

Это банально привычно для тех, кто летает частенько: места A и F в двухрядной рассадке всегда у окон. C и D — у прохода.



Старые добрые ментальные модели

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

Тут такой приём применён не к бизнес-классу, а ваще ко всему самолёту с не самой привычной рассадкой.


Ещё и потерянные цифры

Кстати, в нём же сразу после 17 ряда идёт не 18, а 31. Это, говорят, ещё и для того, чтобы пассажиры могли занять одинаковые места в разных самолётах на стыковочных рейсах или при замене борта на другой.


Рассадка

Прикиньте, какая забота: сделать странную, но, по сути, универсальную рассадку, чтобы народ не тупил.

Хотя, блин, мне кажется, народ может из-за такого ещё сильнее тупить 🫣

И, да, вам чё реально выдавали одинаковые места на стыковочных рейсах? Мне никогда так не попадалось. Хотя так, конечно, «по юиксу». Как и ассоциирование букв с особенностями расположения места в самолёте.

#недиджитал_юикс
This media is not supported in your browser
VIEW IN TELEGRAM
Представление информации

Открываю серию понедельнишных постов про юикс получения всякой интересной и полезной инфы на выставках.

Перемещаться между всеми постами серии будет удобно по тегу
#инфоюикс


Полочки и проекторы

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

Вот, например, мой старенький пост про нелепые выдвижные ящики на ВДНХ


Ещё подобным образом дурацко развешивают проекторы или ставят динамики для индивидуального прослушивания.


Музей крипотграфии

Очень крут! Если кто-то не был, горячо рекомендую

Я когда слышала раньше мнения о том, что там всё классно сделано, закатывала глаза: ой, да я (в Ельцин Центре была и видела голограмму Борисниколаича) в Римском национальном музее такой подачи информации насмотрелась...

Но нет, была неправа)

И именно на примере этого музея в серии постов расскажу, что важно в представлении информации в пространстве.


🐳 — интересная тема
🥱 — какая-то нерелевантная хрень


#управление_впечатлениями
#недиджитал_юикс
#выставки
Media is too big
VIEW IN TELEGRAM
Задача с неизвестным аффордансом

Или аффордансем. В общем, с тем, что своим видом объект уже показывает, что с ним делать.

Как вот эта штучка на ручку двери 👆На ту, что нифига не стандартная, оказывается.


Опытное уточнение задачи

Уверена, дело было так:
— Здрасьте, наш отдельный дизайнер. Нарисуйте нам табличку на дверь про «не беспокоить»
— Оке, щас. *качает стандартный шаблон, меняет шрифт*

И это прекраснейшая иллюстрация того, что любую, даже саааамую банальную задачу нужно уточнять.


Нужные вопросы

В данном случае хорошо было бы спросить:

- в каких отелях сети будут использоваться таблички

- какого цвета двери, чтоб таблички были заметны клинерам

- все ли двери во всех отелях одинаковые и если нет, то как получить фотки ручек этих дверей

- можно ли сделать разные конструкции табличек для разных отелей сети


#юикс_вещей
#недиджитал_юикс
This media is not supported in your browser
VIEW IN TELEGRAM
Интерактивные порции

В прошлом посте про #инфоюикс завела тему про представление информации на примере Музея криптографии.


Интерактивность

Жаловалась ещё, что интерактивность интерактивности рознь. Но вот вам классный пример 👆

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


Уровни взаимодействия

Глубина изучения инфы зависит от степени любопытства)

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

Можно прочитать названия этих книг, без детализации.

Можно узнать о типе шифрования и сюжете в книге.

А можно посмотреть, на каких страницах это описывается и прям открыть и почитать, присев на диванчик.


Для чего

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

Причём,выбор про углубление делается самим потребителям инфы прям в моменте.


Крутая порционность

Углубление происходит точечно. На посетителя не вываливается вся лавина информации сразу, а выдаётся частями и строго по запросу.

Это очень «по юиксу» и покрывает все пользовательские сценарии)


Противоположный пример

Встретился мне на вставке Рериха в Новой Третьяковке.

Там зачем-то написали ВСЮ БИГОРАФИЮ художника на огромной стене мелким шрифтом. Спасибо, что по вехам разбили. Но всё равно, залобаешься читать.

И остаётся только выбирать: схавать весь поток информации или заигнорить совсем и не узнать ваще ничего...

Так плохо. Порциями и с уровнями — очень хорошо.


🐳 — классно, продолжай
🥱 — смени тему, это неинтересно


#управление_впечатлениями
#недиджитал_юикс
#выставки
Закреп для навигации

Салют, я Ксюша Морозова, дизайн-директор Госуслуг. Уже 12 лет обожаю свою профессию ux-проектировщика и удовольствием делюсь интересным тут.

Вот подборка самых полезных и интересных статей


Основное

#ux_вещей
#недиджитал_юикс
Применение юикса в жизни и быту

#управление_впечатлениями
#юикс_движа
Интересное про подачу информации и работу с впечатлениями людей

#круто_или_тупо
Совместное обсуждение ux-решений

#рисёрч
Годнота про исследования

#учу_юиксу
Анонсы и материалы с разных образовательных движух, книги, курсы

#карьера
Советы по росту в должности и доходе


Соседние сферы

#текст
UX-тексты и просто здравый смысл

#пикчи
Полезное про графику и иллюстрации

#доступность
Подборки статей, инструментов и интересные наблюдения


Медиа

#видевоподкаст
Интервью с классными коллегами из диджитала

#uxksenia_подкаст
Шкодные рассказы про работу


Всякое

#fun
Забавные пикчи

#жисть
Бытовые заметки

#госуслуги
Наблюдения и ништяки с работы


💙
This media is not supported in your browser
VIEW IN TELEGRAM
Взаимодействие и развлечение

По понедельникам в постах с хэштегом #инфоюикс вещаю про представление информации.


Всепоглощающая важность взаимодействия

Недавно побывала на пачке концертов в Европе у разных классных групп в рамках их мировых туров. Уровень, как понимаете, высокий: всё продумано и срежессированно.

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


Или развлечение неважно?

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


Как устроить взаимодействие

Знаете, иногда в провинциальных библиотеках устраивают всякие скууучнейшие мероприятия типа «Викторина про вехи жизни Толстого» или «Исторический книжный клуб на тему Речи Посполитой». У нас на работе недавно был «Антикоррупционный квиз» 🙉

Оно, вроде бы и интереснее, чем просто ничего. Но, по факту, увлекает исключительно организаторов)

Поэтому ключевой аспект взаимодействия — интересность.


Интересное в музее

Да, такое бывает) В блоке про разные древние шифрования в Музее криптографии нет нудных рассказов про происхождение или использование.

Вместо этого тебе предлагают поглядеть, какие послания оставили здесь предыдущие посетители, а ещё оставить свои послания следующим.

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


Не удержалась

Мне дико вкатил стенд с шифрованием при помощи сигнальных огней. Конечно же, я собрала на бутафорской горе пылающими факелами слово ЖОПА 🧐


🐳 — классно, продолжай
🥱 — смени тему, это неинтересно


#управление_впечатлениями
#недиджитал_юикс
#выставки
This media is not supported in your browser
VIEW IN TELEGRAM
Доступное усилие

Накатала уже три понедельнишных поста про представление информации с тегом #инфоюикс


Поток

Тот самый Михая Чиксентмихайя, которого все хотят достичь, чтоб получать удовольствие от деятельности.

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



Восприятие информации

С ним всё примерно также. Если вывалить инфу на посетителя музея огромным полотном сплошного текста мелким шрифтом на табличке, прочитать будет, конечно, нелегко. И даже ощутится реальная когнитивная нагрузка. Но интереса и удовольствия не возникнет.

Другое дело, если предложить для получения информации некоторую игру: что-то сопоставить, подобрать, разгадать, отыскать. Это, согласитесь, увлечёт.


Узнать о предмете через него же

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


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

А название одного из типов шифров не узнаешь, пока не дешифруешь с его же помощью заголовок стенда.


Всё это — чудесные примеры доступных усилий в представлении информации.


🐳 — классно, продолжай
🥱 — смени тему, это неинтересно


#управление_впечатлениями
#недиджитал_юикс
#выставки
Больше, чем просто пиктограмки

Мой просмотр ютубчика вылился в масштабное изучение темы. Такой вот я задрот)) Щас с вами поделюсь 👀


Ютубчик

Обожала Раевского до того, как Дудь взял у него интервью это стало мейнстримом) Его выпуски про Москву смотрю взапой.

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

Картинка 1👆 это одна из пиктограм олимпиады. Знаете, что обозначает? Чебуречки!))

А ещё есть блины, шашлык и пельмени) Пруфы в видосе


Первые пикчи олимпиад

Впервые картиночки видов спорта использовали на берлинской олимпиаде в 1936. Но то были именно картиночки 👆2

В Лондоне-1948 их перерисовали в худшую сторону 👆3

И вот, наконец, в Токио-1964 👆4 был разработан первый набор пиктограмм для спорта и сферы услуг. С тех пор такие картинки — часть программы олимпийского дизайна.

Любопытно, кстати, заценить, как изменилась японская графика на примере пиктограм Токио-2021 👆5

А вот что сделали в Париже в этом году 👆6


Выдающийся Айхер

Для Мюнхена-1972 графику разрабатывал легендарный Айхер.

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

Айхер очень хотел стереть устойчивую ассоциацию с нацистким Берлином-1936: избегал агрессивных линий, отказался от красно-черных тонов. Он говорил, что у него как в музыкальном ансамбле: всего три-четыре инструмента, с которыми, тем не менее, нужно исполнить красивую гармоничную мелодию.

Спецы оценивают эти пиктограмы 👆7 ни больше, ни меньше, чем эпохальные.

Говорят, что графика Айхера оказала влияние на каноничные пиктограммы DOT США 👆8


Переиспользование

Берлинские пиктограммы Айхера использовали потом на оллимпиадах в Канаде несколько раз.

В целом, новые наборы пиктограмм создавались крайне редко. Самые известные, помимо токийских и мюнхенских – Мехико-1968 👆9 и Москва-1980.


В следующую среду расскажу про Москву-1980. Навигация будет по тегу #пиктограммы


#недиджитал_юикс
#юикс_движа
#пикчи
Media is too big
VIEW IN TELEGRAM
Натурность и подлинники

По понедельникам пишу про представление информации в разных музеях и на выставках. Все посты — по тегу #инфоюикс


Впечатлилась

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

А вы видали натурную копию ракетоносителя, который отправлял Гагарина в космос?

А были в павильоне Космос в макете станции Мир в масштабе 1:1?!


Когда масштаба нет

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

Знаете же про немецкую Энигму? А про Тьюринга, придумавшего, как раскусить её логику шифрования?

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

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


Показываем кросивое

Хорошо, что в музее криптографии не стали делать так. За стеклом в зале военных шифров — подлинник Энигмы.

Рядом — полноразмерный макет фасада Бомбы Тьюринга.

Неподалёку — огрооомная имитация шифрования машины Фиалка, внутрь которой можно войти и попробовать что-то закодировать.

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


Это и есть — то самое управление впечатлениями, такое важное в представлении информации.


🐳 — классно, продолжай
🥱 — смени тему, это неинтересно


#управление_впечатлениями
#недиджитал_юикс
#выставки
Советскоолимпийские пиктограмки

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

А теперь — интересное: как эта система после Мюнхена-1972 развилась в Москве-1980.


Дипломный проект

Спортсмен, а потом и график Белков нарисовал изображения видов спорта для Олимпиады ещё до того, как они понадобились)

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

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


Новизна наследия Айхера

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

Во-первых, он задал одновременно динамику и равновесие тем, что утащил края объектов в графике до самых рамок.

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

Во-вторых, Белков добавил скруглений, а все углы запилил под 30° и 60° вместо айхеровских 45, 90° и 135°. Это сделало изображения мягче и приятнее, но всё ещё сохранило их динамику.


Крутость

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

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


Бытовые иконки

Кроме прочего, Москву нужно было обложить сервисной навигацией. Ей уже занимались 11 чуваков из Комбината графического искусства.

Используя графические примитивы, им нужно было изобразить 200 с лишним знаков сервиса: от переводчика до сауны.

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


Жостка

В выпуске Раевского один из соавторов иконок говорит, что они долго ломали голову над тем, как показать «Закрыто на обед»)

Вот вы бы как изобразил для иностранца такое? Я теперь не могу изгнать решение этой задачи из своей головы. Оригинальную иконку специально не гуглю)


#недиджитал_юикс
#юикс_движа
#пикчи
Метрошный прогресс

В части московских вагонов метро умренной новизны отражается прогресс движения.

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

Не буду утверждать прям за всё СНГшное метро, но такой паттерн мне встречался везде, где я там была.


И кажется, что это база

Но нет. Это просто записано в мои ментальные модели: лампочки показывают, что мы проехали. Такой аналог прогресс-бара: цветом закрашивается выполненное.


Обратный прогресс-бар

То есть, когда те станции, что проехали, гаснут, а грядущие горят.

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

А тут недавно в Сингапуре и КАК ПОНЯЛА.

Как думаете, для чего рили нужно красить грядущие станции, а не наоборот?

Напишите 👇 Посмотрим, кто не такой тормоз, как я))

Ответ
в следующем посте, хитрая ты жопа. Иш чего.

#недиджитал_юикс
Отгадка метрошного обратного прогресса

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

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

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


Неплохая идея

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

#недиджитал_юикс
Гардеробная разнонаправленность

Неучебная тревога: в Питерской Эрарте додумались, как сделать, чтоб люди не толпились в гардеробе.


Удобненько

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


Неудобненько

На сдачу и получение всё ещё будут толпится, конечно.


Есть ux-идеи, как бы сделать, чтоб и тут толкучку поменьше сорганизовать? 👀

#недиджитал_юикс
This media is not supported in your browser
VIEW IN TELEGRAM
Ключевой пользователь

Если вы были в мегаполисах Штатов... Ну, ладно. Если вы были в Челябинске) То ощущали, насколько пространство может быть заточено под автомобилистов.

В моём родном Уральском городе очень комфортно перемещаться на тачке: дороги широченные (причём иногда ещё дополнительно расширяющиеся после ремонта), гора больших парковок, карманы для поворотов без светофоров, короткие пешеходные такты и длинные автомобильные.


Я к этому привыкла

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


Непривычная забота

Побывав в Сиднее, восхитилась заботой о пешеходах: тротуар здесь не прерывается дорогами. Наоборот — для автомобилистов дорога делает небольшой подъём в пешеходной зоне.

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


Без дискомфорта

Пешеходы следуют по тротуару без проблем. Да и автомобилистам несложно притормозить и сделать проезд по небольшому возвышению.

Выбирая, кому сделать удобнее, в Сиднее выбрали пешехода. Но и другим участникам от этого сильно хуже не сделалось.


В интерфейсах также

Опять притяну свой юикс)) Ставший одно время популярным приём по сборке портретов пользователей нужен как раз для определения ключевого пользователя.

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

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

В Сиднее ключевой — пешеход. Он «слабее» транспорта, а значит, нуждается в удобстве и заботе)

#недиджитал_юикс