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

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

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

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

1. Культурные особенности
Если используются фотографии/иллюстрации людей (чего лучше избегать), стоит показывать уместную обстановку и одежду. Но не стоит скатываться в клише — вставлять верблюдов, пустыни и пальмы.
Сервисы могут предусматривать настройки приватности для женщин или раздельные разделы контента. Валидируйте контент у представителей целевой культуры (плохой пример — свинья-копилка). Также ценятся орнаменты и каллиграфия.

2. Типографика
Практическое правило — делать арабские надписи примерно на 20–25% крупнее, чем аналогичные по значению английские. Междустрочный интервал — ~1.4–1.6 от размера шрифта.

Хороший вариант арабского шрифта — семейство Noto. Государственная дизайн-система ОАЭ рекомендует Noto Kufi Arabic.

В арабской типографике нет понятия курсива, а полужирное начертание используется с осторожностью — всё из-за той же «узорчатости». Также, поскольку в арабском нет разделения на верхний/нижний регистр букв, надписи капсом не применяются.
Помимо самих букв арабского алфавита могут понадобиться персидские, урду-символы или специальные лигатуры.

Кстати, Apple ввела семейство SF Arabic, гармонично сочетающееся с латинским SF Pro и предназначенное специально для интерфейсов, а также покрывающее нужные знаки и символы.

3. Правосторонний интерфейс (самое сложное)
Пользователь, читающий по-арабски, сканирует экран иначе: взгляд стартует из правого верхнего угла, проходит по верхней строке справа налево, затем движется вниз по правой стороне экрана. Общее правило: зеркалятся элементы интерфейса, связанные с направлением потока или временем, тогда как нейтральные или симметричные объекты остаются без изменений. Например, карусели и слайдеры листаются в обратную сторону по сравнению с английским интерфейсом.

Меню, хлебные крошки, шаги оформления — зеркалятся, как и выравнивание текста и списков. В диалоговых окнах основная (Primary) кнопка находится слева. Реалистичные объекты (иконки наушников, лампочки, книг и т.п.) остаются как есть, если они не подразумевают направление движения.

Правило bidi: фрагменты на языке с LTR (например, английское имя бренда) сохраняют свой порядок написания, но их выравнивают в общий правый поток.

В арабском тексте могут использоваться два типа цифр: западные (0–9) или восточные арабские (٠–٩). Многозначные числа обычно читаются слева направо (как и по-русски). «123» будет восприниматься как сто двадцать три, а не триста двадцать один.

4. Локализация контента
В арабском огромное количество диалектов. Стандартом служит литературный арабский. Но использовать его лучше с оглядкой на локальный контекст, чтобы текст не звучал сухо и слишком официально. При этом машинный перевод недопустим.
Арабские фразы длиннее английских. Кнопки, ярлыки и сообщения на арабском занимают на 15–30% больше символов.
Классно предусмотреть возможность выбора типа цифр, календаря (в т.ч. исламского), единиц измерения температуры, веса и т.д.
Хорошие примеры адаптации — сервис такси и доставки Careem (основан в Дубае), MyFawry — популярное финансовое приложение в Египте. Из известных — хорошо локализованным считается WhatsApp: он переключается автоматически при смене языка, так что потыкайте, но не забудьте, где находится смена языка. А одно из самых популярных приложений в Саудовской Аравии — Snapchat (а значит, оно хорошо адаптированно).

5. Интересности
UAE Design System 2.0 — открытый ресурс с гайдами по типографике, цветам, иконкам именно для арабского/двуязычного контента: рекомендации по выбору шрифтов, палитре цветов и шаблоны.
В Figma есть плагин для автоматического переворота макета — «RTL Mirror».
Статья «Designing an Arabic User Experience – Part 2: Usability» описывает конкретные приёмы улучшения UX для арабских пользователей (включая примеры и инсайты).

Спасибо за внимание — موفقاً إن شاء الله

Через 2 недели Apple выпустит свой пак для творчества. Интрига?

Вышла любопытная статья на Medium/UX Collective про дизайн-тренды 2026. Читаем?

1. Отныне пользователи хотят понимать, почему ИИ-шка решила именно так, а не просто получать ответ. Это результат как непроверенных, устаревших источников, так и просто недоразумений между юзером и сервисом. Думать и анализировать – в целом, полезно.

2. Пользователь всё чаще делегирует какие-то задачи ИИ, даже если они простые, и он знает, как это делать. Для дизайнеров это крутой поинт поразмышлять на досуге, как теперь анализировать эффективность новой фичи и взаимодействие с ней, если это уже заложено в AI-помощнике.

Кстати, если постоянно делегировать простые задачи, мозг начинает лениться — он ведь тоже мышца. Так что иногда полезно делать даже простое by yourself.

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

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

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

6. Кроссплатформенность становится требованием. Переход с Ipad на смартфон, со смартфона на Macbook должен быть бесшовным и иметь тот же непрерывный опыт.

7. Пароли мертвы. Отныне правит биометрия, отпечтки пальцев, лицо и глаза. Кстати, Сбер выпустил новый банкомат.

Короче думайте, но недолго. Это тоже вредно

Тем временем, компания OpenAI представила новый раздел ChatGPT Health. В нем можно будет разобрать результаты анализов, получить рекомендации по питанию, тренировкам, уходу за кожей и т.д.

Примечательно, что здоровье это один из самых распространённых сценариев использования ChatGPT — по статистике более 230 млн человек по всему миру задают вопросы о своем здоровье каждую неделю. Как правило, люди консультируются насчет результатов анализов, просят расшифровать МРТ-снимки, узнают побочные эффекты от препаратов и определяют возможные причины тех или иных симптомов. Также заявлено, что над продуктом два года работали более 260 врачей из 60 стран.
Сейчас пользователи уже могут записаться в лист-ожидания для использования нового раздела, а полноценный запуск ожидается в ближайшее время.

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

А ещё, Lamoda выкатила новую фичу — ИИ стилист. Правда, пока только beta, да и она уже была у них реализована как чат-бот в tg.
Теперь в приложении уже можно потыкать, и будет интересно как и модникам/модницам, так и дизайнерам, поискать плюсы и минусы решения.

Ищите на главной, слева этикеточку «ИИ-стилист»

Делаю я, значит, своё портфолио. А вернее, собираю продуктовые кейсы, факты, и переношу всё с обычного конструктора на собственный сайт.
Во-первых, учиться новому – my guilty pleasure, а во-вторых, знали бы вы, сколько интересных референсов, сервисов и помощников я нашла. Кажется, это тема для отдельного поста – создать паспорт себя-труженника

А ещё, находка! Сайт basement.studio.
Просто посмотрите, а еще можете собаку погладить и в баскет поиграть

Agentation — визуальный инструмент для обратной связи между UI и кодинг агентами.

Когда просишь Claude Code, Codex или другого агента что-то поправить на сайте, чаще всего он угадывает о каком элементе речь.

Agentation убирает угадывание.

Как работает:

1/ Наводишь на элемент, он подсвечивается
2/ Кликаешь, пишешь фидбек
3/ Копируешь markdown в Claude Code / Cursor
4/ Или через MCP: агент сам следит за новыми аннотациями в реальном времени, ты находишь баги на сайте, он подхватывает и чинит без команды.

Работает с любым AI-агентом и только с веб-интерфейсами, кто пилит сайт, попробуйте!

[Ссылка тут]

@tips_ai #tools

Пропала, ибо путешествую. Но привезла вам прикол!
Вернее вопрос: знаете ли вы, почему самая кликабельная зона с важными разделами/действиями находится справа снизу?

А всё потому, что большинство (90%) людей – правши. А правши они потому, что меч держали в правой руке. Потому что слева держали щит. Потому что сердце – слева.

Если на созвоне спросят, почему расположили кнопку справа, ваш ответ будет краток, друзья

Также, завтра-послезавтра (сроком на месяц i think) я начинаю челлендж.

Мы с вами будем наблюдать над тем, как разные AI-штуки будут решать продуктовые задачи, тестовые и вайтбординги разных компаний.

Посравниваем, поучимся, а может Ии НаС зАмЕнИт? В любом случае, это будет интересный эксперимент, который ляжет в основу статьи или исследования