Моушн-дизайн в цифровых продуктах. Заметки с семинара Dropbox в Сан-Франциско

Заметки с семинара по инновациям в моушн-дизайне, который проводила компания Dropbox в Сан-Франциско в 2018 году.

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

Читать далее Нет комментариев

4 маленьких хитрости создания анимации в Principle

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

Результат

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

Вот полноразмерный ...

Читать далее Нет комментариев

Почему моушн-дизайн не должен быть сложным

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

Читать далее Нет комментариев

Микро-подталкивание: микро-анимация для изменения поведения пользователя

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

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

Вот пример из Instagram:

Instagram микро-анимации

Скользящий «комментарий» — это микро-подталкивание...

Читать далее Нет комментариев

Слушайте отзывы пользователей

Узнайте, как максимально использовать запросы и отзывы своих клиентов.

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

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

Читать далее Нет комментариев

Почему все сайты выглядят одинаково?

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

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

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

Читать далее Нет комментариев

Геймификация в интерфейсах: руководство для дизайнеров

Как правильно построить систему геймификации и как Fitbit, Waze и Duolingo используют ее для улучшения своих продуктов.

Когда я был ребенком помню, как моя мать говорила мне, что я могу поиграть только после того, как сделаю уроки. Тогда это казалось ужасным. Но, думая об этом сейчас, я понимаю, что большинство вещей, которые я делал тогда, автоматически делилось на 2 группы:

  • веселая группа — когда мне разрешалось играть в игры или есть шоколад
  • серь...
Читать далее Нет комментариев

Почему 7 секунд могут помочь или навредить вашему мобильному приложению

Автор статьи Peter Fodor, основательAppAgent — мобильного маркетингового агентства, расположенного в Праге, Чешская Республика.

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

Читать далее Нет комментариев

Микровзаимодействия в пользовательском опыте

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

Статьи по теме:

Микровзаимодействия: секрет хорошего дизайна приложений

Анимация интерфейсов. Микровзаимодействия для макрорезультата

Что такое микровзаимодействия?

Многие из наших повседневных взаимодействий с компьютерными системами являются микровзаимодействиями...

Читать далее Нет комментариев

15 лучших практик по типографике в мобильном дизайне

Достаточно мобильного устройства с батареей высокой емкости и стабильным сигналом Wi-Fi, чтобы подарить нам удивительный мир неограниченной информации и удовольствия. Мы все живем в мобильном мире. Как украсить этот мир оптимизированным пользовательским опытом? Как представить понятный интерфейс и пользовательский опыт на ограниченном экране без перегрузки последнего? Нужно позаботиться о многих элементах, и я уверена, что мобильная тип...

Читать далее Нет комментариев