VanillaTime

👮 По долгу службы пришлось искать конкретные цифры влияния Accessibility на SEO, да и вообще любой импакт, который оказывает эта важная составляющая дизайна. То есть статей написано немало о том, как важно заботится о доступности вашего решения, но вот цифорки покажите? С этим дела обстоят сложно, так как влияние этого невидимого параметра сложно оценить. Но постойте, все мы знаем, что сейчас доступность дизайна, помимо лояльности пользователей, непосредственно влияет на отношение к вам поисковиков, разве этого уже недостаточно? Как окказалось нет, ибо нужно понимать насколько именно упадёт ваш рейтинг, если вы будете «плохишом». То есть для заказчика всё проходит так: «если мы переместимся с 14 позиции на 15 — ничего, зато у нас будет модная свистоперделка». 🤷 Но вы даже и этого не сможете с точностью сказать, ибо свои алгоритмы Google держит в строжайшем секрете. Зато, что вы можете сделать, так это просмотреть Accessibility score вашего сервиса (и, если захотите, сравните его с конкурентами). Для этого вы можете воспользоваться бесплатным плагином Wave для chrome, который покажет, где у вас лажа-то. 🚀 Также, вы можете воспользоваться стандартным встроенным расшерением в Chrome DevTools, которое называется Lighthouse. Достаточно просто открыть Devtools на нужной странице, выбрать вкладкку Lighthouse и нажать на «Сгенерировать отчёт». После чего вы увидите, что вам стоит исправить и изменить. Там вы, кстати, обнаружите, что наше влияние на итоговый показатель максимально минимальное: единственное, чем мы можем помочь, так это соблюдением контраста объекта и фона не менее 3:1 и уговорами фронт-энд разработчиков на все остальное. 🙏 ⚠️ Однако! Стоит быть очень внимательным с автоматической проверкой на accessibility, так как машина может ошибаться и ее можно обмануть. Если же ваша компания намеревается сертифицироваться, то проверку будет проводить живой гражданин, а он уже не будет так лоялен. Как резюме, приведу несколько аргументов, которые могут помочь вам в борьбе за инклюзивность вашей работы. Итак, чем череват болт на accessibility: — потеря лояльности пользователей и сужением пользовательского сегмента, — ухудшение показателей SEO, — невозможность сертификации WCAG, — вероятность присоединиться к Бьенсе, Найк и Доминос, которых уже засудили. А если хотите знать больше — милости просим за подробностями 🙂 https://www.searchenginejournal.com/seo-accessibility/379582/

🌲И ещё, дорогие друзья, я хотел вас от всего сердца поздравить с наступающим новым годом. Пусть вас преследует удача, огонь не покидает глаз, и желание изменить этот мир подкрепляется делами. Счастья вам, здоровья и корабль любви. 🛳❤️

2. Определяйте внутреннюю мотивацию человека, смотите на то, как они меняются со временем. Тут есть главные мотиваторы, а есть и второстепенные — так вот вторые могут работать очень здорово. 🚔 Блатных и «приближённых» боятся не следует. Хотя стоит и понимать, что так вы рискуете своей должностью. Но и избегать и изолировать их не нужно, лучше попробовать сделать их суперменами, взять их в ученики и помочь развиться, но без поблажек. Ищите внутренние рычаги влияния. 👬С друзьями лучше не работать. Никогда. Только если сразу разграничите свои обязанности и пути отхода. 😭Нытики и ворчуны не всегда хотят разлагать коллектив. Нужно ему помочь чувствовать себя лучше, как физически, так и психологически — проявите поддержку. Поговорите ним, узнайте, что именно не так и донесите свою позицию, и как она влияет на результаты. Уточните факты, почему он считает именно так, обосновал свою точку зрения, а возможно он и прав, но тогда пусть напишет всё письменно. А коль скоро человек считает, что где-то лучше, что ж — ротируйте или свяжитесь с человеком оттуда, «где лучше», чтобы он приоткрыл голую правду. В общем, я попробовал вас заинтересовать таким небольшим конспектом и очень советую вам ознакомиться с оригиналом. Почитать или послушать — не важно, оно того стоит 🙂

📕Не успел я написать свой длинный пост о менеджерских шрамах, как Максим Батырев выпустил новую книгу «Сложные подчинённые». Поспешил её заслушать и составить небольшой конспект, который, возможно, покажется вам полезным. Так вот, эта книга не совсем одного автора, а скорее сотен управленцев из самых разных сфер деятельности, которые делятся своими соображениями, как справиться с самой разномастной плеядой сложных сотрудников. Слушая, волей-неволей припомните кого-то, а может, как я, и себя найдёте на страницах. Но небудем откладывать. Предлагаю вашему вниманию слегка подсушеную эссенцию сего труда: Советы по работе с миллениалами: 🧔 Отпустите деспотию, дайте им быть другими, ведь они действительно выросли в другое время, лучше будьте для них наставником, чем старым тираном. 🧔 Узнайте как можно больше об их интересах, чтобы увеличить количество точек соприкосновения. 🧔 Признавайте ошибки, свою прошлую негибкость, так вы проявите ваш открытость. 🧔 Хвалите за победы, даже самые маленькие, проявляйте поддержку, ведь в большинстве случаев только это и сработает. 🧔 Обучайтесь совместно, подавайте пример любознательности. Что делать с опаздунами: ⏰ Используйте юмор, описаны случаи, когда человек исправился только после того, как коллеги за каждое опаздание заставляли опазднишку покупать себе бдильник. Иронично и жестоко. Как мы люим. ⏰ Коллективная ответственность тоже работает хорошо, когда стыдно становится человеку не просто за себя, а за то, что он подводит коллектив. Држеское соревнование по раноприхождению вам в помощь. ⏰ Объяснительные записки и штрафные работы работают. Главное, чтобы правила были оговорены и прозрачны, и все их принимали. 👮Воры воруют когда: 1) есть мотив или внешние обстоятельства, 2) есть возможность преодолеть преграды, 3) есть возможность самооправдания, 4) и если так принято на уровне корпоративной ценности. → Искорените хоть что-то одно и кражи прекратятся. 🤷 Безинициативники получаются когда: 1) Инициатива наказуема исполнением, как в армии. 2) Нет нематериального поощрения, то есть приплетайте не только деньги. 3) Подбор персонала, мы просто выбираем тех, с кем нам удобно, кто соглашается с нами и не перечит. Удобно, но непродуктивно. 4) Школьное воспитание, которое убивает инициативу и заставляет действовать под копирку. 5) Дефицит доверия со стороны руководства, нет ясного ориентира, куда стремитсья. → Покажите, что никакого наказания за инициативу не последует, и никакой ответственности не наложат. Да, именно она пугает людей, работайте над ними вместе. ⚡️А что делать с гиперактивным? 1. Предложения принимайте только в письменном виде — это остужает пыл и фильтрует показушников. 2. Объясните, что перемены ради перемен никому не нужны. Где выгода? 3. Для этого используйте KPI — объясните, в каком поле вы работаете. 4. Считайте, сколько это будет стоить, порой люди не задумываются о внедрении. 5. Направьте энергию в мирное русло, то есть на работу, ведь порой люди расчехляют свой фонтан, когда им просто нечего делать. 😤 А что с истерикой? 1. Действуйте хладнокровно, вас на эмоции вывести не должны. 2. Докопайтесь до причины агрессии и устраните её (по возможности конечно). Люди не истерят просто так и это лишь симптом. 3. Действуйте решительно и справедливо. 4. Если ничего не помогает, истерика можно просто изолировать — ремоут ворк. 🌹Имеете дело с нарциссом? Что ж, просто поймите, что сам он, возможно, и хотел бы поступать иначе. 1. Обращайте на такого человека внимание, хвалите и покажите, что вы не угроза, а полезный человек. 2. Не ведитесь на лесть, так вас будет не очаровать, а значит ножь в спину вонзить не выйдет. 3. Используйте аналогии и примеры, вместо прямой критики, покажите правила на примере других, а-ля «Вот был у меня друг, дерзил, и нет друга». 4. Любите их, как бы сложно это не было. 🙆‍♂️ Потолочники — это те люди, которые уже уперлись в потолок задач, зарплаты, ответственности. 1. Горизонтальный рост — расширяйте полномочия, зону ответственности без смены тайтла.

Наткнулся на, как мне показалось, годную статейку по исследованию конкурентов. Автор совместил классический SWOT и компетитор-анализ по пяти направлениям: 👉 Ключевая ценность или миссия компании (что она делает и почему), 👉 Стратегия реализации этой миссии (на что компания делает ставку, как себя позиционирует?), 👉 Рыночные преимущества (что она может дать такого, чего другие не могут), 👉 Доступные ресурсы (особые условия, человеческие или материальные), 👉 Рыночный профиль (какие у компании цели, как она к ним идёт). Связав это все с матрицей SWOT (Сильные и слабые стороны, угрозы и возможности), якобы можно получить много инсайтов для вашего продукта. Согласен, одно НО. Эта комбинация сработает только если речь идёт о позиционировании продукта, определения фокуса ценности. Чтобы он получился уникальным. Иначе, боюсь, такой анализ не слишком вам поможет, так как чаще всего мы работаем над конкретной фичей или частью продукта и крайне редко стартуем их с самого нуля. Также, я бы не стал слишком вчитываться в «проблем стейтмент» и «протоперсону», кои выполнены не слишком уж глубоко и качественно. Также, вы не найдете ответа на такой важный вопрос, как вообще этих конкурентов искать. А если даже повезло и все они на поверхности, то как определить, что применяемые одним конкурентом методики более жизнеспособный или круты, чем у второго? Подумайте на досуге :) Но в целом, по шаблону разбор норм, можно ценить. https://link.medium.com/PentSEZ4bcb

👉 Кстати, внутри стати вы найдёте нашу матрицу навыков, с вопросами для проверки и материалами для изучения, а также шаблон для оценки и даже прототип на airtable для менеджмента команды! Буду очень-очень рад вашей обратной связи 🙂

Ребята, доброго вечера! Только что закончилась конференция IT Home, где мы с ребятами тепло и лампово пообщались на тему работы в команде. Я попробовал выкристализовать свои принципы и обретенные праввила работы с людьми, так, чтобы не приходилось сожалеть и плакать, поливая себя водичкой в душике. Для удобства потребления все свои шрамы (так я назвал эти советы-принципы) разделил на фазы жизненного цикла человека в команде: найм, работа и рост. Очень хочется верить, что получилось очень интересно, и жизненно, и я буду очень рад, если вы зацените на досуге. PS 🔥🔥🔥 Вас уже 1500! 🔥🔥🔥 Это просто супер, друзья, мне очень приятно, что вас тут становится всё больше несмотря на мои непериодические посты 🙂 https://medium.com/@VanilaThunder/design-multiplayer-russian-inside-8f19d84f0159

Охохохо. Про AI по сети ходит уже довольно много контента: то компьютер генерирует миллион этикеток для банок с нутеллой, то оказывается, что его уже взяли на работу... Некоторые ребята изрядно напряглись: того и гляди нейронка наступит на пятки. Но сегодня дизайнеры могут спать спокойно... Булочки сейчас напрягут копирайтеры. Если вкратце, то ребята проводят А/Б тестирование человечего и роботизированного теста. И пока результаты не слишком обнадеживающие :) советую заценить https://vwo.com/ab-testing-openai-gpt-3/results/

Страны Скандинавии продолжают радовать меня дизайном. Теперь, правда, это не новые банкноты, а норвежские паспорта. И это, братцы, не концепт: партия таких паспортов уже увидела свет. Аж захотелось :) https://neue.no/work/norwegian-passports/

▶︎▶︎▶︎ Накину немного чила на сегодня. Культовая студия Norm создала свою первую выставку, посвящённую дизайну в швейцарском стиле. В ней представлены не только буквы, но ещё заявления о работе с пространством и формой, динамике восприятия, формата и функции символов и текста… в общем очень много всего наикрутейшего. Для общего вдохновения — очень советую. https://www.youtube.com/watch?v=NGzFnzlBl64

😂😭😍 И немного об эмоциях. Буквально несколько минут назад Антон Григорьев на своем канале UX notes опубликовал занимательную выжимку статьи «Можно-ли использовать эмоции как метрику?» и я поспешил ознакомиться с оригиналом. Привлек мое внимание один занимательный факт: сперва автор писал, что базовые эмоции универсальны, а затем привёл к тому, что определить их с должной точностью невозможно, а значит и метрика из них не сгодится. Углубившись в оригинал, оказалось, что часть про точность измерения касалась споров классиков исследования эмоций, которые в определении делали упор на мимику, и их современных оппонентов, пытавшихся эту точку зрения развенчать. Получается, сейчас в рядах ученого брата нет согласия по поводу методологии определения эмоций. Да и самоанализ испытуемых работает плохо, как показали современные изыскания в этой области. То есть объективно сказать, какую эмоцию человек испытывает в определенный момент времени используя доступную методологию нельзя. Но подождите секундочку. А зачем нам это вообще? Эмоции как таковые по сути для нас нейтральны. Ну то есть они зависят от контекста: если человек испытывает, например, злость 😠😡🤬 — это нам ни о чем не говорит. Он может злиться на ваше приложение, как на непригодный к использованию кусок дизайнерской мысли, а может злиться на себя, что не смог побить рекорд в любимой игре. Что эмоция нам скажет? Ни-че-го. А если мы построим эмоциональную карту взаимодействия и будем сравнивать ее с реальными тестами (при условии, что мы найдем способ объективной оценки)? Тогда сможем определить, где пользователи испытывают не то, что нужно! И снова НО: мы не сможем сказать, почему эти эмоции возникли, ведь триггеры вшиты в наш уникальный прошлый опыт. А если говорить про простые сценарии, типа «тут пользователь должен стать радостным, потому, что достиг цели, но стал злым из-за появившейся ошибки»... Это ж блин здравый смысл! Для этого не нужно быть семь пядей во лбу, достаточно проявить эмпатию. Да, ту самую, которую автор так опустил в конце статьи, пытаясь указать, что почувствовав то, что чувствуют пользователи глядя на выражения их лиц у нас не получится. 😂😭? Не, он прав, реально не получится, ведь эмоции возникают в определенной ситуации. Вот когда мы примеряем контекст — эмпатия и возникает, если наши ментальные модели не требуют полной синхронизации. Это я о том, что если вам покажут лицо человека, наполненное слезами и попросят сказать: это радость или печаль, то ваш ответ будет точен на 35%, как в исследованиях. Однако если вам сказать: «Что будет испытывать забулдыга, который только что отдал последний чирик за Фауст и выронил его на асфальт?» вы вполне в состоянии будете передать всю гамму эмоций (тем более, что чистые базовые эмоции вообще никогда не встречаются). В общем, я к чему. Метрика из эмоций реально никакая, но вот эмпатия, даже без исследования является одним из основных дизайнерских инструментов. Применяйте опыт на себя, не бойтесь :)

Все никак не могу уйти в сторону от прежней темы прототипирования. Все хотят привнести в свой рабочий процесс реальные данные: Sketch уже давно использует Data на JSON, для Figma пишут плагины, а о Framer я писал ещё год назад (а сейчас этот процесс упростился до нельзя). Но вернёмся к вопросу «зачем»? Зачем нам использовать реальные данные? Неужто, всеми любимый «Константин Константинопольский» не справится с тестированием текстовых областей? И стоит-ли заморачиваться с подключением каких-то API, если проще все набить руками? Что ж, в некоторых случаях вы будете правы, но иногда это просто необходимо. Недавно мы столкнулись на проекте с интересным инсайтом: при выборе иконок, демонстрирующих схему подключения устройства наши пользователи предпочитали «верную» иконку, цепь на которой была оптимизированной. То есть для них было важно, чтобы схема на самой иконке была правильной. И если даже такая мелочь может повлиять на взаимодействие, то представьте, что может сделать с представлением пользователя о вашем продукте неожидаемые данные? Например, если уж вы тестируете персонализацию, таки извольте подготовить сеты данных, чтобы хоть сделать вид, что вы учитываете интересы пользователя, без «представьте». Иначе это тестирование будет, мягко скажем, нерелевантным: если во время тестирования музыкального сервиса мне скажут «ну вот представьте, что вы любите Баскова», я конечно попробую, и губы мои скажут «Да», а вот в сердце я уже буду ненавидеть сервис 💔. Да и уже если заговорили о преимуществах, то затраты на создание датасета и его интеграцию — вложение одноразовое, и в будущем окупается. Кстати, если доступа к базе у вас нет, и никто из разрабов не пышет желанием делать для вас дамп, то вы можете украсить данные прямо с прода, используя, например Spider. Так что, если вы хотите выходить на новый уровень — изучайте плагины, а то и помочите ручки во Framer, ибо с новым компонентом отAirtable это стало прям изи.

Только что насладился чтением отчёта «State of Prototyping in 2020» от Framer. Они провели исследование, в котором опрашивали профессионалов о том, как те используют прототипирование в своей повседневной работе и с какими проблемами они сталкиваются. Вот некоторые выдержки: 👉 COVID-19 дал миру пинка, заставив его перейти в цифровую эпоху. Сейчас как никогда требуются хорошие цифровые продукты, причём быстро. А прототипирование помогает и качество улучшить и времени много не тратить. 99% опрошеных признали важность прототипирования в своей работе. 👉 Чаще всего прототипируют веб-сервисы и мобильные приложения (85% и 68% соответственно), реже VR или IoT (25% и 21%). Сперва подумал, что это странно, ведь весь процесс работы с IoT — это одно большое прототипирование. Но потом понял, что просто среди опрошеных всего 21% занимался подобным. Почти одурачился цифорками. 👉 И при этом отмечается интересное распределение. На вопрос «Сколько времени в среднем вам понадобиться на прототипирование сайта или приложения, используя ваш текущий тул?» распределение почти равномерное. То есть от часа до недели. Хм… тут, наверное, тоже всё от проекта зависит — простой апп в три экрана или огромная CRM. Интереснее было бы глянуть, какими тулами для этого пользуются 🙂 👉 А вот тут нежданчик, основной ценностью прототипирования отмечали не снижения затрат (24%), лучшее взаимопонимание дизайнеров и разработчиков (28%) или экспериментирование (40%), а неоценимость прототипа в продаже идеи стейкхолдерам (49%). До свидания Power Point? 👉 C технической же стороны, прототипирование помогает получать контекстозависимый фидбэк от пользователей (54%), описывает взаимодействие так, как спецификация не может (34%), да и вообще она становится не нужна (22%). 👉 Ну и напоследок, респондентов спросили о том, с какими проблемами они столкнулись, интегрируя прототипирование в свой рабочий процесс. И парадоксально, на первом месте отсутствие временных ресурсов на это (40%). Возможно, на это влияет и высокий порог вхождения в тулы, его отмечали 36%. Ну и куда без блокеров от стейкхолдеров — 22%. 👉 Возможно, этот отчёт поможет как раз убедить этих страптивых стейкхолдеров в необходимости кинуть пару монет на алтарь прототипирования. Как это уже сделали во время проектирования Facebook Chat Heads, Co-Op Scheduler, экрана нового Volkswagen или тестировнии эмоционального отклика всех продуктов G-suite. Интерактивненько можно оценить тут: https://www.framer.com/state-of-prototyping/ Полный отчёт в pdf.

Пара слов о кроссплатформенных дизайн-системах. Если быть точным, то о мультиплатформенном подходе. Сперва сложно уловить разницу, но она есть: ☝кроссплатформенный подход подразумевает использование одних и техже компонентов на разных платформах, а-ля «кнопки будут одинаковые, что в Web, что на Андроиде», в тоже время мультиплатформенный подход сохраняет лишь фундамент. По факту, разумные мысли автора заключаются не в бездумном следовании правилам и хоть костьми ляж, а в выполнении основных функций системы (да, неплохо бы вспомнить, зачем она вам нужна): 👉 Поддержание консистентности визуального стиля на всех платформах, создания единой принадлежности одному бренду, 👉 Оптимизация работы, принятия решений, и взаимодействия с множеством команд. И всех этих целей можно достичь за счёт использования централизованной системы хранения атомарных единиц (тьфу, крючкотвор), сюда входят принципы, манеры бренда, стили — с этим понятно. Но почему для разных платформ не может быть расхождений на более высоких уровнях? Особенно, если это обеспечит лучшее взаимодействие. Самым очевидным отличием будет разница между вебом и мобайлом: плотность экранов устройств, пальцы против курсора, жесты и т.д.(дизайн-фашисты, которые жгут на костре всех, кто хочет увеличить для мобилы кегль основного текста, надеюсь, вы хоть немного покраснели). Но и между мобильными платформами есть и свои различия в патернах поведения, так к чему их ломать в угоду мнимому призраку реиспользуемости, мистер Андерсон? Гораздо лучше иметь единый атомарный базис, четкую документацию и определения, чтобы на них строить отдельные части большой экосистемы? Подробнее можете прочитать в самой статье :) https://dbanks.design/blog/multi-platform/?ref=webdesignernews.com

В последнее время я часто замечаю комментарии от своих коллег, что у них остаётся мало времени... на дизайн. Ладно бы ещё на запускание воздушного змея или рассматривание любимой коллекции марок, но нет, речь о из непосредственной работе. Думаете проблема надумана? Проверьте мне, я знаю о ней не понаслышке: на прошлой неделе календарь на вторник и четверг был полностью забит кирпичиками митингов, так, что согласно правилам тетриса, эти дни должны были просто схлопнуться со свистом «Тю-тю!» И как работать в такой обстановке? Как что-то придумывать и проектировать, если 60% времени занимает пи... обсуждение чего-то? Причём, всё это приводит к очень негативным последствиям: минимальный выхлоп за спринт, постоянное давление дедлайнов и подрыв веры в собственную эффективность — мерзко, хочу вам сказать. И дабы избежать такой ситуации, я советую вам ознакомиться со статьей ниже. Вот некоторые советы из нее, которые реально сработают (проверено). 🚧. Букайте собственный календарь. Дабы избежать неправомерных посягательств на ваше личное время, особенно, когда вы этого не желаете, вам стоит самостоятельно заблокировать место для работы. Желательно, чтобы это был слот в два часа без перерывов. В некоторых сервисах даже можно автоматизировать этот процесс. Однако, стоит помнить о том, что весь день заблокировать не выйдет, иначе толку от этого будет, как от свободного календаря: вам всё-таки нужны слоты для встреч, просто вы вольны выбирать, когда. 🚧. Не бойтесь отклонять встречи или предлагать для них другое время, иначе быстро потонете в ворохе повседневных бесед ни о чем, или слушая то, что слушать вам и не нужно. Не все встречи одинаково полезны, так что здраво оцениваете полезность вашего участия: если за это время вы сможете сделать больше полезного, чем проговорить — выбор очевиден. 🚧. Уважайте ваше время и время ваших визави. Если вы назначаете встречу, уж извольте описать ее цель и повестку вопросов, иначе, вы будете тратить время впустую. А если будете выполнять это простое условие, то вскоре сможете требовать этого и от других. Кстати сказать, такое описание действительно экономит ресурсы, ведь порой, сформулировав вопрос, он может и отпасть сам собой. 🚧. Существует соблазн начать свой рабочий день с проверки почты и мессенджеров, ведь так вы сделаете хоть что-то сразу и получите дополнительный заряд от законченного дела. Но поверьте — это тупиковый путь. Эти паразиты высосут из вас все золотые часы, а толка будет мало. Лучше получайте заряд от действительно важных дел, а не от прожигателей времени. Я как-то раз реально забыл запустить аутлук, скайп и тимс и обнаружил это проработав пол дня. Никто не умер, а дел было сделано не мало. 🚧. Парадоксально, но все великие люди делили свой рабочий день периодом сна или отдыха. Это кажется контрпродуктивно, но поверьте, всего 30 минут сна (так называемые power naps) реально рабочий инструмент. Если поспать вам религия запрещает, тогда можете просто прогуляться, размяться или попить кофе — эффект будет. 🚧. Не ограничивайте себя недельными интервалами. Некоторые встречи вполне реально проводить каждые две или даже три недели. Представьте, сколько времени пропадает зря на статусы без апдейтов? Много. То-то же. Так что давайте брать на себя ответственность за свое время и работать с ним. https://uxdesign.cc/how-can-you-find-time-to-design-cc9a4e3a2b5d

Друзья, всё больше безумия захлёстывает этот мир, и я уже не помню дня, когда не сталкивался с иррациональным человеческим поведением. Кажется, что все вокруг подвержены какому-то массовому психозу и не хотят слушать голос разума, даже если он шепчет абсолютно рациональные факты. 🙈🙉🙊 Однако, всех обучить основам логики, а кого-то математики или активному слушанию, просто не получится, а общаться с такими людьми как-то нужно. Парадокс? Есть выход. Не так давно, мне в уши попалась книга «Как разговаривать с мудаками», конспект которой я обещал сделать в нашем комьюнити… вот и спешу поделиться ) Надеюсь, это будет полезное чтиво для вас и ваших психов. https://bityl.co/3LGB

Интересная статья, из очень авторитетного источника, о лучших практиках проектирования форм оплаты картой на примере L.L.Bean (продают боты). Чем же они такие выдающиеся? 👉 Они валидирует форму ввода данных карты (53% изученых сайтов делают это неверно). Не многие знают, что для валидации карты не требуется отправлять данные на сервак, или связываться с банком. Простую валидацию можно намутить используя просто контрольную сумму цифр карты. Так и данные пользователя целы и об ошибке он уведомлён. В дополнение по первым цифрам можно определить и подсветить, это Visa или Mastercard, чтобы сразу давать обратную связь о прогрессе введённых данных. НО! если уж вы используете сообщения об ошибке, то убедитесь, что оно однозначно даёт понять, что именно номер некорректен, иначе пользователь подумает, что карта не проходит и уйдёт от вас к другому. А вы потом локтями подавитесь. 👉 Они также автоматически подставляют пробелы в номер карты, что облегчает пользователям ввод (51% изученых сайтов делают это неверно). Тут, как бы, всё понятно: использование маски помогает следовать ментальной модели пользователей, разбивая огромный номер на удобоваримые блоки. Вы же не будете читать 16 цифр подряд? Вы будете делить их на кусочки, как и все нормальные люди. Например, на 4 кусочка по 4 цифры, а если в карте 15 символов, то по формуле 4×5×6. 👉 Также, страница явно даёт понять, что всё защищено и данные никуда не утекут (68% изученых сайтов делают это неверно). Согласно исследованию института Байморда за 2020 год, самыми топовыми причинами оставить товар в корзине и уйти были: 50% — Большая цена доставки или налогов, 28% — Просьба создать аккаунт, 21% — Слишком долгий чек-аут, 18% — Непрозрачная калькуляция цены, 18% — Дооооолгая доставка, 17% — Отсутствие уверенности в целостности данных. А исправить ситуацию может просто хороший дизайн, ведь люди привыкли доверять тем, кто им нравится. В дополнение, можно повесить всякого рода бейджи «Защищено», лого партнёров и визуальные подсказки, чтобы прояснить все подозрительные термины. Также круто будет заморочиться с поддержкой https. 👉 Они делают иконки ккредитных карт почти невидимыми (63% изученых сайтов делают это неверно). Тут кроется небольшой парадокс: с одной стороны нужно дать понять, какие платёжные методы существуют, а с другой… Исследования показывают, что если поместить иконки платёжных методов рядом с полем для ввода, то они будут расцениваться, как интерактивные элементы выбора. А нам такого не нужно. Проще и лучше выделить под них отдельную область, подальше от поля. 👉 Явно соотносят форму ввода данных карточки с реальным объектом. Так легче понять, где находится нужная информация (36% изученых сайтов делают это неверно). Ну тут вообще просто. Следуйте модели реального мира, и будет вам счастье. При этом не обязательно рисовать реальную карту, достаточно просто располагать поля прям как там, в том же порядке. От себя ж добавлю, что несмотря на то, что статья называется «Пять практик которые делают L.L.Bean лучшей в классе», многие наши отечественные сервисы давно следуют этим рекомендациям (возможно, ещё и раньше их внедрили), так что потеснись и держи планочку. https://baymard.com/blog/credit-card-form-ux-llbean

Иллюстрации Руфины Базловой о событиях в Белоруссии Руфина — белорусская иллюстратор, живущая и учащаяся в Чехии с 2008 года. Её иллюстрации по мотивам событий последних дней стилизованы под традиционную белорусскую вышивку. 🤍❤️🤍 #awd_illustration via instagram.com/rufinabazlova

Пока краник снова не прекрыли 🚰, я бы хотел поделиться с вами просто фундаментальным трудом про Свет и Тень. Выделяется он не просто продолжительностью чтения, но ещё и большим количеством наглядных моделей (проще один раз увидеть, чем прочитать и не понять). Из этого лонгрида вы узнаете основы поведения света: что он из себя представляет, откуда берётся, как себя ведёт. Познакомитесь с некоторыми интересными эффектами, такими как рассеивание и концентрация, узнаете, как работают они. Можно наглядно посмотреть, как ведут себя источники света разного цветового тона и интенсивности, а также понять, как сделать идеальную тень. И всё это весело и задорно, с модельками и потягушами. На мой взгляд — офигенный способ сделать свои графические работы ещё более крутыми и реалистичными. Автору — большое спасибо и низкий поклон 🤜🔥🤛 https://ciechanow.ski/lights-and-shadows/

Доброго вечера, уважаемые дамы и господа. 🧐 Пишу вам с преприятнейшим известием — вышел очередной выпуск нашего подкаста, коим я спешу поделиться. Если вам приходилось когда-нибудь испытывать на себе давление вышестоящего руководства и делать то, что вам кажется неэтичным, то в этом выпуске вы найдете что-то общее с нами. Рассмотрим несколько интересных экспериментов, узнаем как и что делать, если всё-таки прижучили и найдем друг у друга поддержку. Слушать можно там, где удобно: 🎸 Soundcloud 🎸 Yandex Music 🎸 Google Podcast 🎸 Apple Podcast 🎸 Youtube Буду рад продолжить с вами обсуждение этой темы, да и в принципе про дизайн потрещать в нашем спец. чатике DesignSpot. Спасибо за внимание :)