iue demetris layered design

Hold the Sprinkles! Cupcakes, Layers, and

Agile UX design

Copyright © Carissa Demetris, ProQuest LLC

Carissa DemetrisPrincipal User Experience Designer, ProQuest, LLC

Helene GidleyOwner, HSG Consulting

What’s the Problem?

• Simply put, there isn’t enough time (or budget) to do everything that we want to do, both for design and development.

• Agile design practices can help meet basic requirements, and provide opportunity to iterate design.


What’s the Solution?

• Summarize and Organize• Work Out the Workflow• Design in Layers


Summarize and Organize

• What’s the Use Case?– Summarize the user goal.

What is the user trying to accomplish?

• What are the Functional Chunks?– Break down the requirements

into functional chunks that feed into the user workflow.


Summarize and Organize Example

• User goal“As a system administrator, I want to be able to view and manage users.”

• Functional Chunks• Admin area• Assign Admins• Create/Edit/Delete Users• Create/Edit/Delete Settings• Apply Settings to Users


Work Out the Workflow

• Break down and arrange functional chunks to establish workflow– What should come first? What happens next? Then

what?– Where is the user most likely to lose the ‘happy path’

(error conditions)?

Happy path

Error flow


Workflow Example


Primary workflow

Secondary workflow

Error workflow

Story Mapping Example


“As a system administrator, I want to be able to view and manage users.”

FacebookAuth.

Username/password

Manually

Permissionsmodel

One by one

Bulk upload

7th Inning Stretch


Mary’s Cupcake

• Birthday party with 12 guests• Need to make 1 cupcake per guest• Have 1 hour to make all of the

cupcakes• Mary is the first person on the

guest list


Design in Layers

Uh-oh, not the best idea


Design in Layers

Yes, that’s more like it!


Design in Layers

“Do the simplest thing that could possibly work.”


Layering Example (Access Admin Area)

Requirements (Cake)


Layering Example (Access Admin Area)

Enhancements (Frosting)


Layering Example (Access Admin Area)Embellishments (Sprinkles)

?


Layering Example (Assign Admin)

Requirements (Cake)



?



Layering Example (Create Users)

Requirements (Cake)


Embellishments (Sprinkles)

?



Layering Example (Create/Assign Settings)

Requirements (Cake)


Layering Example (Create/Assign Settings)




Cake

Frosting

Embrace the Cake


Frost with Care



Hold the Sprinkles!

Carissa Demetris, Principal User Experience Designer ProQuest , [email protected]

Thank you!


Helene Gidley, OwnerHSG Consulting, [email protected]

iue demetris layered design

Design

Transcript of iue demetris layered design