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

Это история реорганизации UX для популярного календаря инструмента на Android Бизнес-календарь:.Мы рассмотрим проектирование систем, проблемы проектирования взаимодействия, масштабирование по экранам и платформ, научных исследований, и крупных бизнес-решений и их результатов .

Onset

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

¹

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

• Улучшение пользовательского experienceРаздеться и реорганизовать пользовательский интерфейс возродить простой, быстрый, эффективный процесс работы производительность инструмента .
• Улучшение accessibilityДержите старых пользователей счастливыми, снизить барьеры для новых .
• Включить задач managementИнтеграция инструментов, которые требуются пользователям каждый день, чтобы создать большую ценность .
• Применить современный дизайн standardsАдрес главного критика: “Может быть красивее.”
• Большой планшет supportУлучшение таблетка опыт в качестве первого шага к вездесущности .

³

Дизайн Интерфейс: Presentation

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

Любимое Bar

Хотя знаковых и активно используется особенность бизнес-календаря, любимый бар был едва доступен: Он стал слишком мал и слишком людно, чтобы использовать в качестве количества календарей выросло.Наше решение было использовать черную полосу системы Android, в качестве оптического трюк: любимый бар в настоящее время чувствует себя гораздо выше и легче нажмите, из-за черно-в-черном дизайне.Кроме того, мы улучшили сенсорные цели, сделал видимые и невидимые государства яснее, и реализуется прокрутки рисунок для размещения более 18 календарей .__ |

⁵

Посмотреть Selector

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

⁷

День View

“Где я должен быть сегодня?Что нужно сделать, чтобы получить?Ох, и мне нужно, чтобы принести зонтик “

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

⁹

Оценка и Learning

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

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

¹¹

Дизайн Интерфейс: Dialogs

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

Исследования и Constraints

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

¹³

Дизайн и Implementation

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

• Календари и цвета
• Раз и дни,
• История и шаблоны,
• Специальные диалоги .

¹⁵

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

Выберите день или диапазон Days

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

¹⁷

Перейти в год и Month

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

¹⁹

Результат: Модульная конструкция System

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

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

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

Settings

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

Исследования и Constraints

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

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

Дизайн и Implementation

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

²¹

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

Оценка и Learning

Потому что мы не могли уменьшить количество настроек, мы разделили их в “Общие настройки” и “взгляды”, которые коррелируют с архитектурой приложения.Многоуровневый подход следует из: пользователь сначала выбирает группу настроек, то настройки, то вход.Так, вместо того, представлены все в большом суматоху панели, где вы должны бродить и прыгать, у вас есть точку входа, чтобы заскочить в условиях, отрегулируйте его, а затем вернуться назад снова.Что может звучать как ненужных нажатий на самом деле делает действия пользователя более умышленное: Они тратят меньше времени на поиск и настройки параметров спокойно .

²³