Рубрика «UI»

В январе 2025 года, после различных экспериментов с кодом для чатов, я захотел сделать свой красивый «идеальный» чат.

Мне хотелось, чтобы «кнопки выглядели именно так», чтобы при тапе на кнопку был импакт, чтобы форма бабблов сообщений была именно такой формы, чтобы были анимации открытия экрана, и множество других хотелок по чат UI/UX.

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

Читать полностью »

В этой статье в блоге ЛАНИТ хочу поделиться опытом нашей команды по внедрению скелетон-загрузки в приложение с семилетней историей. Мы столкнулись с плохой отзывчивостью нашего интерфейса и решили, что необходимо исправить эту проблему, чтобы улучшить жизнь пользователей, а заодно и сделать приложение более современным. 

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

Читать полностью »

Прохожу полный путь новичка на Хабр от регистрации до заполнения профиля и отмечаю критические ошибки в интерфейсе с позиции UX/UI дизайна и принципов эвристики доступности

Регистрация

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

Скрин приветствия

Я не начинал с идеи написать «убийцу JavaScript». Честно говоря, такие заявления обычно только мешают думать.

Сначала была гораздо более скромная мысль: мне нравится Go, мне нравится его простота, типизация и ощущение предсказуемого инструмента. Но когда дело доходит до интерактивного веб‑интерфейса, почти неизбежно оказываешься в другой вселенной: JavaScript, Node.js, сборщики, плагины, отдельная модель компонентов, отдельная экосистема.

Читать полностью »

Введение

Казалось, что DatePicker от Cloude сразу был готов в prod, но:

Я запустил NVDA, переключился клавишей Tab по нашему новому DatePicker'у, и фокус выскочил за пределы диалогового окна. В Читать полностью »

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

Как облегчить дорогу? 

Чем лучше машина, тем хуже кажется дорога

Чем лучше машина, тем хуже кажется дорога

Читать полностью »

В центре всего стоит UX (User Experience).

Все говорят про UX.

UX - это святое.

UX - это цель.

UX - это путь.

Да и, в конце-то концов, UX - это то, за что мы платим (или не совсем) деньги и прощаем недостатки.

Но, если копнуть глубже, возникает вопрос: «А из чего, собственно, состоит UX?»
Ответы обычно примитивны: из интерфейса, удобства, скорости, привычности. Но, чувствуете, чего‑то не хватает? Есть системы с красивым интерфейсом, которые бесят. Есть и такие, «некрасивые», к которым возвращаешься снова и снова.

Небольшое лирическое отступление

Читать полностью »

Продуктовая белая ворона выбирает с какого куска начать

Продуктовая белая ворона выбирает с какого куска начать

Читать полностью »

Пока вы спорите о скруглении углов в новой дизайн-системе и попиваете лавандовый раф, где-то в Челябинске ослепленный бликами от раскаленной стали оператор пытается разглядеть ваш элегантный серый шрифт на мониторе 2012 года выпуска. Спойлер: у него не получается.

Читать полностью »

https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js