Low - High Fidelity Prototypes

My combined experience enables me to iterate on prototypes from low-fidelity through mid-fidelity and high-fidelity stages. 
 

"ATM  FOR  THE  ELDERLY"

This video features my UX design of an "ATM for the Elderly." In addition to drafting the wireframes, building a low-fidelity prototype, and filming under the camera, I animated text and button-pressing motions. This creates a more interactive feel during the video demonstration.

For the design, my vision was to create an ATM that was mostly touch-screen with an analog keypad. The keypad is beneficial for maintaining privacy, and is also familiar to the elderly, who may be slow to adopt, understand, or trust technology that veers too far from input methods that they are used to.

 

Tasks include Deposit Cash, Deposit Check, Withdrawal, Check Balance. Additional feature for the elderly includes an "Emergency" button.

Tools include: Paper/Pencil & Ruler, Adobe Premiere, Adobe After Effects, and some Adobe Photoshop to create the       and       task completion symbols.

The samples below feature designs for a proprietary mobile game called Soulstone Heroes that was cancelled before publication. During the development stages, I was responsible for wireframing concept art and building the first iteration of UI layout for the company's development team in China.

The image order for each group features earlier UI iterations to the left, and flows to more advanced iterations to the right.

Home  page

Concept

TEAM  BATTLE

Lo-Fi

Hi-Fi

Lo-Fi

Mid-Fi

HERO  INFORMATION

Lo-Fi

Hi-Fi

Mid-Fi

Hi-Fi

QUEST  INITIATION

Lo-Fi

Mid-Fi

SUMMONING  HEROES

Lo-Fi

Lo-Fi

Hi-Fi

More general UI examples can be found in the Wireframes & UI Layout section of this site.

© 2018, Laura Stephens