0
Hold the Sprinkles!                                             Cupcakes, Layers, and                                     ...
What’s the Problem?       • Simply put, there isn’t enough         time (or budget) to do         everything that we want ...
What’s the Solution?                                             • Summarize and Organize                                 ...
Summarize and Organize                                             • What’s the Use Case?                                 ...
Summarize and Organize Example       • User goal             “As a system administrator, I want to be able to view and man...
What’s the Solution?                                             • Summarize and Organize                                 ...
Work Out the Workflow       • Break down and arrange functional chunks to         establish workflow               – What ...
Workflow Example       Primary workflow      Secondary workflow       Error workflowCopyright © Carissa Demetris, ProQuest...
Story Mapping Example                    “As a system administrator, I want to be able to view and manage users.”         ...
7th Inning StretchCopyright © Carissa Demetris, ProQuest LLC
What’s the Solution?                                             • Summarize and Organize                                 ...
Mary’s Cupcake                                               • Birthday party with 12 guests                              ...
Design in Layers                  Uh-oh, not the best ideaCopyright © Carissa Demetris, ProQuest LLC
Design in Layers                     Yes, that’s more like it!Copyright © Carissa Demetris, ProQuest LLC
Design in Layers       “Do the simplest thing that could possibly work.”Copyright © Carissa Demetris, ProQuest LLC
Layering Example                                   (Access Admin Area)                                             Require...
Layering Example                                   (Access Admin Area)                                        Enhancements...
Layering Example                                   (Access Admin Area)                                     Embellishments ...
Layering Example (Assign Admin)                                             Requirements (Cake)Copyright © Carissa Demetri...
Layering Example (Assign Admin)                                        Enhancements (Frosting)                            ...
Layering Example (Assign Admin)                                        Enhancements (Frosting)Copyright © Carissa Demetris...
Layering Example (Create Users)                                             Requirements (Cake)Copyright © Carissa Demetri...
Layering Example (Create Users)                                        Enhancements (Frosting)Copyright © Carissa Demetris...
Layering Example (Create Users)                                     Embellishments (Sprinkles)                            ...
Layering Example                             (Create/Assign Settings)                                             Requirem...
Layering Example                             (Create/Assign Settings)                                             Enhancem...
FrostingCakeCopyright © Carissa Demetris, ProQuest LLC
Embrace the CakeCopyright © Carissa Demetris, ProQuest LLC
Frost with CareCopyright © Carissa Demetris, ProQuest LLC
Hold the Sprinkles!Copyright © Carissa Demetris, ProQuest LLC
Thank you!                                   Carissa Demetris, Principal User Experience Designer                         ...
Upcoming SlideShare
Loading in...5
×

iue demetris layered design

438

Published on

Using the concepts from story mapping, this presentation will show how you can use a layered design approach to create the most valuable end-to-end user experience. Applied at this level, story mapping helps to identify the basic set of design requirements for the workflow, and illustrates options for layering enhancements and embellishments. This technique builds on traditional use cases and workflows and adds a visual map to create a complete user experience with the right level of functionality.

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
438
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "iue demetris layered design"

  1. 1. Hold the Sprinkles! Cupcakes, Layers, and Agile UX design Carissa Demetris Helene Gidley Principal User Experience Designer, ProQuest, LLC Owner, HSG ConsultingCopyright © Carissa Demetris, ProQuest LLC
  2. 2. 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.Copyright © Carissa Demetris, ProQuest LLC
  3. 3. What’s the Solution? • Summarize and Organize • Work Out the Workflow • Design in LayersCopyright © Carissa Demetris, ProQuest LLC
  4. 4. 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.Copyright © Carissa Demetris, ProQuest LLC
  5. 5. 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 UsersCopyright © Carissa Demetris, ProQuest LLC
  6. 6. What’s the Solution? • Summarize and Organize • Work Out the Workflow • Design in LayersCopyright © Carissa Demetris, ProQuest LLC
  7. 7. 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 flowCopyright © Carissa Demetris, ProQuest LLC
  8. 8. Workflow Example Primary workflow Secondary workflow Error workflowCopyright © Carissa Demetris, ProQuest LLC
  9. 9. 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. modelCopyright © Carissa Demetris, ProQuest LLC
  10. 10. 7th Inning StretchCopyright © Carissa Demetris, ProQuest LLC
  11. 11. What’s the Solution? • Summarize and Organize • Work Out the Workflow • Design in LayersCopyright © Carissa Demetris, ProQuest LLC
  12. 12. 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 listCopyright © Carissa Demetris, ProQuest LLC
  13. 13. Design in Layers Uh-oh, not the best ideaCopyright © Carissa Demetris, ProQuest LLC
  14. 14. Design in Layers Yes, that’s more like it!Copyright © Carissa Demetris, ProQuest LLC
  15. 15. Design in Layers “Do the simplest thing that could possibly work.”Copyright © Carissa Demetris, ProQuest LLC
  16. 16. Layering Example (Access Admin Area) Requirements (Cake)Copyright © Carissa Demetris, ProQuest LLC
  17. 17. Layering Example (Access Admin Area) Enhancements (Frosting)Copyright © Carissa Demetris, ProQuest LLC
  18. 18. Layering Example (Access Admin Area) Embellishments (Sprinkles) ?Copyright © Carissa Demetris, ProQuest LLC
  19. 19. Layering Example (Assign Admin) Requirements (Cake)Copyright © Carissa Demetris, ProQuest LLC
  20. 20. Layering Example (Assign Admin) Enhancements (Frosting) ?Copyright © Carissa Demetris, ProQuest LLC
  21. 21. Layering Example (Assign Admin) Enhancements (Frosting)Copyright © Carissa Demetris, ProQuest LLC
  22. 22. Layering Example (Create Users) Requirements (Cake)Copyright © Carissa Demetris, ProQuest LLC
  23. 23. Layering Example (Create Users) Enhancements (Frosting)Copyright © Carissa Demetris, ProQuest LLC
  24. 24. Layering Example (Create Users) Embellishments (Sprinkles) ?Copyright © Carissa Demetris, ProQuest LLC
  25. 25. Layering Example (Create/Assign Settings) Requirements (Cake)Copyright © Carissa Demetris, ProQuest LLC
  26. 26. Layering Example (Create/Assign Settings) Enhancements (Frosting)Copyright © Carissa Demetris, ProQuest LLC
  27. 27. FrostingCakeCopyright © Carissa Demetris, ProQuest LLC
  28. 28. Embrace the CakeCopyright © Carissa Demetris, ProQuest LLC
  29. 29. Frost with CareCopyright © Carissa Demetris, ProQuest LLC
  30. 30. Hold the Sprinkles!Copyright © Carissa Demetris, ProQuest LLC
  31. 31. Thank you! Carissa Demetris, Principal User Experience Designer ProQuest , LLC carissa.demetris@proquest.com Helene Gidley, Owner HSG Consulting, LLC helene.gidley@hsgconsultingllc.comCopyright © Carissa Demetris, ProQuest LLC
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×