Scan App

Designed with: Figma, Adobe XD, Miro, Whimsical

homeTiltednJilted-1

Background

The idea for Scan App was conceived by observing how the clients I work with struggle to handle their mail and paper documents. Broadening my scope, I interviewed a handful of business owners to see what kind of issues they were experiencing. 

Problem

I discovered that most business owners struggled with managing the influx of mail, paperwork, and documentation, specifically when tax season came around. This disorganization leads to reduced free time, increased stress, and inefficient business management.

Solution

Scan App aids users in the handling of paperwork and documentation to reduce stress and clutter, increase efficiency, and ultimately have more free time to spend doing what they love. 

EMPATHIZE

Personas and Empathy Maps

User Journey

userJourneyMiro

A user journey was created to understand the user's steps, actions, thoughts, and feelings, as well as to identify areas of opportunities for ScanApp to provide a refined and pleasant user experience. 

DEFINE

An overabundance of paperwork and lack of proper organization leads to frustration and valuable time and energy loss. 

Component-4-–-2

Value Proposition

Scan App makes it radically easy to scan, save, and organize your documents so you can successfully manage your paperwork, leaving more free time and independence to do the things you love.

IDEATE

Group-16-2

How Might We?

hmw

Story Board

storyBoard2
  1. "I feel so overwhelmed by all this paperwork!
  2. Every day I get more in the mail.
  3. So many receipts! How am I going to keep track of all of it?
  4. "Here! Try this app. It's as easy as taking a picture.
  5. It's easy to save my documents online. I'm so relieved!
  6. The app will even automatically send my documents to synced contacts."
storyBoard
  1. Open the app.
  2. Sign up/Log in. 
  3. Capture document image.
  4. Confirm the image.
  5. Image automatically gets sent to synced contacts. 
  6. Synced contact receives the scanned image. 

Goal Statement

Scan App will let users scan, store, share, and organize their documents which will affect productivity and general happiness by decreasing clutter and time spent keeping track of  paperwork.

User Flow

A user flow was created to help understand the steps, proccesses, and potential pain points a user would experience while utilizing the app. 

Flowchart-Template-2

DESIGN

User Case Study

Several participants shared their opinions on the prototype during a "think out loud" remote usability study.  Iterations were implemented based on the feedback received.

slide1
2ndSlide

Insights

  • Text for icons and buttons.
  • Consistent verbiage and navigation options
  • Keyboard needed.
  • Confirmations needed.
  • Accessibility components needed. 
  • Improved indication that scan took place.

Case Study #2

CS

High-Fidelity Prototype

Implemented Research Results

Consistent navigation options are located at the top left of every page except for the home page which has a dropdown menu. 

Labeled buttons were added to the 'recent' section of the home page for accessibility considerations. 

Updated contacts page with clear navigation and labeled icons. 

Cleaner color scheme utilizing more white space.

Separate page for viewing contact information.  

Consistent bottom nav bar options on every page. 

Dropdown menu included for speedy navigation. 

Consistent design for alerts and confirmations.

Dedicated space for the search bar. 

Consistent and concise verbiage.

Keyboard added. 


Scan App

firstGroupLeft
contactsGroup
scanTaken
home
leftGroup
Right-Group

Feel free to message me on LinkedIn to learn more about Scan App and my design process. 

svg-image

Angela Current

svg-image
image-80