Статьи

Подключение нескольких устройств: чему мы можем научиться у Mint & Expensify?

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

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

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

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

Expensify

Слоган Expensify — « Отчеты о расходах, которые не сосут », который сразу же говорит мне, что продукт будет прост в использовании (или, во всяком случае, так и должно быть).

рабочий стол

Expensify Desktop

Expensify Desktop

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

Согласно моему таймеру, эта задача заняла три секунды. Это чертовски впечатляет.

Панель инструментов создана

Expensify Desktop

Я также впечатлен бортовым экраном «Консьерж». Подлинная работа консьержа подразумевает, что реальный человек ведет вас через шаги, что невероятно полезно для пользователя, но требует больших затрат времени и труда для компании. Автоматическая версия Expensify гораздо более масштабируема.

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

Разговорный интерфейс с говорящим письменным столом.

«Пожалуйста, адресуйте все ваши вопросы нашему говорящему звонку ..»

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

Снимок экрана: Пожалуйста, введите свой номер телефона, и мы вышлем вам ссылку для скачивания "

Скачать мобильное приложение можно по ссылке.

Далее мне предлагается загрузить мобильное приложение. Мне нравится, насколько быстра и проста загрузка — я могу написать себе ссылку, а не искать приложение в App Store или Google Play Store, — но этот модальный способ делает еще один шаг между нажатием «Отправить расходы / квитанции» и фактически загрузка квитанции.

Лучший поток, вероятно, был бы:

Нажмите «Отправить расходы / квитанции» → Выбрать получателей → Загрузить и отправить квитанцию ​​→ Получить ссылку для загрузки мобильного приложения.

С этим измененным потоком вы заставляете пользователя загружать приложение, пока оно еще высоко с « Ага! Момент.

Входящее приветственное сообщение: ты мой герой. Входящие ноль!

Ты мой герой. Входящие ноль!

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

мобильный

Уточните Карусель

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

Функционально ориентированное обучение учит вас, как использовать продукт. «Прогрессивная загрузка» отображает релевантную информацию при навигации по приложению.

Зачем исключать это сокращение преимуществ от интернет-регистрации Expensify? Я предполагаю, что больше пользователей сначала загружают мобильное приложение, а затем используют сайт, а не наоборот.

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

P5XETqF

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

Экран: у вас нет расходов

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

Как только я предприму какие-либо действия в приложении, у меня будет первый момент «Ага!». Expensify заслуживает серьезной поддержки для быстрой и беспроблемной доставки стоимости, не давая мне традиционных инструкций.

Оценка отлично-

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

мятный

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

рабочий стол

Экран: Добро пожаловать в монетный двор

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

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

Экран: почему вы полюбите его

Теперь я должен ввести свое местоположение. Хм, это действительно такая важная информация, что она не может ждать, пока мой аккаунт не будет создан?

Screen Connect банковские счета

Далее я подключаю свой банковский счет. Я не в восторге от копии баннера: «Просматривайте все свои учетные записи в одном месте». В конце концов, у меня есть только одна учетная запись: я зарегистрировался, чтобы использовать бюджетные функции Mint.

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

Экран: соединение с Paypal

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

Экран: Добро пожаловать в монетный двор

Появляется модал, приглашающий меня на экскурсию. Хорошие новости: тур позволяет перейти к определенным функциям, поэтому, если вы заинтересованы, скажем, в настройке бюджета, вы можете нажать «Рассказать мне о: бюджете». Этот параметр демонстрирует широкий спектр возможностей Mint, позволяя пользователю возьмите метафорическое колесо.

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

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

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

мобильный

Экран: мятный вход

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

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

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

Экран: Добро пожаловать в монетный двор!

Монетный двор теперь предлагает мне подключить мой банковский счет. Этот поток отражает поток рабочего стола в T.

Даже обновления загрузки («Установление безопасного соединения», «Загрузка транзакций» и т. Д.) Одинаковы.

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

Мята обновления

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

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

Оценка: B +

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

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

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