Web Design Without Politics
•Download as PPT, PDF•
6 likes•1,223 views
Learn 6 tricks you can take home to get participation without politics: 1-KJ Sessions 2-Nav Bar Survivor 3-Design Consequences 4-Mood Boards 5-Posterframes 6-Digital Paper Prototyping
![Goals for Today ,[object Object],[object Object],[object Object],PHOTO BY ROB](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
More Related Content
What's hot
What's hot (18)
Similar to Web Design Without Politics
Similar to Web Design Without Politics (20)
More from NewCity
Recently uploaded
Recently uploaded (20)
Web Design Without Politics
- 1. Web Design Without Politics
- 10. Finding holes
- 11. VT FINANCIAL AID KJ EXAMPLE
- 12. Let’s Try It
- 16. NAV BAR SURVIVOR
- 18. imperial college london – collaborative wireframing
- 19. imperial college london – collaborative wireframing
- 22. IMPERIAL COLLEGE HOME PAGE WIREFRAME
- 23. IMPERIAL COLLEGE LONDON – FINAL DESIGN
- 25. MOODBOARDS AT TUFTS ALUMNI
- 26. MOODBOARDS AT TUFTS ALUMNI
- 27. MOODBOARDS AT TUFTS ALUMNI
Editor's Notes
- KJ intro - 5 minutes KJ session - 20 minutes Nav Bar Survivor & Posterframes - 5 minutes Design Consequences intro - 2 minutes Design Consequences - 20 minutes Digital Paper Prototyping - 5 minutes
- These are all techniques we have developed, learned and adapted over the years working in a higher ed setting. They’re born partly out of necessity, because we have to get input from a wide range of stakeholders during the process. But we’ve found they help us get - deeper insights - clearer guidance - smoother process with less conflict and territorialism - faster and less expensive
- In this example, content and links are taken from a set of “mental models” on the wall in the same room with the posters. This can also be done with data from a KJ session or other research like a Carewords Survey.
- Pamela Agar at Imperial College London explains the elements of the Media landing page to the whole team. By going through this process, everyone on the team has a thorough understanding of how and why you arrived at the proposed architecture, and key stakeholders become advocates for the plan.
- The earliest version of the Imperial College London home page wireframe
- The Imperial College London homepage wireframe, now rendered in OmniGraffle.
- The final Imperial College London home page design
- Create your wireframes in your favorite graphics program (like OmniGraffle, Axure, Vizio, Illustrator). Project your screen on the wall or share it through a screen sharing application like Glance.