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

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

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

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

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

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

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

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

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

Новости

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Истории

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

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

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

В статье:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как появился графический интерфейс пользователя: история в лицах, деталях, фактах и курсорах

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

Графический интерфейс пользователя, каким мы его знаем сегодня, возник в результате десятилетий исследований множества инженеров и ученых. Программа Sketchpad Айвена Сазерленда, созданная в 1962 году, считается первым графическим интерфейсом пользователя.

Дуглас Энгельбарт изобрел компьютерную мышь в 1964 году, чтобы преодолеть ограничения световых перьев. Конструкция мыши продолжала развиваться. Исследователи PARC разработали первые растровые окна и меню, которые реагировали на ввод данных мышью. Дэвид Кэнфилд Смит в 1975 году ввел термин «иконка» для описания графических символов, представляющих программы и данные. 

Xerox Star в 1981 году коммерциализировал многие из этих концепций графического интерфейса, а Macintosh от Apple в 1984 году сделал их общепринятыми. В настоящее время ведутся юридические споры о том, кому принадлежат права интеллектуальной собственности на различные элементы графического интерфейса пользователя, такие как окна и значки.

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

10 тёмных паттернов в UX-дизайне и как их избежать

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

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

К типичным тёмным паттернам относятся давление на чувства, ложная срочность, заманивание, сбор личных данных, навязывание, подсовывание, маскировка рекламы, намеренное введение в заблуждение, паттерн «Roach Motel», предвыбор нежелательных опций, добавление лишних товаров в корзину, спам-рассылка по друзьям, автоматическое продлевание платной подписки после её окончания и не только.

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

Во избежание использования тёмных паттернов дизайнерам следует делать акцент на прозрачности, предоставлении контроля пользователю, а также этических практиках разработки. Такой подход способствует положительному пользовательскому опыту и взращиванию лояльности со стороны клиентов.
Читать дальше →
Всего голосов 55: ↑54 и ↓1 +53
Комментарии 16

Как мы перешли на кроссплатформенность в середине проекта и успели в срок

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

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

Мы — это ведущий дизайнер СберМаркета Настя Винокурова, продуктовый дизайнер Катя Вороненко и вся наша команда. Если кратко, это было так:

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

Полосы прокрутки становятся проблемой

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

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

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

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

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн

Из микро в макро: как адаптировать мобильное приложение под ТВ-платформу

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

Рано или поздно Android-разработчику станет любопытно попробовать новые платформы. Устройств с этой ОС много — есть из чего выбрать. Например, сейчас набирает популярность разработка под умные телевизоры.

И вот здесь начинается самое интересное. Вроде бы и на смартфоне, и на телевизоре одинаковая ОС, но приложению понадобится глобальная адаптация, ведь там, например, нет привычного Touch Screen, чтобы управлять контентом и быстро набирать текст в поисковой строке.

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

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

Почему дизайн должен начинаться с исследования, даже когда всё очевидно

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

Привет! Меня зовут Эмиль, и я продуктовый дизайнер в СберМаркете. Расскажу вам, как мы решили улучшить чекаут нашего сервиса и неожиданно для всех получили не тот результат, который хотели. Спойлер: в итоге мы всё исправили и сделали важные для себя выводы. Об этом тоже расскажу. 

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

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

Что не так с дизайнерами интерфейсов. Есть ли разница между UX/UI и продуктовым дизайнером?

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

В 2023 году слово «дизайнер» трактуется по-разному. Для одних — это специалист, который создает графику или работает с 3D, для других — человек, который занимается изучением клиентского опыта и созданием пользовательских сценариев, а для третьих — художник и деятель искусства. Работа звучит абсолютно по-разному, хотя и те и другие являются дизайнерами. Какие дизайнеры на IT-рынке бывают на сегодняшний день:

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

Как мы разрабатывали приложение с сибирским характером для суровых дальнобойщиков (и победили Яндекс Карты)

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

Весь месяц мы делись разработческими процессами и всякими полезностями: где сэкономить, как улучшить. Но ни разу не говорили о том, чем занимаемся сами — исправляемся! Расскажем, как оптимизировали бизнес, автоматизировав работу суровых дальнобойщиков, потому что вопрос эффективности сегодня чуть ли не самый острый.

Кстати, рекомендуем читать кейс под «Тихий огонёк моей души» :)

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

Как в Тинькофф ускорили процесс регистрации ИП, поменяв шрифт

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

Привет! Меня зовут Руслан Федоров, я продуктовый дизайнер в Тинькофф. Хочу поделиться кейсом, как мы поменяли шрифт у нескольких символов и тем самым ускорили регистрацию бизнеса наших клиентов. Погнали!

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

Снова о вечном: нужно ли продуктовому дизайнеру уметь программировать?

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

Рано или поздно каждый продуктовый дизайнер сталкивается с вопросом: нужно ли ему уметь программировать? Есть краткий ответ: дизайнеру не обязательно уметь программировать, но давайте копнём глубже.

Под продуктовым дизайнером в статье имеется в виду дизайнер цифровых продуктов, UI/UX-дизайнер, и остальные подходящие названия, которые сейчас в ходу на рынке.

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

Как в крупных компаниях ведут версионирование сценариев в Figma

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

Хочу поделиться опытом ведения макетов, так чтобы это было похоже на Git, которым пользуются все разработчики.

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

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

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