Как стать автором
Обновить
16.53

Дизайн мобильных приложений *

Приложения для iOS, Android, Windows Phone

Сначала показывать
Порог рейтинга
Уровень сложности

История одного редизайна. Экран карты в мобильном приложении ОТП Банка

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров728

Привет, Хабр! Меня зовут Митя и я занимаюсь развитием цифровых продуктов в ДБО в ОТП Банке.

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

В статье расскажу, как мы подошли к задаче, что изменили и к каким результатам это привело. Материал будет полезен тем, кто развивает мобильные приложения — особенно в финтехе.

Читать далее

Новости

Хаос и структура продуктового дизайнера

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров414

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

Абстракция в процессе — это не когда ты не знаешь, что делаешь. Это когда ты ещё не знаешь, что из этого получится. У тебя уже есть обрывки идей, сырые инсайты, эмоции от пользователей, странные ощущения, которые нельзя выразить словами — но именно они и двигают тебя вперёд. Это как быть внутри тумана, но интуитивно идти в правильном направлении. Никакой структуры. Никаких диаграмм. Только внутренний компас и ощущение: «Тут что-то есть».

И да, это очень некомфортно. Потому что мир продуктового дизайна давно оброс фреймворками, CJM’ами, метриками, таймлайнами и бэклогами. И ты вроде как должен всё объяснить — команде, бизнесу, себе. А у тебя — только странный набросок, скрин экрана и фраза: «Мне кажется, вот в этом что-то есть».

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

Читать далее

Сделай удобно: подборка UI/UX-кейсов из цифровых и нецифровых продуктов (#14)

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров2K

Продолжаю изучать различные UI/UX/CX кейсы в мобильных приложениях, веб-сайтах и в реальном мире. Дизайнерам и менеджерам по продукту, чтобы вдохновиться и добавить в заметки.

Под катом: Youtube, Glovo, Intsagram, Tiny Glade.

Читать далее

Как мы улучшили разбор спорных ситуаций с машинами без А/Б-тестов и бэкенда — продуктовая история из каршеринга

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров721

На связи продакт каршеринга Ситидрайв — Настя Голованова. Сегодня расскажу, как мы пересобрали UX пост-осмотра автомобиля без единой строчки бэкенда и без A/B-тестов — только через быстрое прототипирование, юзер-интервью и разумные продуктовые компромиссы. Получился кейс, где дизайн решает бизнес-задачу, а изменения в одном экране экономят миллионы. Будет полезно всем, кто работает на стыке клиентского опыта и юнит-экономики 🤝

Читать далее

Горячие клавиши в Figma с пояснением на русском

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров1.2K

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

Смотреть горячие клавиши

Тренировка дизайнерской продуктовой насмотренности: 2 упражнения

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров907

Прокачивать насмотренность — обязательный навык для любого дизайнера.
Но просто бесконечно листать Dribbble и сохранять "референсы в закладки" — недостаточно.

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

Читать далее

Как я стал UI/UX-дизайнером после «весёлого» вечера

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров2.6K

Или как войти в IT из-за пьянки в общаге.

Мою первую работу дизайнером мне устроил… армянский коньяк. Не шучу. Сейчас расскажу.

Читать далее

Персуазивные технологии

Уровень сложностиСредний
Время на прочтение13 мин
Количество просмотров2.3K

Говорят, что в иностранных вузах это отдельный предмет — Persuasive Design, Persuasive Technology. Не знаю, не проверял, но, видя, насколько это мощный инструмент разработки, охотно в это верю. Сталкиваясь всё больше с этими технологиями во всех сферах, где я работаю, пришлось посвятить их изучению довольно много времени, что вылилось в эту статью. Решил поделиться с вами своими мыслями, оформленными в отдельные разделы и сгруппированными по методам работы. Дополнительно отмечу, что многие исследования глубинной природы человека постоянно возвращали меня к этим технологиям. Например, изучение систем выработанных рефлексов, методов работы с жадностью и гневом неизменно приводило к исследованиям в этой области. Также стоит дополнительно отметить, что эти приёмы помогают эффективнее взаимодействовать с малообразованными людьми.

Читать далее

Flutter & Dart: весенний апдейт — backend, DevTools и Roadmap 2025!

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров1.9K

Весна в самом разгаре, а вместе с ней — обновления, гайды, инсайды и бум активности в экосистеме Dart и Flutter. В этом выпуске вы найдёте мощные инструменты для DevTools, свежие идеи для архитектуры, backend-направление на Dart и многое другое.

Читать далее

Дизайн за 5 минут. Дайджест апреля 2025

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров627

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

1. Обновление приложения и сайта «Подружки»
2. Новая схема карты метро Нью-Йорка
3. Первоапрельское обновление главной страницы Яндекса
4. Игра «Thank Goodness you're here» от Panic
5. Обновление сайта Jitter
6. Новая айдентика Хельсинки
7. Раздел «Library» в ChatGPT

Погнали!

Продуктовый концепт. Инструкция по выживанию

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров822

Уууу, страшное слово — концепт... На фоне пугающие звуки...

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

И, возможно, поэтому энтузиазм коллег при слове «концепт» я вижу нечасто. Вместо него чаще появляются дизайнерские страхи, тревоги и сомнения. Хочется их развеять — хотя бы немного. Попробуем?

Читать далее

Jetpack Compose для Android TV: как происходит перемещение фокуса

Время на прочтение10 мин
Количество просмотров1.3K

Привет, Хабр! Меня зовут Сергей Захаров, я разработчик в онлайн-кинотеатре KION. Jetpack Compose постепенно становится стандартом разработки UI для Android, и Android TV не остался в стороне. Вместо устаревшего и громоздкого Leanback теперь есть гибкий и мощный фреймворк, который обещает упростить разработку.

Однако на Android TV ключевую роль играет управление фокусом — без него невозможна навигация. Как же Compose справляется с этой задачей? Достаточно ли он удобен для больших TV-проектов, или лучше ограничиться им в мобильных приложениях? В этом и следующих материалах я отвечу на эти вопросы на примере конкретных кейсов. 

Это первый пост моего цикла про работу с фокусом в Jetpack Compose. В нем я расскажу, как в Jetpack Compose перемещается фокус, рассмотрю используемые при этом компоненты, покажу их плюсы и минусы, а также дам рекомендации по их применению в приложениях для Android TV.

Читать далее

Все пути дохода дизайнера в IT и не только

Уровень сложностиПростой
Время на прочтение14 мин
Количество просмотров11K

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

Читать далее

Ближайшие события

Content Based Theme в Android приложении

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров1.1K

В этой статье мы будем раскрашивать MaterialCardView и её дочерние элементы в цвета, сочетающиеся с цветами изображения. Для этого воспользуемся DynamicColors API.

Читать далее

Сделай удобно: подборка UI/UX-кейсов из цифровых и нецифровых продуктов (#13)

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров1.5K

Продолжаю изучать различные UI/UX/CX кейсы в мобильных приложениях, веб-сайтах и в реальном мире. Дизайнерам и менеджерам по продукту, чтобы вдохновиться и добавить в заметки.

Под катом: Кухня на районе, Дзен, Google, Яндекс.Еда.

Читать далее

Управление временем по-новому: программа для оптимизации работы по биоритмам

Время на прочтение2 мин
Количество просмотров3.6K

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

Читать далее

Как я починил огромный баг (фичу) переменных Figma с помощью AI

Уровень сложностиСредний
Время на прочтение19 мин
Количество просмотров1.8K

Если вам когда-нибудь приходилось копировать переменные из одного файла в другой, то вы тоже наверняка сталкивались с тем, что Фигма НЕ сохраняет связи между переменными! То есть, если скопировать semantic/brand/primary и base/brand/500 (первый наследует значение второго) — фигма удалит их связь! И оставит связь с другой переменной, оставшейся в другом файле. Это ужаснейший флоу. И к сожалению, это фича, а не баг, и они его не планируют чинить.

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

Читать

Сделай удобно: подборка UI/UX-кейсов из цифровых и нецифровых продуктов (#12)

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров1.8K

Продолжаю изучать различные UI/UX/CX кейсы в мобильных приложениях, веб-сайтах и в реальном мире. Дизайнерам и менеджерам по продукту, чтобы вдохновиться и добавить в заметки.

Под катом: Aviasales, Яндекс.Карты, Яндекс.Поиск, Airbnb, Citroen.

Читать далее

SwiftUI или UIKit: что выбрать для iOS-приложений?

Время на прочтение6 мин
Количество просмотров670

Привет, Хабр! Сегодня мы в коротком формате сравним SwiftUI и UIKit: где SwiftUI реально выигрывает, а где старый добрый UIKit остаётся незаменимым.

Читать далее

Как у нас происходит процесс передачи макетов разработчикам

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров1.6K

Важной частью работы дизайнеров является передача интерфейсов в руки фронтенд-разработчиков (mobile и web). Но, между творческим замыслом дизайнера и его воплощением в коде может возникнуть немало трудностей. 

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

Читать далее
1
23 ...