Wireframing an overview
Upcoming SlideShare
Loading in...5
×
 

Wireframing an overview

on

  • 344 views

Quick overview of Wireframing and the use of ...

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

Statistics

Views

Total Views
344
Views on SlideShare
344
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • A wireframe is a quick sketch. <br /> The wireframe is a visual representation of the requirements implemented. <br />
  • 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. <br />
  • 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. <br />

Wireframing an overview Wireframing an overview Presentation Transcript

  • 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
  • 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 Name Page Title
  • 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
  • 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 BAPDD2013
  • BAPDD2013 Resources & Tools
  • 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/