Wireframes are Dead Long Live Wireframes

Prototyping, Progressive Enhancement and Responsive Web Design

Transcript

1. Wireframes are Dead Long Live Wireframes Prototyping, Progressive Enhancement and Responsive Web Design Lugano, 17 March 2012
2. AgileCamp 2009 Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License All trademarks and registered trademarks are the property of their respective owners Source: http://www.viddler.com/v/20882b3e min 5:48 "i wireframes sono inutili"
3. MethodCamp 2011 Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License All trademarks and registered trademarks are the property of their respective owners Rapid Application Prototyping for mobile (PhoneGap, jQuery Mobile) •The need to have an idea of the result (customer) •The need to understand what customer wants (us, our brain)
4. ZURBlog Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License All trademarks and registered trademarks are the property of their respective owners 3 Feb 2012 - Wireframes are Dead, Long Live Wireframes Wireframes: •They give no sense or insight into flow. •They have to be created at various different screen sizes to account for how customers will actually see them. •The client won't see them in their native element. The context is wrong.
5. Case study 1: MR. EDU Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License All trademarks and registered trademarks are the property of their respective owners Users elementary students, teachers and parents Main goal define a method to design and develop web apps for educational activities Methodology Ethnographic study, Personas and Scenarios, Prototyping, User test Time constraint No Source: http://code.google.com/p/mr-edu/
6. Case study 2: an intranet app Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License All trademarks and registered trademarks are the property of their respective owners Numbers 172 offices (in 5 continents), 14 business units, 22.224 people Users Editorial staff (Switzerland), employees (around the world) Main goal Manage and broadcast news, read news Methodology Personas and Scenarios, Prototyping, User test Time constraint Yes
7. Conclusion Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License All trademarks and registered trademarks are the property of their respective owners Observation and/or Interviews Prototypes Implementation (Agile, other buzzwords) Feedback (User test, other buzzwords) Release Exploration of other solutions Personas and Scenarios