iue demetris layered design
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

iue demetris layered design

  • 710 views
Uploaded 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......

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.

More in: Design , Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
710
On Slideshare
710
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
7
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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. 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. What’s the Solution? • Summarize and Organize • Work Out the Workflow • Design in LayersCopyright © Carissa Demetris, ProQuest LLC
  • 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. 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. What’s the Solution? • Summarize and Organize • Work Out the Workflow • Design in LayersCopyright © Carissa Demetris, ProQuest LLC
  • 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. Workflow Example Primary workflow Secondary workflow Error workflowCopyright © Carissa Demetris, ProQuest LLC
  • 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. 7th Inning StretchCopyright © Carissa Demetris, ProQuest LLC
  • 11. What’s the Solution? • Summarize and Organize • Work Out the Workflow • Design in LayersCopyright © Carissa Demetris, ProQuest LLC
  • 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. Design in Layers Uh-oh, not the best ideaCopyright © Carissa Demetris, ProQuest LLC
  • 14. Design in Layers Yes, that’s more like it!Copyright © Carissa Demetris, ProQuest LLC
  • 15. Design in Layers “Do the simplest thing that could possibly work.”Copyright © Carissa Demetris, ProQuest LLC
  • 16. Layering Example (Access Admin Area) Requirements (Cake)Copyright © Carissa Demetris, ProQuest LLC
  • 17. Layering Example (Access Admin Area) Enhancements (Frosting)Copyright © Carissa Demetris, ProQuest LLC
  • 18. Layering Example (Access Admin Area) Embellishments (Sprinkles) ?Copyright © Carissa Demetris, ProQuest LLC
  • 19. Layering Example (Assign Admin) Requirements (Cake)Copyright © Carissa Demetris, ProQuest LLC
  • 20. Layering Example (Assign Admin) Enhancements (Frosting) ?Copyright © Carissa Demetris, ProQuest LLC
  • 21. Layering Example (Assign Admin) Enhancements (Frosting)Copyright © Carissa Demetris, ProQuest LLC
  • 22. Layering Example (Create Users) Requirements (Cake)Copyright © Carissa Demetris, ProQuest LLC
  • 23. Layering Example (Create Users) Enhancements (Frosting)Copyright © Carissa Demetris, ProQuest LLC
  • 24. Layering Example (Create Users) Embellishments (Sprinkles) ?Copyright © Carissa Demetris, ProQuest LLC
  • 25. Layering Example (Create/Assign Settings) Requirements (Cake)Copyright © Carissa Demetris, ProQuest LLC
  • 26. Layering Example (Create/Assign Settings) Enhancements (Frosting)Copyright © Carissa Demetris, ProQuest LLC
  • 27. FrostingCakeCopyright © Carissa Demetris, ProQuest LLC
  • 28. Embrace the CakeCopyright © Carissa Demetris, ProQuest LLC
  • 29. Frost with CareCopyright © Carissa Demetris, ProQuest LLC
  • 30. Hold the Sprinkles!Copyright © Carissa Demetris, ProQuest LLC
  • 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