0
BAPDD2013

This presentation is an introduction to wireframing and
was first presented at the BAPDD 2013 in Columbus,
Ohio...
BAPDD2013

Wireframing
Overview
Wireframing

BAPDD2013

What is wireframing?
Home

Menu

Search

Company Name
Page Title
Wireframing
Responsive…

BAPDD2013
Wireframing
• A quick sketch
• A visual
representation
of the written
requirements

BAPDD2013

Home
Menu

Search

Company ...
Wireframing
All you need with
PowerPoint
•A collection of icons
For this wireframe
•PowerPoint text boxes
•Balsamiq icons
...
Wireframing
Considerations
•High Fidelity vs. Low Fidelity

BAPDD2013
Wireframing
High Fidelity

BAPDD2013
Wireframing
Low Fidelity

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

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

BAPDD20...
BAPDD2013

Resources & Tools
Resources &
Tools

BAPDD2013

• Wireframes Magazine -- wireframes.linowski.ca
• Smashing Magazine -- www.smashingmagazine....
Upcoming SlideShare
Loading in...5
×

Wireframing an overview

337

Published on

Quick overview of Wireframing and the use of
• PowerPoint text boxes
• Balsamiq icons
• Andreas Wulf’s free Windows 8 icons
• Christian Naths’ free Redacted font set

Published in: Technology, Spiritual
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
337
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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.
  • Transcript of "Wireframing an overview"

    1. 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. 2. BAPDD2013 Wireframing Overview
    3. 3. Wireframing BAPDD2013 What is wireframing? Home Menu Search Company Name Page Title
    4. 4. Wireframing Responsive… BAPDD2013
    5. 5. Wireframing • A quick sketch • A visual representation of the written requirements BAPDD2013 Home Menu Search Company Name Page Title
    6. 6. 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 BAPDD2013 Home Menu Search Company Name Page Title
    7. 7. Wireframing Considerations •High Fidelity vs. Low Fidelity BAPDD2013
    8. 8. Wireframing High Fidelity BAPDD2013
    9. 9. Wireframing Low Fidelity BAPDD2013
    10. 10. Wireframing Considerations •High Fidelity vs. Low Fidelity •Your Team •ROI BAPDD2013
    11. 11. Wireframing PowerPoint •Easy to use PowerStory adds to PowerPoint •Use case story boarding Balsmiq •Dynamic icons BAPDD2013
    12. 12. BAPDD2013 Resources & Tools
    13. 13. Resources & Tools 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/
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×