Как мы провели редизайн Dropbox для быстрой работы на мобильном устройстве

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

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

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

Найдите общее на разных платформах

Найдите общее на разных платформах Dropbox

Десять лет назад Dropbox использовал конвергенцию шаблонов для декстопных операционных систем. Используя общность декстопных файловых браузеров, Dropbox смог представить идентичные «волшебные папки» на компьютерах Mac и Windows.

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

Улучшение иконок

Иконки Dropbox до и после редизайна
Вид до и после

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

Открытие точек входа

Открытие точек входа

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

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

Упрощение

Упрощение приложения Dropbox

Недавно мы обновили главный экран нашего приложения. Цель заключалась в том, чтобы помочь клиентам погрузиться в работу, упорядочив разделы актуального контента. Но отображение информации вызывало нарекания. Увеличив количество отдельных разделов на экране, мы непреднамеренно увеличили время, необходимое пользователю для принятия решения (см. Закон Хика). И при структурировании разделов в вертикальном стеке, наиболее часто используемый раздел (Недавнее) часто вытеснялся с экрана другими разделами!

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

Объясните важные действия

Объясните важные действия Dropbox

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

Централизация изменений

Централизация изменений Dropbox

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

Вывод

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

Мы надеемся, что приведенные примеры помогут вам изучить этот подход. Сообщите нам, как вы делаете людей более продуктивными, создавая фокус!

Хотите больше от команды Dropbox Design? Подписывайтесь на наши публикации, Twitter и Dribbble. Хотите творить магию вместе с нами? У нас открыты вакансии!