мяу-дизайн – Telegram
мяу-дизайн
2.86K subscribers
1.15K photos
91 videos
37 files
263 links
т.е. «мяу»

публикует поучительные картинки про дизайн и пытается не упомянуть свой армейский дневник @kefiijrw
Download Telegram
Чтобы эффекты сработали в мелких кеглях, надо превратить обводку или тень в полноценный фон подписи, а значит значительно увеличить их толщину (вероятно, скомпенсировав это большей прозрачностью).
Собственно, в недавнем редизайне Карт это и было сделано.

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

Например, у одного товара рейтинг 5.0 против 4.7 у другого, но первый основан на пяти отзывах, а второй — на трех тысячах. Или спортсмен показал выдающиеся показатели меткости и полезности, но сыграл только в трех играх сезона, поэтому в статистике несправедливо его сравнивать с игроком, отыгравшим полсотни матчей. Это важная деталь, влияющая на корректное восприятие информации.

Статистики придумали для таких случаев всякие доверительные интервалы, но они будто бы не ушли из научной среды в народную повседневность, поэтому в интернет-магазинах проблему достоверности статистики обычно решают простым уточнением объема выборки: «рейтинг 4.9 на основе 115 отзывов». В спортивной статистике же часто вводят какой-то порог, отсекающий статистические аномалии на небольшой выборке, например, оставляют только тех спортсменов, кто поучаствовал минимум в 50% матчей.
В 2011 году я придумал объем выборки визуализировать четкостью графики: чем меньше данных, тем более размытая картинка. Так она дает только какое-то общее представление, по мере добавления данных она становится более четкой.

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

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

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

(а вообще потребность аж в двух инструкциях-наклейках намекает на то, что весь сценарий пользования киоском самообслуживания стоило бы пересмотреть)
Часто в качестве примера разных подходов к дизайну упоминают Эйрбнб и Букинг. У одних дизайнеры среди сооснователей, запары по поводу внешнего вида и ощущения от пользования продуктом, регулярные переосмысления себя и консультации с Джонни Айвом. У других если дизайнеры и есть, то их держат в темнице собирать слово «вечность» изо льда дизайн-систему из разных состояний кнопочек и не дают принимать дизайн-решений, потому что за них отвечает привязанный к а/б-тестам генератор случайных чисел. Одним продуктом пользоваться приятно, другим пользуешься с некоторой брезгливостью, уворачиваясь от темных паттернов. Но совету директоров Букинга ощущение от пользования продуктом вообще не важно: а/б-тесты и темные паттерны кое-как работают, сейлсы нагибают отели за взаимодействие с конкурентами, метрики растут, акции go brrr, премии выплачиваются, нужно только пондапрячь юридический отдел, чтобы лучше уворачиваться от антимонопольных органов. Концепция у них такая, короч.
Но кажется, что есть еще более простой и понятный пример двух подходов к продукту: новостные ресурсы с кликбейтными заголовками и без них. Наверное, их внедрение — самый простой способ увеличить количество кликов на новость и, соответственно, показов рекламы и прочие метрики взаимодействия, и возле такого решения во всех редакциях постоянно ходит, пуская слюну, стая эффективных управленцев.

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

Награда за рост метрик персональна, ответственность за отток пользователей же размазывается по всем равномерно, и все эти анкеты обратной связи «Оцените, насколько вы готовы порекомендовать нас своему школьному крашу на встрече бывших одноклассников» будто специально спроектированы так, чтобы по ним нельзя было понять, чем же пользователи недовольны. А до уже ушедших в отвращении пользователей вообще не достучаться — труп не расскажет, кто его убил. Идеально, внедряем!

А еще подобные решения работают как храповик: они легко внедряются, но на порядок сложнее откатываются, потому что никто не хочет быть человеком, который понижает метрики. Тут всё как в Советском Союзе, показатели должны только расти, пятилетка за три года и вот это всё. И из этой спирали мелочных «да ладно, прокатит»-приемов уже мало кто способен выкарабкаться. Обычно просто рядом возникает конкурент, к которому со словами «наконец-то» перетекают те, кто не любил пользоваться вашим продуктов, а лишь был вынужден.

А потом такие приемы инфекцией распространяется по всей индустрии вместе с мигрирующими между компаниями специалистами: смотрите, конкуренты уже внедрили принудительный 10-секундный рекламный попап на весь экран, это стандарт индустрии, го так же!

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

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

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

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

Наверное, такую метрику еще не завели, но предположу, что в компаниях с кликбейтом и темными паттернами сотрудники воруют туалетную бумагу чаще.
*ой, забыл добавить кнопочку к последнему сообщению*
Недавно пытался разобраться с поломавшимся автоплатежом за интернет. На солидном и современном сайте провайдера нашел большую кнопку «Задать вопрос», но нажатие ни к чему не привело. После нескольких попыток в разных браузерах обнаружил в консоли ошибку о неподключенном апи чат-бота. Там же на сайте нашел ссылку на бота техподдержки в телеграме, но после его запуска ничего не происходило. Ткнул в ссылку на телеграм-канал провайдера, он оказался пустым, только одно сообщение об установке аватарки в 2024 году. Нашлась ссылка на группу в ВК, там тоже довольно пустынно, висят поздравления с прошлыми новогодними праздниками. Тогда я решил сделать ставку на проверенные технологии и написал на указанную в подвале сайта электронную почту. Этот способ связи не предполагает мгновенного ответа, но и через месяц я не получил никакого ответа, будто сразу в мусорную корзину письмо отправил.
Этот случай напомнил мне короткий рассказ Рэя Брэдбери «Будет ласковый дождь», который еще в 1984 экранизировал мультфильмом «Узбекфильм».

Дальше будет спойлеры, так что если хотите потратить 10 минут на мультфильм или столько же на чтение рассказа, то лучше сделать это сейчас:

https://skazki.rustih.ru/rej-bredberi-budet-laskovyj-dozhd/

https://www.youtube.com/watch?v=quyaaszg6jc
This media is not supported in your browser
VIEW IN TELEGRAM