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

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

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

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

Инклюзивность и цифровая доступность в дизайне: почему это важно для всех

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

Всем привет! Меня зовут Юля Алёхина, я дизайнер в AGIMA. В этой статье поговорим об инклюзивном дизайне, о том, почему он касается не только людей с инвалидностью и как правильно аргументировать важность доступности в общении с заказчиком. Еще расскажу, как наш дизайн-отдел учился работать с доступностью, о наших новых целях и планах на будущее.

Читать далее
Всего голосов 18: ↑16 и ↓2+14
Комментарии5

Экспортируем иконки из Figma в проект одним кликом: история одной автоматизации

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

Абсолютно стандартное начало: в Figma размещался набор из примерно тысячи иконок, которые успешно перенесли в проект. Все собрали, потестили и зарелизили. Про автоматизацию никто не думал, поскольку задача казалась «одноразовой». Ну а в случае последующих обновлений или дополнений каких-то элементов ручной труд должен был занять несколько минут. Что тут может пойти не так?

Под катом про знакомый всем «человеческий фактор», плюс краткий гайд по автоматизированному экспорту картинок из Figma в рабочий проект.

Читать далее
Всего голосов 12: ↑12 и ↓0+12
Комментарии0

Как работает NDA в разработке приложений? + шаблон НДА

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

Текущий информационный мир полон не только возможностей, но и ограничений. Если вы работает в B2B и B2G, то не раз встречались с NDA от заказчика. Я расскажу о своем опыте в сфере аутсорсинг‑разработки: как выгодно пользоваться этим документом.

Читать далее
Всего голосов 2: ↑1 и ↓1+2
Комментарии4

Почему навигация в Google, Booking и Spotify именно такая, и какую лучше выбрать вам

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

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

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

Вы узнаете:

какие основные виды навигации существуют,

как логически работает навигация,

некоторые особенности и различия платформенных решений (iOS vs Android).

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

Читать далее
Всего голосов 17: ↑15 и ↓2+14
Комментарии3

Истории

Рисуем эффект «Таноса» на Android (и не только)

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

Привет! Вопрос мобильным разработчикам: часто ли вам приходится работать с необычным UI? Если вы ответили утвердительно, то я по-доброму вам завидую. В своей повседневной практике мне в основном приходится работать со стандартным набором компонентов и их базовой настройкой. Абсолютно ничего не имею против, но хочется чего-то «эдакого»: кастомных компонентов, написанных с нуля, необычных анимаций и эффектов. Часто подобные вещи вызывают много споров (как среди разработчиков, так и конечных пользователей) а-ля «А на кой оно вообще надо», но лично для меня это ни что иное, как творчество. Кто-то красиво рисует, кто-то красиво поёт, а кто-то пишет красивые уникальные приложения, которыми интересно и приятно пользоваться. И мы, пожалуй, не можем обвинять авторов за бессмысленность «украшательств», как по-хорошему не можем судить художника за его работу.

К чему я – спросите вы. Я отвечу: настраиваю на нужный лад :) В рамках этой статьи мы коснёмся полезной темы и создадим что-то бесполезное в практическом смысле, но несомненно интересное и достаточно уникальное.

Уже интересно
Всего голосов 23: ↑23 и ↓0+23
Комментарии9

Книга «Дизайн для разработчиков»

Время на прочтение20 мин
Количество просмотров7.1K
image

Привет, Хаброжители!

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

Книга раскрывает основные принципы дизайна и особенности пользовательского восприятия, которые должен знать каждый веб-разработчик. Читателю определенно понравится, как автор демонстрирует новые идеи на примерах популярных сайтов и пользовательских интерфейсов. Откройте методы исследования поведения юзеров и научитесь использовать цвет, типографику и верстку для создания удобных и привлекательных веб-интерфейсов. К концу книги вы поймете, что хорошее чувство дизайна действительно является ценным подспорьем для разработчика!
Читать дальше →
Всего голосов 10: ↑10 и ↓0+10
Комментарии5

Что ученые знают про темные паттерны в дизайне: как повышают конверсию и насколько роняют доверие?

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

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

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

Читать далее
Всего голосов 7: ↑6 и ↓1+7
Комментарии13

«Не заставляйте меня вводить цифры»: реализуем сложный повтор в мобильном календаре

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

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

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

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

Читать далее
Всего голосов 20: ↑20 и ↓0+20
Комментарии27

Паттерн поиска в мобильном приложении. Какую механику выбрать дизайнеру?

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

Поиск помогает пользователям быстро находить то, что им нужно. Но как создать такой поиск, а главное — сделать его полезным инструментом?

В статье:

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

— заглянем в гайдлайны,

— рассмотрим UX-ошибки.

Как же выбрать оптимальный вариант поиска для вашего мобильного приложения?

Давайте разберемся
Всего голосов 14: ↑13 и ↓1+15
Комментарии0

AndroidFoodRecipesGuideTutorial

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

В данной статье мы создадим простое приложение для отображения списков блюд на платформе Android с использованием языка программирования Kotlin.

Мы погрузимся в увлекательный мир мобильной разработки и научимся использовать различные технологии, включая RecyclerView для отображения списков, фрагменты для организации интерфейса, и многое другое. Наше приложение будет не только функциональным, но и простым в создании благодаря мощным инструментам, которые предоставляет нам Kotlin и Android SDK.

Давайте вместе разберемся, как создать этот простой, но полезный инструмент, который может быть использован в различных контекстах, будь то кулинарное приложение, список покупок или что-то еще. Погнали!

Погнали!
Всего голосов 4: ↑1 и ↓30
Комментарии3

Я создал подробнейший гайд для карьеры дизайнера

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

Привет! Я Дима, автор телеграм канала Дизайн тусовка. Я собрал полноценный гайд для всех грейдов на основе своего опыта и недавнего поиска работы в топ IT компаниях России, вот мой результат:

Читать далее
Всего голосов 18: ↑2 и ↓16-12
Комментарии1

Создаем гироскопический параллакс-эффект во Flutter

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

Сегодня расскажу, как с помощью гироскопа или акселерометра можно оживить картинку при простом наклоне телефона.

Читать далее
Всего голосов 5: ↑5 и ↓0+5
Комментарии0

Как на ваш выбор влияет дизайн. Подробно про тёмные паттерны в UX

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

Вы знаете, каково это.

Часто ли у вас бывало, что отклонение куки вызывало дискомфорт? Вроде есть уведомление на половину экрана. Есть кнопка «настроить свои параметры», при нажатии которой открывается меню, где нужно выбрать конкретные параметры. Но зато в любой момент, конечно, вы можете «принять всё» и не думать о дополнительных шагах.

Или, может, вам была нужна та самая пробная подписка на 7 дней, но когда вы решили её отменить, то это резко из одного действия превратилось в лабиринт до надписи «Отменить подписку». Все эти техники объединены в группу, называемую «Тёмные паттерны», шаблоны для создания манипулятивных схем взаимодействия системы и пользователя.

Мы встречаемся с этим в рекламе, интерфейсах, играх (оттуда пришло много манипулятивных паттернов), это было всегда с момента создания рекламы.

Узнать как мной управляют
Всего голосов 24: ↑23 и ↓1+27
Комментарии9

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

Создаем параллакс-эффект во Flutter с CustomPaint

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

Краткое руководство по созданию эффекта параллакса в Flutter с использованием CustomPaint. Узнайте, как оживить интерфейс вашего приложения с помощью динамичных визуальных эффектов.

Читать далее
Всего голосов 1: ↑1 и ↓0+1
Комментарии0

Подробный гайд как сделать темную тему с помощью variables фигмы

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

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

Читать далее
Всего голосов 6: ↑6 и ↓0+6
Комментарии0

Как оценивать Дизайн (метод 3К)

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

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

Читать далее
Всего голосов 3: ↑2 и ↓1+1
Комментарии0

Приглашаем на Ozon Tech Community Design Meetup

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

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

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

Приглашаем присоединиться к этому разговору 21 февраля в 18:30 — офлайн в Москва Сити и онлайн в трансляции на Youtube. Под катом найдёте подробный анонс и ссылку на регистрацию

Читать далее
Всего голосов 16: ↑14 и ↓2+12
Комментарии2

Как уменьшить вес продуктовой анимации в 400 раз (без AI)

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

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

В статье мы ответим на следующие вопросы: Какой формат анимации с растровыми элементами выбрать для использования в мобильном приложении? Как уменьшить вес файла и не потерять качество картинки? И как со всем этим связаны Lottie-анимации?

Читать гайд
Всего голосов 12: ↑8 и ↓4+9
Комментарии22

Изи freestyle android приложения на Kivy (Python), Google colab и ваш не любимый ChatGPT

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

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

Читать далее
Всего голосов 12: ↑11 и ↓1+13
Комментарии2

Удобство и/или безопасность? Tinkoff edition

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

Вы приходите домой и открываете почтовый ящик. Одновременно с этим на 5 минут открывается сейф у вас в доме. Удобно? Возможно, в некоторых случаях, да. Очевидно и интуитивно? Каждый решит в своём случае.

Читать далее
Всего голосов 18: ↑14 и ↓4+13
Комментарии45

Вклад авторов