Page Description Diagrams
•
12 gefällt mir•4,746 views
A brief overview on Page Description Diagrams that I gave for Misty Weaver's Content Strategy class at the University of Washington.
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Page Description Diagrams
Ähnlich wie Page Description Diagrams (20)
Mehr von Nick Finck
Mehr von Nick Finck (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Page Description Diagrams
- 1. Page Description DiagramsPresented by Nick Finck
- 2. About Me User Experience Evangelist Blink Interactive Personal Site NickFinck.com Twitter @nickf Nominated Seattle’s sexiest geek Photo by Jeff Croft - http://bit.ly/g0hPil
- 3. Overview What is a PDD? Why use PDDs? What goes into a PDD? Examples of PDDs PDD activity Q&A
- 4. What is a PDD?
- 5. “Page Description Diagrams are simply a tool for communicating IA decisions without talking about the visual design.”
- 6. PDDs
- 7. Why should we care?
- 9. Restrained designers By Jason Campbell
- 10. “We can't solve problems by using the same kind of thinking we used when we created them.” - Albert Einstein
- 12. May be used instead of wireframes, or preceding wireframes.
- 15. Finalized or draft content
- 17. Content elements
- 19. Screen name
- 20. Three columns (high, medium, & low priority)
- 23. Page Description Diagram By Dan Brown
- 24. Page Description Diagram By Nick Finck
- 25. PDD activity
- 26. Thank You
- 27. Questions
- 28. Follow-up questions Consulting: BlinkInteractive.com Personal: NickFinck.com Email: nick@blinkinteractive.com Twitter: @nickf
Hinweis der Redaktion
- Despite our best efforts, clients can get caught in the designwhen looking at wireframesrather than focusing on the structure & organization ofinformation on the page.
- Wireframes dictate a lot about the design of a screen.This restricts visual designersfrom doing… well, design.