Text
The right way to wireframe: SXSW
The right way to wireframe
- russ unger
- Todd zaki warfel
Video link: http://www.youtube.com/watch?v=eFHWx9Poums
- The wireframe vs. prototype debate.
- Choose a side.
- Some do sketch to a prototype. But is prototype a wireframe
- Interactive wireframing
- Best tools:
- Omnigraphy
- Visio
- Fireworks (doesn’t work)
- Balsamiq mockups (friendofruss – promo code)
- Axure
- Powerpoint
- Html/css
- Best tool is one that you’re comfortable with
- Presentation dissects the work they did doing a site redesign for a not for profit - lend4health.com. They basically show their work on this project, including process and approach.
- 4 designers, 1 problem, 2 caveats
- Lend4health.com
- Child with autism, diabetes, etc
- Russ Unger talks about his approach:
- Start with Requirements brief
- Start with Creative brief
- Site map the personas (put it in someone’s UML template and put it together)
- Thought about user paths for personas. Includes numbering system. 0.0.0.0 1.0.0.0 1.1.0.0
- “He who owns the site map owns the product”
- “Hey, let’s sit down with our moleskins and sketch that idea out.”
- Sketch first – sketch the story first.
- Sketch each path 0.0.0.0 1.0.0.0 1.1.0.0
- Do these on full sheets of paper.
- Look cool when you scan them and put them in presentations
- First path at wireframes were the sketches
- Then did wireframes in balsamiq
- Communication between interaction designer and visual designers
- The requirements
- The site map
- Sketching and wireframing
- Creative design comes last
- Zaki warfel talks about his approach next:
- It always begins with research
- Start with interviews
- Might do remote observation via adobe connect to watch people use it remotely.
- Tag-it and create themes –
- Output it into an indesign framework.
- Tell the story through personas - 2 to 4 personas based on the data.
- Persona DNA provile – maps out knowledge and activities and behaviors on a 1-10 basis
- Explore concepts through sketching
- Six ups template
- 8-up template – use it for thumbnail version or story-board out a series of flows. Can connect with arrows.
- Use something called ‘design studio’ – process of pitch and critique
- 5 minute to sketch the idea. Get it critiqued.
- Then move right into prototyping
- The project guide to UX design for user experience designers in the field or in the making
- Russ unger and Carolyn chandler
- Prototying by todd zaki warfel
- he’s writing a book on Applying standard research in guerilla method –
