Number Capture

Phone App Feature

Number Capture Feature Design

Introduction

This was a design challenge for my UI design class.

We were tasked with individually designing a new feature for an existing application. Using Adobe XD and my sketchbook I designed this feature, created a mock-up and an interactive prototype.

Feature Description

This design feature allows users to input phone numbers directly from the physical world into the iOS phone application: whether it be from billboards, credit cards, or a new restaurant you are passing by.

Slide Deck

The slide deck I created to communicate the workflow.

number_capture.pdf

The slide deck I created to communicate the workflow.

Interactive Prototype

The final attention grabbing introduction card used for the video
I created an interactive prototype of this feature in Adobe XD to demonstrate its use. Click the link to try it out.

The slide deck I created to communicate the workflow.

Sketches

First set of sketches for this redesign.
First set of sketches for this redesign. I originally placed the feature by the phone number field.
Second set of sketches for this redesign.
Second set of sketches for this redesign. Here I made notes about how the colors should reflect the successfulness of the task flow.
Drawing used as an example of number capture for the interactive prototype.
The drawing I used as an example of number capture in the Adobe Xd interactive prototype.

Project Outcomes

Through this challenge I successfully created an interactive prototype and it was graded well.

I familiarized myself more with Adobe Xd as well as Figma which I used to create my slide deck. In retrospect, I should have spent less time working on the copy and focused more on completing the prototype’s function first to save time.