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

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

Сходила на «Панк-культуру». Подметила хорошее и плохое. Начну с первого.


Аудио-сопровождение без херни

Во многих музеях есть аудио-гиды. Где-то мне попадались старенькие устройства за 200 ₽, где-то премиум-штуки за 1500 ₽+, где-то бесплатные, но с доступом через куар или мутную регистрацию... И нигде мне сразу после «здрасьте» не вручали аудио-гид по умолчанию. А тут сделали именно так.


Приятный старт

Кто придёт на выставку про панк? Говнари Те, кто интересуется музыкой. Тем приятнее даже самому захудалому любителю обнаружить, что на голову ему надевают «Сенхейзеры», а не дешёвые ноунейм наушники. Там, кстати, сразу же начинает играть настраивающий на тему трек.


Контрасты

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

Здесь всё было продумано:
после светлой комнаты с плакатами — зал, имитирующий толчок клуба. После статики обстановки — зал, где на стены одновременно проецируются несколько видео во всю стену. После пустого пространства — куча реквизита. Сразу за витриной магазина менеджера Sex Pistols — реальная обстановка омской квартиры Летова. После раздолбаной тачки и мусорных баков — витражи.


Умеренный бонус

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

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


Захвалила

Если вам кажется, что я хвалю выставку, как собака, то не переключайтесь. Дальше у меня по плану ворчание про минусы))


#недиджитал_юикс
#юикс_движа
#выставки
[2/2] Юикс выставки

В прошлом посте рассказывала про выставку «Панк-культура» и классные моменты работы с опытом пользователей.

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


Проблема 1:
Сбитые звуковые метки


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

Но, иногда, находясь в одном зале, можно случайно «поймать» воспроизведение звука из другого. Это вырывает из контекста, пугает внезапностью и спойлерит. Приходится вновь искать прежнюю метку и прослушивать нужное аудио сначала. В одном из залов я делала так трижды.


Проблема 2:
Конфликт аудио и текста


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

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


Заметка

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


Решение

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

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

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

#недиджитал_юикс
#юикс_движа
#выставки
Польза митапчиков

В пятницу мы с моими любимыми колежами провели своими силами классное внутреннее мероприятие.

Такие штуки у нас делают и на уровне компании. Но нас тут пропёрло на самостоятельный летний корпоратив)) И мы как сильные и независимые инициативной группой замутили такую вот активность.


Чё было

Пригнали отовсюду в Ярославский офис нашего РТЛабса. Весь день вещали доклады очно и онлайн.

Вечером отмечали это в рестике, а под утро с самыми стойкими встречали рассвет. Романтика!


Команда

Мой отдел интерфейсов всегда на суете)) Кипиш часто поддерживают котики из редакции. В этот раз ещё были исследователи и ребята из фронта.

Тем интереснее было вещать на смежные темы и бурно обсуждать, как у кого что устроено.


Интересности

Формат намеренно выбрали лайтовый: 15 минут рассказа без обязательной презы.

Говорили про дизайн, графику доступность интерфейсов. Но не только. Были темы про журналистику, отпуска, личный бренд. Должен был быть даже рассказ про похудение. Жаль, что отменился... Нажрались пиццы и пирожных 🤭


Активности

Мы делились классными штуками с платных курсов, проводили конкурс, гоготали и рассказывали серьёзные вещи о том, что «коты — это зло».

Про последнее, кстати, у меня скоро выйдет видео-интервьюшка со спикером)) Не переключайтесь.


И чё

Не подумайте, что единственной целью поста было признание в любви к нашей команде. Они это знают и так 🫶

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

#юикс_движа
#госуслуги
Вам нужен свой митап

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

Кидайте пост в избранное и шэрьте коллегам, чтоб запланировать такое же.

uxksenia_channel


Эт чё?

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


Но я не айтишник

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


А как?

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


Зачем

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


1. Инициативная группа

Берите на себя роль лида. Рассказывайте коллегам об идее и призвайте на помощь тех, кто заинтересован.


2. Ответственность

Делов немало:
— Сбор и проверка докладов
— Вёрстка программы
— Анонсы
— Техническая часть
— Проведение и модерация
— Запись докладов и фоточки

Необязательно искать 6 отдельных людей. Можно 2-3 с несколькими обязанностями. Ну, или, наоборот пачку на каждую активность.

Если никто не вызывается, можно просто назначить самых сообразительных.


3. Доклады

Кроме звёзд выступлений всегда есть сомневающиеся. Убедите их попробовать. Напомните о неформальности и безопасности.

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

У нас было не только про интерфейсы и процессы, но и советы на тему отпусков, публичных выступлений и журналистики.


4. Программа

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

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

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


5. Подготовка

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


6. Анонс

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

Напоминайте о событии за пару недель, пару дней и за часок.

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


7. Проведение

Подумайте о ведущем и модераторе. Второй будет сообщать о выходе за лимиты доклада и управлять дискуссий после.

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

Мы подключали петлички к ноуту, с которого показывали презы, запускали телемост и писали в него.


8. Итоги

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

#юикс_движа
#госуслуги
#карьера
Куары на конференциях

Зачастила на конфы. Здорово на них знакомиться и смолтолкать. Частенько разговор доходит до обмена контактами. И вот я уже диктую: «uxksenia. Ю-икс — как ux-design, да. И дальше — ксениа. Да, просто а в конце».

А ведь как было бы удобно показать куар перехода на мою телегу. Гениальное решение — сделать его заставкой на мобиле на такие движухи. Но что если не все про это думают?


Полезные анкеты участников

Распространённая тема — бейджи. Их часто делают кастомными: печатают имена, чтоб не вписывать ручками в ажиотаже.

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


Стыреная идея

Признаюсь, это я придумала не сама. Знакомая, с котрой мы встретились на предпоследней конфе, расстроенно заявила, что она рассчитывала, что куар рядом с именем ведёт на её телегу. А оказалось, просто на соцсети мероприятия.

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

Скажите же, удобно было бы?
Такой вот ux вещей)

#ux_вещей #юикс_движа
Проходки фестов

Недавно я была в Казани на фестивале медиаискусства «Нур».

Про его юикс ещё расскажу не сомневаетесь 😁 А вот пока вброс про отметки для прохода.


Казанетусы

Так получилось, что мои замечательные казанские друзья проводили меня за время феста ещё и на кучу тус.

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

Попрошу не завидовать моей активности. Знаете, как я не выспалась))


Браслетик

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

Есть, кстати, непромокаемые, как в отелях, но они же тоже некомфортные. И почти всегда выглядят стрёмно.


Печать

Чуть лучше.

В идеале, если она правильно отзеркаливает буквы и светится. Но у нас был синий «портак» с буквами не в ту сторону))

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

Синий лоб вглядел эпатажно! 💙


Повязочка

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

Не самое экономное, но точно одно из лучших брендинговых решений!

Это также, как на выставке про музыку были хорошие наушники в аудио-гидах: дорого, но меломаны оценят.

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


Наклеечки, силиконовые браслеты, бейджи, значки

Кстати, да, есть ещё ведь и такое.

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


Так, ничего не забыла? Или есть ещё более фееричное решение?

#юикс_вещей
#юикс_движа
#нур
This media is not supported in your browser
VIEW IN TELEGRAM
Юикс буклета

Уже говорила, что была на Нуре. Для такого масштаба организовано всё было неплохо.


Расстояния

Главная фишка — много разных площадок фестиваля, разбросаных по историческим или просто знаковым местам Казани.

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


Маршрут

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

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


Карта

Конечно, было бы удобнее, если бы Нур заколлабился с 2гисом или Яндексом и запилил отдельный слой с точками феста.

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

А супер-уровень: как на Гуглмэпс показывать уровень загруженности в разное время... Ну, да ладно)


Отметки

Штош, уж как есть: на руках — бумажный буклет с картой. И в течение феста мы с компанией, действительно, обращались к нему ни один раз.

Правда, было бы круто совместить карту Казани, отметки о местах и краткие выноски о них. А ещё давать возможность как-то помечать посещённые места.

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


Не всё потеряно


Подруга придумала, что можно было бы как-то отмечать на бумаге пальцем или ключом, краем крышки чекбоксики. Знаете, на термочеках так иногда делают?

Или круто было бы закрывать отметки стираемым слоем, как на лотерейных билетиках, а при посещении — соскабливать.

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

Ну, а иначе, зачем ваще нужны эти списки?)

#юикс_вещей
#юикс_движа
#нур
Закреп для навигации

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

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


Основное

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

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

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

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

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

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


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

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

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

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


Медиа

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

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


Всякое

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

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

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


💙
Больше, чем просто пиктограмки

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


Ютубчик

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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


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

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

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


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


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

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

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


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

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

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

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


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

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

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

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

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


Крутость

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

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


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

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

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

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


Жостка

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

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


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