Telegram Web Link
Live stream finished (1 hour)
Фуф. Мы закончили. Пишите как вам разбор? Понравилось ли, хотите ли еще такие разборы?
32🔥7🏆5👍3
Что такое APCA и почему об этом полезно знать?

Если вы давно работаете с дизайном, то наверняка слышали о классическом WCAG Contrast Ratio, который помогает, например, проверять читаемость текста на фоне. У него есть одна важная проблема: он несколько формальный и не всегда отражает реальность.

Например, WCAG оценивает белый текст на чёрном фоне и чёрный текст на белом фоне одинаково, но наш глаз воспринимает их по-разному! Белое на чёрном (reversed text) читается сложнее.

APCA (Advanced Perceptual Contrast Algorithm) — новая методика, которая учитывает, как реально воспринимается контраст человеком:

✦ яркость текста и фона,
✦ размеры и толщину шрифта,
✦ окружающее освещение.

APCA даёт более точные рекомендации, чтобы текст был читаемым не только «по формуле», но и в жизни.

Почему это важно?

APCA уже начали внедрять в WCAG 3.0. Если вы проектируете дизайн-систему или интерфейс с прицелом на будущее — пора познакомиться с этим инструментом.

Проверить контраст по APCA можно, например, в этом сервисе
44👍10🔥5
Я сталкивалась с заблуждением, что незрячий пользователь просто не может взаимодействовать с приложением или сайтом. На самом деле — может. Помогают специальные программы — скринридеры.

Скринридер «читают» вслух всё, что есть на экране:

✦ заголовки,

✦ кнопки,

✦ подписи,

✦ изображения (если они снабжены alt-текстом),

✦ ссылки и элементы меню.

Когда я работала в mos.ru, мы приглашали в офис незрячего активиста Алексея, который помогал нам делать сервисы более доступными.Он показал, как он взаимодействует с нашим сайтом. Это был шок.

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

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

Почему так?

Потому что финансовую выгоду доступности бизнесу доказать сложно. Она есть — но чаще всего у продуктов с широкой аудиторией. Например, государственные сервисы, банки, крупные маркетплейсы. Если продукт нишевый или только на старте, тему доступности легко отодвигают в конец очереди приоритета.

На этом посте закрываю тему доступности. ❤️
40😢4🍓3👍2🔥1
На этой неделе поговорим про тексты в интерфейсе. Эта тема не была запланирована, но ребята с курса просили про это рассказать. А мне не сложно, я только рада. Тем более, что считаю тексты довольно значимой и важной темой.

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

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

✦ впечатление,
✦ удобство,
✦ доверие.

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

❤️ Тексты — это важно
🤷 Никогда не задумывался/лась
🌚 Это лишнее для дизайнера, пусть редакторы ломают голову
81🔥6👌2
Тексты и метрики: казалось бы, при чём тут надпись на кнопке?

На самом деле тексты в интерфейсе напрямую влияют на поведение пользователя. А значит — и на метрики. Подготовила для вас карточки с примерами ❤️
60🔥15👍2
✍️Сегодня поговорим об одной из моих любимых тем — валидации полей ввода. Это критически важные тексты для пользовательского опыта. Когда что-то пошло не так, пользователь ждёт ясного ответа, что делать. Разберем некоторые примеры:

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

Пользователь не понимает, что не так. 👉 Раздражён. Уходит.

Невнятное сообщение
«Что-то пошло не так. Повторите попытку позже.»

У пользователя могут возникнуть справедливые вопросы: Что пошло не так Повторить когда? А если не получится? 👉 Бросает корзину. Теряет доверие.

Ошибка с заботой
«Пароль должен быть не меньше 8 символов»

Пользователь понял. Исправил. 👉 Остался. Завершил регистрацию.


Тон не в тему
«Ой, платеж не прошел!»

Когда дело касается денег, «ой» не работает. 👉 Пользователь негодует, в следующий раз предпочтет другое приложение, если у него будет выбор.
Лучше написать что-то вроде: «Не удалось выполнить операцию. Мы уже работаем над этим. Попробуйте позже или выберите другой способ.» Да, профессиональный копирайтер наверняка справится лучше, но наша задача минимум — уместные и понятные тексты. ❤️
👍3817🔥6👏1
Поделюсь с вами немного личным. Вчера у меня был день рождения. А ещё я прилетела в Москву на лето. По этому поводу собрала у себя дома прекрасную компанию друзей и коллег — вечер был незабываемым…и просто посмотрите, какое красивое у меня теперь рабочее место!

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

Я даже не предполагала, что этот год окажется таким насыщенным и, без преувеличения, поворотным. Я благодарна своим друзьям, коллегам — и, конечно же, вам. За то, что вы рядом и читаете меня. За вашу поддержку — реакциями, комментариями, просто вниманием.

А я, в свою очередь, обещаю продолжать делиться с вами тем, что знаю и считаю важным. ♥️
113🎉42🥰11😁2
Вчера вечером прошло большое событие для мира цифровых продуктов — презентация WWDC 2025 от Apple.

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

А вот на что я бы обратила внимание — так это на функциональные обновления и то, как Apple внедряет новые технологии в свои продукты.

Меня лично очень зацепила функция автоматического саммари звонков с помощью Apple Intelligence. После разговора iPhone сам предложит краткий отчёт: кто звонил, о чём говорили, какие важные моменты стоит запомнить. А ещё добавили синхронный перевод звонков — и для меня это вообще топ. Возможно, разговоры с индусами по телефону наконец перестанут быть отдельным видом страданий в моей жизни.

Мне кажется, это отличный пример осмысленного внедрения AI в продукт. Не ради галочки, не потому что «все делают», а чтобы реально закрыть пользовательскую боль — ту, которую раньше просто не было как закрыть. И именно в этом, на мой взгляд, и есть Apple: не в эффектных демках, а в способности делать технологии незаметными и по-настоящему полезными.

❤️ Apple молодцы
🤷 Пока не сформировал/а мнение
🌚 Жидкое стелко — отстой

Давайте обсудим в комментариях!
109🤷‍♀28🌚25😁2👀1
Эту неделю посвятим теме резюме. Знаю, что у многих она болит.

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

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

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

На этой неделе я хочу разобрать с вами, как подойти к составлению резюме осознанно:

— как структурировать информацию

— как выделиться без приукрашиваний

— и как не провалиться в перфекционизм и не зависнуть на месяцы

А вы сейчас довольны своим резюме? Или тоже откладываете его редактирование «на потом»?
68👍137👀3
Сегодня хочу рассказать, как я подходила к работе над своим резюме. Это было несколько лет назад, и задача стояла непростая — сделать резюме под рынок, который я совсем не знала.

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

Сложность была ещё и в том, что часть информации уже потерялась. Где-то не сохранились заметки, какие-то детали проектов стёрлись из памяти, цифры из презентаций было невозможно восстановить. Поэтому, прежде чем вообще сесть писать текст, я начала с другого — с проектирования структуры будущего рассказа. Того самого, который я буду проговаривать уже на интервью. Я наговорила все на диктофон, загнала все в нейронку, прочитала, потом поняла что можно добавить. Так я проделала несколько циклов.

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

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

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

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

В итоге у меня вышло 2 варианта резюме — на дизайн-системы и на продуктового дизайнера. Я бы могла составить еще третий вариант под лида, но мне это было не актуально при переезде. Зачем это нужно? Потому что на высококонкурентном рынке резюме важно подстраивать под вакансию. Так намного больше шансов на продолжение диалога.
46👍14🔥11
2025/10/23 07:51:46
Back to Top
HTML Embed Code: