A.svg

💣 Когда стремление «упростить» путь пользователя приводит к его усложнению и кое к чему похуже Часто мы пытаемся упростить пользователю жизнь сократив количество кликов, но иногда это «упрощение» идет вразрез с предсказуемостью интерфейса и приводит к потере данных. Я столкнулся именно с таким кейсом в Яндекс Картах... Суть проблемы в поведении кнопки «сохранить в список». В ней одновременно существует две противоположные логики. Я назвал это «Кнопкой Шрёдингера»: 1️⃣ Если вы добавили место на карте только в один список, то повторное нажатие на кнопку закладки мгновенно удаляет её (без предупреждения... вместе с написанной заметкой). 2️⃣ Но если место сохранено в два и более списков, то система ведет себя иначе и открывает модальное окно выбора, позволяя выбрать другой список и переписать описание Я сначала я думал, что это просто баг. Потом нащупал закономерность, и понял, что это всё-таки осознанный (и очень спорный) UX-паттерн... @Apollosvg ⋅ #bad#practice ⋅ #ux#ui#productdesign#usability

📋🔃 Порядок пунктов в модальном меню Есть хорошая практика — отправлять все "Опасные" действия вниз модального меню. Именно из-за этой практики люди автоматом тянутся вниз когда хотят удалить что-то И вот забавный пример ломания шаблона. Ютюб добавил функцию сохранения комментов (чтобы потом юзать их в шортсах) и... сунул точку входа в самый низ... ниже репорта, редактирования и удаления... Вот я пару раз мисскликнул (да, я тот человек, который репортит ботов в ютубе...) и у меня возникла конспирологическая догадка: а что если это непросто UX-косяк, а намеренный UX-косяк? Следите за руками: > Двигаем кнопки вверх и добавляем новый пункт в самое часто-кликабельное место (в самом низу) > Получаем халявные использования нового функционала, поднимаем Adoption и Conversion, лутаем бонусы к ЗП > Profit Ну хорошо, я не всерьёз в это верю, скорее всего, они просто влепили новую функцию в конец колонки автоматически, не задумываясь... или нет? Что думаете? @Apollosvg ⋅ #bad#practice ⋅ #ui#ux#дизайнер

🪄 Полезные Figma-плагины для продуктового дизайнера (не вру) Плагины, которыми я пользуюсь регулярно. Это не глупенький список дизайн-инфлюенсера из линкедина, а реальный выпаренный-вываренный концентрат полезных плагинов Тут кратко, на Хабре развёрнуто: 👉 Статья на Хабре Design Tokens Manager Поможет в экспорте/импрте переменных и стилей в json-файл в простом виде, а не в сложно-новомодном ⚹¹ Swap Variables Заменяет переменные из одной коллекции на переменные из другой. Поможет поддерживать много тем. (плагин, кстати, от Qurle) Randomise Variants Рандомно изменяют пропсы выбранного инстанса. Можно выбрать, какие. Видит даже nested Copy Exposed Instance Properties Копирует nested пропсы из одного инстанса в другой. Фигма не умеет Property Randomizer Рандомно изменяет выбранные свойства объекта (тут речь уже про высоту/ширину/т.д., а не про пропсы) Если полезно — ♥️, 💾, 🔄 Если знаете ещё классные плагины — поделитесь в 💬 @Apollosvg ⋅ #practice#resource ⋅ #ui#ux#figma#фигма#дизайнер#плагины

🥴 bruh... В Figma UI3 ⚹¹ изменили общепринятый хоткей для ссылок (Ctrl+K) на более сложный... Только для того, чтобы привязать Ctrl+K на новую функцию "open actions". Но тут такое дело — для этих actions уже есть другая комбинация Ctrl+/ (более удобная и также общепринятая для таких меню). То есть, забирать горячие клавиши у ссылок было вообще лишним... 🙃 Кстати, я до сих пор не могу привыкнуть, что ссылки срабатывают по клику, а не по ctrl+click, как было раньше. Из-за этого невозможно выделить контейнер ссылки, по ctrl+click проваливаешься внутрь до текста Интересно, когда они догадаются, что пользователям нужно дать право самим настраивать комбинации? 🤔 </раньше было лучше> Следующий пост будет про чо-то полезное и позитивное, обещаю! @Apollosvg ⋅ #bad#practice#redesign ⋅ #ui#ux#figma#фигма

😬Редизайн Figma: жутко неудобно и жутко интересно... (статья) Недавно произошёл редизайн Фигмы ⚹¹ и вот моё очень важное мнение. Решил написать статью на Хабр, но она ушла на вечную модерацию (жесть, там редактор 💀), потому написал в Телеграф. 👉 Статья "Редизайн Figma: жутко неудобно и жутко интересно..." Говоря кратко: в новом интерфейсе есть много полезностей (было бы странно, если бы было без них), главные из них интеграция AI, которая умеет по-русски, и переструктуризация панелей. Но есть и неудобности... Самая большая — летающие в воздухе тулбары (подробнее в статье). В общем, изменения оказались резкими. Понадобится время, чтобы привыкнуть. Такие обновы, как по мне, лучше делать постепенно, а не выкатывать на конфе (назвались у Эплов/Гуглов всяких...). Тогда онбординг будет намного плавнее, чем сейчас. Внутри есть ссылки на умные статьи, так что реально прочитайте!) upd. Опубликовали на Хабре: https://t.me/apollosvg/35 @Apollosvg ⋅ #good#bad#practice#redesign#article ⋅ #ux#ui#figma#фигма

A year ago, I wrote a post on LinkedIn about non-obvious icons ⚹¹, in particular about the “food” icon in the search results on sj.se (Swedish railway company), which looked more like a showerhead than a fork and knife. So, it turns out they saw my post! and made the icon clear! Okay, this is not a fact, but there is a possibility: the post was viewed by 20k+ people and, as I understand it, only this icon has changed (checked it on the web archive). But even if this is a coincidence, I still want to share. Always test your icons before sending them to production. At least among your friends. rus ⋅ #bad#good#practice

After many years of inaction, Google has finally released an update for Google Keep ⚹¹ that adds the necessary text formatting functions (i.e. Rich Text Editing or WYSIWYG ⚹²), although not everything — you won’t be able to cross out text. But they are already promising to add version history, which is already something. Btw even so, "Keep" sucks in terms of functionality and UX, but it's ads-free and fast, so... #practice ⚹ keep.google.com

Recently, YouTube rolled out an update simultaneously on the web and in the app. You can see the tendency to round thing extremely (funny, around the same time, similar "rounded update" came out for VK ⚹¹). In addition to rounding, there are also useful features: video scaling and more accurate playback ⚹². By the way, there's a study about why rounded objects are more pleasant for us ⚹³. #redesign#practice ⚹ youtu.be

Some services believe that obvious things require explicit labeling. For example, here the inscription about the required field pops up above the message input in the chat (and not just when you clicked on "Send", but whenever you click outside the input field). #bad#practice ⚹ hh.ru

Interesting compact design of social links (but there is a nuance: everyone must have identical nicknames everywhere) P.S. at this moment, i can't show some icons due to the laws of my residence country #idea#practice ⚹ underconsideration.com