Wireframing_An_Overview
•Download as PPT, PDF•
0 likes•139 views
This presentation introduces wireframing and was presented at the BAPDD 2013 conference in Columbus, Ohio on September 13. It discusses what wireframing is, considerations for high and low fidelity wireframing, and resources and tools for wireframing including PowerPoint, Balsamiq, and free icon sets. The presentation automatically advanced through slides, although there was elaboration during the meeting.
Recommended
Recommended
More Related Content
Similar to Wireframing_An_Overview
Similar to Wireframing_An_Overview (20)
Wireframing_An_Overview
- 1. BAPDD2013 This presentation is an introduction to wireframing and was first presented at the BAPDD 2013 in Columbus, Ohio on September, 13. Since many people do not have the Redacted font set installed on their computer, I have replaced the actual font with pictures of the font. This presentation will automatically advance, although there was a bit of elaboration during the meeting. Greg Swearingen gregs@gergman.com
- 3. BAPDD2013 Page Title What is wireframing? Company Name Home Menu Search Wireframing
- 5. BAPDD2013Wireframing • A quick sketch • A visual representation of the written requirements SearchHome Menu Company Name Page Title
- 6. BAPDD2013Wireframing All you need with PowerPoint •A collection of icons For this wireframe •PowerPoint text boxes •Balsamiq icons •Andreas Wulf’s free Windows 8 icons •Christian Naths’ free Redacted font set •Paint.Net free graphics tool SearchHome Menu Company Name Page Title
- 7. BAPDD2013Wireframing Considerations •High Fidelity vs. Low Fidelity
- 10. BAPDD2013Wireframing Considerations •High Fidelity vs. Low Fidelity •Your Team •ROI
- 11. BAPDD2013Wireframing PowerStory adds to PowerPoint •Use case story boarding Balsmiq •Dynamic icons PowerPoint •Easy to use
- 13. BAPDD2013 • Wireframes Magazine -- wireframes.linowski.ca • Smashing Magazine -- www.smashingmagazine.com • Christian Naths’ free Redacted font -- https://github.com/christiannaths/Redacted-Font -- Redacted Font • PowerStory -- http://power-story.com • Balsamiq -- http://www.balsamiq.com • Andreas Wulf’s free icons for PowerPoint -- http://designmodo.com/windows-8-wireframe/ Resources & Tools
Editor's Notes
- A wireframe is a quick sketch. The wireframe is a visual representation of the requirements implemented.
- Keep in mind the pros and cons to using PowerPoint for wireframes. Balsamiq is nice for wireframes when you do not want a “finished” look. PowerPoint can give a “finished” look.
- Keep in mind the pros and cons to using PowerPoint for wireframes. Balsamiq is nice for wireframes when you do not want a “finished” look. PowerPoint can give a “finished” look.