Share to QuickBooks

Share to QuickBooks

To make it easy for customers to respond to bookkeeper requests as fast as possible, the QuickBooks Live team worked on integrating the QuickBooks Live experience into the QuickBooks mobile app for iOS and Android. I focused on designing how task requests would work, as well as how the collaboration experience would work in the mobile app.

To make it easy for customers to respond to bookkeeper requests as fast as possible, the QuickBooks Live team worked on integrating the QuickBooks Live experience into the QuickBooks mobile app for iOS and Android. I focused on designing how task requests would work, as well as how the collaboration experience would work in the mobile app.

Tasks on the Live Overview

On the QuickBooks live tab, the primary view shows the customer's personal bookkeeper, an overall status of their monthly books, and a list of requests from their bookkeeper.

The task list shows how many to-dos the customer needs to act on, as well as the urgency and status of each task. The tasks disappear when they are reviewed by the bookkeeper and marked as completed.

Task list phases

A customer could have no tasks at all, or multiple tasks with different statuses. When all of the tasks are complete, the list shows that the customer is good.

Task Detail View

This was the initial exploration I created, as I was getting a feel for the typefaces I wanted to use and how I wanted to position Maelstrom within the square.I initially tried the heaviest weight of Proto Grotesk for fear that anything less would get overpowered by the scale and weight of Maelstrom’s thickest strokes. I think the wickedly big and blocky tail on”a”  of the lighter weight of Proto Grotesk made it a better partner for the massive slabs on Maelstrom, so that’s what is in the final version.This is definitely an instance where I am glad I kept exploring with the same design elements instead of settling for what I came up with first. I have a tendency for “done is better than perfect,” but with personal projects there’s the added freedom to linger on an idea until you feel satisfied.

Examples of status badges in task detail view.

Task status

To help customers understand the state of completion of a given task, the status badges appear under the due date and provide a quick visual indication.

Document Collaboration

Most requests from bookkeepers are an ask for documents. To support this, I designed a way for customers to upload files directly to the selected request. This collaboration area shows files that have been uploaded. For each file, the customer can view or delete the file, and if the bookkeeper marks it as wrong or needs attention, the visual indicator helps the customer to understand which files need to be uploaded again.

Async request-level comments

For more direct communication between bookkeepers and their customers, both can send comments back and forth using the comments user interface.