RU

Как добавить новый сценарий в существующее Android-приложение без технического долга

Привет! Меня зовут Ирина, я Android-разработчик в SimbirSoft. Хочу поделиться с вами опытом разработки новых функций и рефакторинга существующих мод…

технический долгandroidkotlinмобильное приложенипрограммированиеclean architectureuicontract firstfeature toggle
Habr
RU

Новая отечественная Figma — Linia

Не так давно меня приглашали тестировать Figma-like редактор от Ростелекома. Тогда он был всё-таки сильно сырой. Оказалось, что другие команды не др…

figmaui
Habr
RU

Как стать UX/UI-дизайнером и сколько можно зарабатывать

За каждым цифровым продуктом или сервисом стоит команда специалистов, которые думают о пользователе: как он двигается по экрану, что замечает первым…

образование в итобразование в itдизайнuxux designuiдизайн в itобразование онлайн
Habr
RU

Геометрический бум: как перестать бояться Canvas и начать рисовать интерфейсы

Обычно такие статьи начинаются с банальных вопросов по типу «Что такое интерфейс», «Что такое разработка», «Что такое проектирование». Суть в том, ч…

pythontkintercanvasинтерпретаторuiguireplaceпрокруткахолст
Habr
RU

Avalonia UI и Linux Embedded: делаем Grafana-дашборд на старом Raspberry Pi и древнем 32-битном OrangePi

В этой статье расскажем, как сделали информационную панель для офиса. Мы написали приложение на Avalonia UI, которое забирает данные из Grafana чере…

avaloniaavaloniauicrossplatformuiraspberry pineteremexeremexcontrolsemxcontrols
Habr
RU

Контрастные пятна в дизайне: как фокус управляет вниманием и смыслом

Современного человека окружают интерфейсы. Мы взаимодействуем с ними в разных сферах жизни и даже не всегда замечаем этого. Именно поэтому внимание…

uiuxконтрастконтрастностьинтерфейсыдизайн интерфейсовдизайнпятна
Habr
RU

Извлечение генома стиля в Chat GPT: от референса до готового скила

Сделать одно изображение по референсу несложно. Гораздо сложнее сделать серию изображений, в которых меняются объекты и сюжеты, но сохраняется один…

uiuxaiai-агентысоздание сайтовпромптыпромпты-подсказкипромпты для фотопромптингпромпт
Habr
RU

Мы сделали свой UI Kit: 6 компонентов превратились в 30+, а одна ошибка сломала разметку во всех проектах

Мы сделали свой UI Kit: 6 компонентов превратились в 30+, а одна ошибка сломала разметку во всех проектах С чего всё начиналось Когда в проекте начи…

javascripttypescriptuikituiui kitreactreact.jsпрограммированиефронтендфронтенд-разработка
Habr
RU

HTML и CSS помогут вам сделать дружелюбный интерфейс! Вот моя коллекция простых лайфхаков

Привет, Хабр. Я переживаю, когда вижу плохие интерфейсы. Мне не нравится, когда пользователю сложно или неудобно. У меня очень сильно подгорает от э…

htmlcssфронтенддоступностьвеб-разработкаuxuiruvds_статьи
Habr
RU

Как я написал круговой лаунчер на Jetpack Compose: тригонометрия свайпов и системные грабли

Большинство лаунчеров для Android повторяют одну и ту же концепцию сетки иконок. Чтобы открыть приложение, нужно листать бесконечные рабочие столы и…

androidkotlinjetpack composeлаунчерlauncheropen sourcediswipeuiandroid development
Habr
RU

Исправляем интерфейс криптокошелька. Как не заставлять пользователя считать в уме

Разбор интерфейса Телеграм Кошелька. Исправляю ошибки в UX на странице токенов, чиню логику баланса портфеля и делаю историю транзакций понятной без…

uxuiпродуктовый дизайнредизайнфинтехtelegram walletкриптокошелекюзабилитиfigmaинтерфейсы
Habr
RU

Человекоцентричный B2B-экран. Снижение нагрузки на техподдержку и ускорение поиска ошибок

Улучшаем UX экрана проверки товарных фидов в Яндекс Директе. Ускоряем считывание статусной информации и структурируем технические данные так, чтобы…

продуктовый дизайнредизайнfigmaдизайн-системаb2bинтерфейсыкейсяндекс директuxui
Habr
RU

Как мы проектировали идеальный пользовательский опыт для OTP-поля

Почему ввод кода из смс раздражает, хотя занимает всего несколько секунд? Казалось бы, OTP-поле — простой элемент интерфейса, но именно на этом этап…

otpuxuiпользовательский опытавторизацияаутентификацияaccessibilityформы вводавеб-дизайнusability
Habr
RU

Проектирование экранной клавиатуры для промышленного интерфейса «Инспектор»

Подробнее разобрала, почему выбрала ЙЦУКЕН, как адаптировала клавиатуру под разные типы полей, работу оператора в перчатках и ограниченное пространс…

uxuiэкранная клавиатурасенсорный экрансенсорный вводпромышленное оборудованиеинтерфейс операторапромышленный интерфейсйцукен
Habr
RU

Почему Android экран дёргается: простые ошибки, которые ломают плавность

После этой статьи вы сможете найти самые частые причины лагов в Compose-экранах и быстро убрать их без больших переписываний. Разберем, почему больш…

androidkotlinjetpack composeperformanceoptimizationbest practicesuicoroutines
Habr
RU

Два способа создания доступного DataPicker'а с помощью AI: 80/20 в пользу AI или системное проектирование с агентом

DatePicker казался нам небольшой задачей в разработке UI, пока мы не попробовали создать компонент, который будет корректно работать с keyboard navi…

datapickerfrontendclaudeииtypescriptjavascriptwebuxuiai
Habr
RU

Трансформация интерфейса приложений: сначала консоль, потом GUI, потом скажи, что нужно, и ИИ сделает?

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

uxux designuiai
Habr
RU

Сабглифы, гайдлайн на 50 страниц и 2500 иконок: пересобрали всю систему, когда «просто» захотели освежить иконки

Привет друзья! Меня зовут Тима, я дизайнер в дизайн-системе Альфа-Бизнес.  Когда в крупном финтех-продукте заходит речь об обновлении иконок, с…

иконкидизайн-системаuiпродуктовый дизайн
Habr