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

Если ты часто задаешь себе вопросы вроде: Правильно ли я собрал главную страницу? Каким способом лучше выделить кнопку СТА чтобы она не потерялась во множестве объектов? Как направить пользователя в нужное место и управлять его взглядом? То попробуем разобраться вместе : )

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

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

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

“Что с этим делать?” - спросите вы.

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

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

Расширяем команду разработчиков в Альфа-Инвестициях – одном из приоритетных проектов Альфа-Банка. Нашим мобильным приложением пользуется более миллиона человек, и мы хотим сделать для них лучшее решение на рынке. Ищем коллег, которые усилят команду, и чтобы не тратить время зря – делаем это в формате One Day Offer.

Всем привет! В феврале на YouTube канале “Мамкин дизайнер”, автором которого является руководитель UX-направления Usetech Евгений Шевцов, вышел новый подкаст. Гостьей этого выпуска стала Илона Саркисова, Lead UX/UI в EPAM, автор телеграм-канала “Поясни за UX” и основательница Community Z в Санкт-Петербурге.
В студии Евгений и Илона поговорили о том, как начинался карьерный путь Илоны и как организованы рабочие процессы в EPAM, об образовании, дизайн-культуре и о том, как реагировать на критику в ходе работы. Но давайте обо всем по порядку.

🚀 Подписывайтесь на наш YouTube канал и Habr Blog, чтобы не пропустить новости из мира IT и новые выпуски подкаста.

▪️Как Илона оказалась в дизайне и попала в EPAM?

Илона начинала свой путь в EPAM (международная IT компания, резидент Белорусского парка высоких технологий, со штатом в 58 800+ сотрудников и отделениями в более чем 40 странах мира) с выступления на конференции ProfsoUX 4,5 года назад. ProfsoUX – это главное UX-событие в России, которое ежегодно собирает до 500 участников из разных городов и стран. Там ее заметили сотрудники компании и пригласили к себе. В компанию она пришла миддлом, а сейчас Илона Lead UX/UI. За это время команда дизайнеров в EPAM выросла с 15 до 80 человек. Звучит впечатляюще!

Сейчас зоны ответственности Илоны достаточно широки: от организации дизайн-команды (если она есть на проекте), до консультирования и организации проекта с продакт-менеджером. По словам Илоны, плюс организации проекта с продакт-менеджером в том, что ты можешь влиять на проект с самого начала.
Процессы в компании выстроены так, что если ты работаешь на проекте в одиночку, коллеги всегда могут тебе помочь в общем чате. Также можно сделать рассылку на всех сотрудников EPAM, и тогда тебе помогут зарубежные коллеги: поделятся кейсами или дадут совет. В компании нет соревновательного элемента – все пытаются друг другу помочь, несмотря на то, что дизайн – творческая профессия с высокой конкуренцией.

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

Всё это — про Material You, новую дизайн-систему от Google для мобильных и веб-приложений! Разбираем новую систему цветов и все нововведения Material.

Меня зовут Лена, я дизайнер интерфейсов в Tele2. И я расскажу о создании внутреннего корпоративного мобильного приложения «На связи» для сотрудников Tele2 – его проектировании и выборе визуального решения. 

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

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

О приложении «На связи»  

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

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

Заодно разберемся с таким понятием, как неявные анимации.

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

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

Меня зовут Матвей Палаш (Product Owner, DEVGAME), и я собрал несколько советов, которые помогут придумать крутую игру и выбиться вперед, даже если ваш конкурент — это Touch Instinct.

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

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

Экспорт UI дизайн-интерфейсов из Figma в Xcode iOS/Android Studio, в виде .xib/xml

FigmaConvertXib это инструмент для экспорта элементов дизайна из проекта Figma, в среду разработки, с точностью 90%. В результате конвертации будут созданы файлы xib / xml, и уже с помощью интерфейс редактора Xcode/Android Studio, можно будет манипулировать всеми элементами у себя коде. Если дизайн вашего проекта разрабатывается в Figma, и вы не реализуете дизайн программно, то это для вас. Для того чтобы не тратить огромное время на реализацию всех UI элементов.

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

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

Вас приветствует дизайн-команда Tele2! Сегодня мы хотим рассказать о работе над одним из наших проектов – журналом «Черным по белому».

Что такое журнал «Черным по белому»

Журнал существует три года в формате блога для абонентов Tele2. «Черным по белому» привлекает на сайт органический трафик и стремится покрыть основные поисковые запросы пользователей о телекоме и связи, тарифах и услугах Tele2. Журнал находится внутри сайта tele2.ru и позволяет приводить заинтересованную аудиторию из поисковиков на целевые продукты компании. Каждый месяц пользователи ресурса совершают более 500 000 сеансов из поисковых систем.  

Зачем был нужен редизайн главной страницы

Первая версия дизайна для журнала была разработана в 2018 году. С ней он запустился и благополучно просуществовал до конца 2019 года. За полтора года вскрылось несколько существенных проблем – пользовательских и редакторских:

Всем привет! Я — Игорь Артюхов, Lead Designer в NIX. Уже который год я убеждаюсь: правильно выстроенная коммуникация с клиентом является важнейшей частью создания дизайна. Без этого базового софт скилла сегодня сложно достичь успеха в профессии. Этот факт подтверждают исследования Гарварда, Стенфорда и Фонда Карнеги. Нельзя просто принять ТЗ, отправиться его выполнять, а через месяц скинуть заказчику дизайн-макет — и все. Процесс и результат работы зависит от взаимодействия с клиентом. И вы как дизайнер вполне можете сделать это общение эффективным.

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

Эта статья является логическим продолжением UIKit ты вообще про UI?
Если вы ее пропустили, рекомендую сначала ознакомиться с ней. На всякий случай напоминаю, что весь графический интерфейс – это ответственность слоев (не вью!).

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

Сегодня я не буду подробно разбирать проективную геометрию, глубокие математические обоснования и принципы работы с матрицами. Надеюсь, что вы либо уже знакомы с этим, либо можете разобраться в этом сами. Я постараюсь объяснить все так, чтобы было понятно даже тем, кто видит все эти ужасные слова впервые. 

Давайте разберемся, как работают трансформации, постараемся понять подходы к ним и найти закономерности. Для того, чтобы начать погружение в трансформации, стоит для начала разобраться с контекстом. Ведь мы не просто рисуем карандашом на листе бумаги, мы управляем объектами в виртуальном мире. Сделаю небольшую оговорку – на самом деле все это очень сложные технические процессы (шедевры инженерной мысли), разобраться в которых за 15 минут не получится. Поэтому я буду умышленно упрощать некоторые вещи для того, чтобы сформировать общее понимание.

Дальтонизм (недостаток цветового зрения) означает снижение способности видеть цвет или различия в цвете. Согласно данным сайта colourblindawarness.org, недостаток цветового зрения есть у 8% мужчин и 0,5% женщин. Всего в мире более 300 миллионов человек страдают той или иной формой цветовой слепоты.

Насколько это много? Возьмем школу для мальчиков в графствах Англии, где учится 1000 учеников. Примерно у 100 из них будет недостаток цветового зрения: 12–13 будут дейтеранопами, 12–13 — протанопами, у 12–13 будет одна из форм протаномалии и у 62 — дейтераномалия того или иного вида. Примерно у половины нарушение будет умеренной или тяжелой степени.

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