top of page

UI Case Study –
Interactive Design.

Exploring innovative design methods for an interactive medical appointment scheduling App – Fully functional prototype linking to 'master data' and
key variables from constant UI feedback loops.

Interactive Spec-Project highlighted design thinking, interactive design problem solving, technology solutions and efficient user experience design considerations.

Scope

To design a fully-operational prototype, I used Adobe Illustrator and Just-in-Mind software as my main tools: translated to a MVP Prototype for a landscape format Mobile Device.

Challenges

This prototype required a set of variables and master-data points throughout each interactive screen. When the user completes each key interaction and enters their data, there are feedback loops responds with corresponding users information. Each user interaction is compiled in a feedback sheet– always keeping users on task.

Finally, I designed a high-fidelity prototype to validate my design assumptions.

Solution

I used Front-end style variables and a 'Data Master List' to drive each input field and CTAs. Later in the interaction, the data is compiled automatically in the Feedback Sheet as a looping function; all hidden from the user but keeping them as the focus for Interactive design.

Ideation and design-thinking to plan and strategize concepts for MVP.

Artboard 1.png

Low-fidelity wireframed UI designs for Proof of Concept and functional testing.

Screen Shot 2020-09-01 at 10.34.50 AM.pn
Screen Shot 2020-10-04 at 10.05.02 AM.pn
Screen Shot 2020-09-01 at 10.36.10 AM.pn
Screen Shot 2020-09-01 at 10.36.03 AM.pn

Medium-fidelity Prototype: UI interactive function and flow.

UI Design
Heuristics
Form & Function
Fri., June 20
The Academy, L.A
Book It
Thu., June 19
Bamboo, Santa Barbara
Book It
Sat., June 28
Cheers, Santa Cruz
Book It
Wed., July 6
The Roxy, San Francisco
Book It

Medium-fidelity Prototype: UI interactive function and flow.

Medium-fidelity Prototype: UI interactive function and flow.

01

This is a title. Click here to edit.

02

This is a title. Click here to edit and add your own text.

03

This is a title. Click here to edit and add your own text.

bottom of page