This presentation is an introduction to wireframing and was first presented at the BAPDD 2013 in Col...
This presentation is the property of its rightful owner.
Sponsored Links
1 / 13

Wireframing Overview PowerPoint PPT Presentation


  • 87 Views
  • Uploaded on
  • Presentation posted in: General

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.

Download Presentation

Wireframing Overview

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Wireframing overview

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

[email protected]


Wireframing overview

Wireframing

Overview


Wireframing overview

Wireframing

Search

Home Menu

What is wireframing?

Company Name

Page Title


Wireframing overview

Wireframing

Responsive…

Search

Home Menu

Company Name

Page Title


Wireframing overview

Wireframing

Home Menu

Search

  • A quick sketch

  • A visual representation of the written requirements

Company Name

Page Title


Wireframing overview

Wireframing

  • All you need with PowerPoint

  • A collection of icons

Home Menu

Search

Company Name

Page Title

  • 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


Wireframing overview

Wireframing

  • Considerations

  • High Fidelity vs. Low Fidelity


Wireframing overview

Wireframing

High Fidelity


Wireframing overview

Wireframing

Low Fidelity


Wireframing overview

Wireframing

  • Considerations

  • High Fidelity vs. Low Fidelity

  • Your Team

  • ROI


Wireframing overview

Wireframing

  • PowerPoint

  • Easy to use

  • PowerStory adds to PowerPoint

  • Use case story boarding

  • Balsmiq

  • Dynamic icons


Wireframing overview

Resources & Tools


Wireframing overview

Resources & Tools

  • 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/


  • Login