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

2. BAPDD2013 Wireframing Overview

3. BAPDD2013 Page Title What is wireframing? Company Name Home Menu Search Wireframing

4. BAPDD2013 Wireframing Company Name Home Menu Search Page Title Responsive…

5. BAPDD2013 Wireframing A quick sketch A visual representation of the written requirements Search Home Menu Company Name Page Title

6. BAPDD2013 Wireframing 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 Search Home Menu Company Name Page Title

7. BAPDD2013 Wireframing Considerations High Fidelity vs. Low Fidelity

8. BAPDD2013 High Fidelity Wireframing

9. BAPDD2013 Wireframing Low Fidelity

10. BAPDD2013 Wireframing Considerations High Fidelity vs. Low Fidelity Your Team ROI

11. BAPDD2013 Wireframing PowerStory adds to PowerPoint Use case story boarding Balsmiq Dynamic icons PowerPoint Easy to use

12. BAPDD2013 Resources & Tools

13. BAPDD2013 Wireframes Magazine -- wireframes.linowski.cawireframes.linowski.ca Smashing Magazine -- www.smashingmagazine.comwww.smashingmagazine.com Christian Naths’ free Redacted font -- https://github.com/christiannaths/Redacted-Font -- Redacted Font https://github.com/christiannaths/Redacted-Font PowerStory -- http://power-story.comhttp://power-story.com Balsamiq -- http://www.balsamiq.comhttp://www.balsamiq.com Andreas Wulf’s free icons for PowerPoint -- http://designmodo.com/windows-8-wireframe/ http://designmodo.com/windows-8-wireframe/ Resources & Tools