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

Мой опыт саморазвития, поиска работы и зарабатывания денег

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

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

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


Кнопки-призраки, то есть кнопки, у которых обозначена граница, но нет заполнения цветом, в последнее время стали популярны в Сети. Призраками их называют, чтобы подчеркнуть их прозрачность — так как у них вообще нет никакого цвета, они сливаются с фоновым изображением (часто это фотография). Но всякий раз как он попадаются мне на глаза, я поневоле задаюсь вопросом: проводили ли дизайнеры A/B тестирование? Может быть, сказывается мой опыт работы над повышением конверсии, а может, дело в их популярности в современном дизайне — так или иначе, у меня к ним сложное отношение.

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

Существует ряд дебатов о том, какие дополнительные навыки должны изучать дизайнеры. Должны ли дизайнеры кодироваться уметь писать код и понимать бизнес? Эти навыки невероятно ценны, но, возможно, не являются существенными. Тем не менее, я бы сказал, что каждый дизайнер должен изучить основы психологии. Как люди, у нас есть основной «план» того, как мы воспринимаем и обрабатываем окружающий мир, а изучение психологии помогает нам определить этот план. Как дизайнеры, мы можем использовать психологию для создания более интуитивных, ориентированных на человека продуктов и опыта. Вместо того, чтобы принуждать пользователей подстраиваться под дизайн продукта или опыта, мы можем использовать некоторые ключевые принципы из психологии в качестве руководства для проектирования дизайна по модели поведения людей.

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

Интерактивность помогает сделать пользовательские интерфейсы выразительными и простыми в использовании. Несмотря на большой потенциал, интерактивность, пожалуй, наименее понятно из всех дисциплин дизайна. Это может быть связано с тем, что интерактивность является одним из новых членов семейства пользовательских интерфейсов. Визуальный дизайн и дизайн взаимодействия восходят к ранним графическим интерфейсам, но интерактивный дизайн должен был дождаться более современного оборудования для плавного рендера анимации. Наслаивание интерактивности пользовательского интерфейса на традиционную анимацию вносит свою лепту недопонимания. Целую жизнь можно потратить на освоение 12 основных принципов Диснея, означает ли это, что интерактивность пользовательского интерфейса также сложно? Люди часто говорят мне, что проектировать интерактивность сложно или что выбор правильных значений неоднозначен. Я утверждаю, что в областях, наиболее важных для пользовательского интерфейса, интерактивный дизайн может и должен быть простым.

Лучшие идеи последних недель из Telegram-канала «TheDesignTimes»

Как зарабатывать больше

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

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-август 2018.

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

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

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

Честно говоря, мне уже неловко в очередной раз говорить об Атомарном дизайне. Про концепции дизайн-систем сказано практически все и, казалось бы, добавить уже нечего. Но постойте! Ведь атомы в реальном мире из чего-то состоят: протоны, нейтроны, электроны… Можно ли сопоставить со структурой атома дизайн-функционал, с котором мы работаем? Я уверен, что ответ положительный и вот почему…

Заметка. Немного крик души о том, как не надо делать поля для ввода пароля при регистрации на сайтах.

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

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

BottomAppBar — это один из новых Android Material компонентов, которые были представлены на Google I/O 2018. Благодаря перемещению Navigation Drawer и меню приложения в нижнюю часть экрана, BottomAppBar радикально меняет внешний вид Android приложений.

В первой и второй частях нашей серии статей про BottomAppBar мы познакомились с BottomAppBar и обсудили его атрибуты. Также мы объяснили, как реализовать Navigation Drawer и меню приложения в рамках BottomAppBar.

Лучшие идеи последних недель из Телеграм-канала The Design Times.

Дизайн-процесс

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

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

Привет, Хабр! Представляю вашему вниманию перевод статьи «Ditch MVPs, Adopt Minimum Viable Prototypes (MVPr)» автора Alexandru Giuseppe Ispas.



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

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

Привет, Хабр!


Именно кратким экскурсом в язык запросов GraphQL послужит вам книга Алекса Бэнкса и Евы Порселло, которую мы отдали в перевод пару дней назад. Книга этих же авторов о React и Redux стала настоящим бестселлером (ждем 5-й тираж из типографии). Кстати, спасибо всем, кто указал нам на неточности в коде и терминах ;) книгу по столь быстро устаревающей технологии мы делали излишне быстро.

Автор сегодняшней статьи Робин Вирух также работает над книгой о GraphQL и библиотеках для этого языка, а в сегодняшней статье кратко объясняет достоинства и характерные особенности GraphQL как альтернативы REST

Подписочная модель впервые была внедрена на App Store в 2016 году и с тех пор остается одним из приоритетных аспектов сервиса, на совершенствование которого компания не жалеет ресурсов. Эта схема, в отличие от IAP, нацелена на долгосрочное удержание пользователей и стабильные начисления, что, вероятно, выгодно для разработчика и определенно выгодно для маркета — сейчас доля подписок составляет около 18% от общей прибыли корпорации. Подписки можно по праву назвать самой быстрорастущей бизнес-моделью на App Store.


Apple удерживает от 15% до 30% комиссии из выплат по подпискам, а взамен предлагает разработчикам все больше инструментов для того, чтобы сделать оформление подписки удобным, безопасным, стандартизированным процессом, который точно не оттолкнет пользователя. Проблема не надуманная: как прямо говорят специалисты Apple, эффективность подписочной модели часто страдает из-за излишней запутанности или трудоемкости оформления. На прошлой конференции WWDC компания посвятила этой теме целый доклад, подробно рассказав, как донести до пользователей ценность своего предложения, обеспечить им положительный опыт и повысить конверсию. Основные положения с примерами и иллюстрациями вы найдете под катом.

В предыдущей статье мы обсудили основы BottomAppBar, который не так давно представили на Google I/O 2018 как часть Material компонентов для Android. Мы рассмотрели способ реализации BottomAppBar и изучили его атрибуты. Также BottomAppBar может отображать элементы меню и элемент управления Navigation Drawer, которые раньше мы использовали в тулбаре.

BottomAppBar — это один из новых Android Material компонентов, которые были представлены на Google I/O 2018. Это по сути расширение компонента Toolbar. Новый BottomAppBar располагается в нижней части окна приложения в отличие от тулбара, который находится в его верхней части. С помощью этой парадигмы команда Material Design ожидает нового пользовательского опыта (UX). BottomAppBar намного более доступен для пользователя в сравнении с обычным тулбаром. Переместив панель управления и меню в нижнюю часть приложения, BottomAppBar предлагает кардинально новый дизайн для Android приложений.

Natasha Duke

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

Лучшие идеи последних недель из Телеграм-канала «The Design Times».

В дизайне нет правил

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

Игнорировать накопленный индустрией опыт — глупо, но еще глупее — использовать его не подумав.

В Run Loop приглашают тех, кто делает классные продукты своими руками. Никита Прокопов (tonsky) — человек и пароход, успел сделать несколько OpenSource проектов, которыми с удовольствием пользуются другие люди.

В первую очередь поговорим о шрифте FiraCode, о Clojure, и совершенно разных проектах, например, обертке ClojureScript для React. А потом перейдем к более общим рассуждениям о хороших интерфейсах, здравом смысле, и моделях обучения программистов.



О госте: Никита Прокопов примечателен тем, что создал FiraCode, внёс заметный вклад в развитие Clojure сообщества и опубликовал в OpenSource такие проекты как Datascript и Rum. Помимо этого он пишет на Objective-C под macOS: программа AnyBar подскажет о наступлении какого-либо события в statusbar, ой, menubar вашего компьютера.

Ведущие: Роман Бусыгин (разработчик Яндекс.музыки для iOS) и Алексей Милеев (App in the Air).