iue demetris layered design

Hold the Sprinkles!
Cupcakes, Layers, and
Agile UX design

Carissa Demetris Helene Gidley
Principal User Experience Designer, ProQuest, LLC Owner, HSG Consulting

Copyright © Carissa Demetris, ProQuest LLC

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.”

Username/ Manually One by one
password

Facebook Bulk upload
Permissions
Auth. model


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)


Frosting

Cake


Embrace the Cake


Frost with Care


Hold the Sprinkles!


Thank you!
Carissa Demetris, Principal User Experience Designer
ProQuest , LLC
carissa.demetris@proquest.com

Helene Gidley, Owner
HSG Consulting, LLC
helene.gidley@hsgconsultingllc.com


iue demetris layered design

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (8)

Recently uploaded

Recently uploaded (20)

iue demetris layered design