SlideShare a Scribd company logo
What are they? 
Wireframes show a bare-bones sketch of an entire 
application or web site. They’re intended to communicate 
preliminary design ideas without getting bogged down in 
fonts and colors. Wireframes enable the project team to 
develop common expectations about the project early on. 
Who uses them? 
Business Decision Makers use them to visualize their 
requirements and think about what might have been 
overlooked. They also use them to communicate their plans 
and gain business-side buy-in. 
Developers use wireframes to understand the technical 
requirements. They’re also a conversation tool with the 
business when questions arise during the project. 
QA Testers use wireframes to write test scripts. Usability 
Testers use wireframes for task-based evaluations with 
representative end-users. If the users can’t understand the 
wireframes, they won’t be able to use the application! 
How It Works 
Start with requirements. Get 80% of the way there, 
then bring in a user interface designer. 
Develop visuals. The UI designer mocks-up visuals and 
the project team gives feedback. It’ll take a few rounds 
to get the wireframes solid. 
Start building. During build, issues will come up. Work 
with the UI designer to find consistent solutions. 
Keep things current. As designs decisions are made, 
update the wireframes. This helps in QA and user 
acceptance testing. 
1. 
2. 
3. 
4. 
Getting Started 
Check out samples from previous projects at [url] or contact 
[name and number] to get started. 
[company logo]

More Related Content

PPTX
A holistic guide to annotated wireframes for app development
PDF
20160503_Resume
PPTX
PhoenixBizz - Our Unique Value Proposition
PPT
Smartdesign learn and master axure rp in 3 hours
DOCX
Resume_Samar
PPTX
You Don't Know C.R.A.P. about UX/UI
PPT
UX Life Cycle
DOCX
SR. FRONT-END ENGINEER - ANDROID
A holistic guide to annotated wireframes for app development
20160503_Resume
PhoenixBizz - Our Unique Value Proposition
Smartdesign learn and master axure rp in 3 hours
Resume_Samar
You Don't Know C.R.A.P. about UX/UI
UX Life Cycle
SR. FRONT-END ENGINEER - ANDROID

What's hot (9)

PPTX
Employment search completed
DOC
Project charter Task 1
PPTX
How Invision Help Designers
PPTX
Road to cta with Meighan Brodkey
PDF
Jagmohan profile
PDF
Design at Lingualeo: From Idea to MMP
PDF
LaSoft general project support terms and approach
PDF
UI Prototyping with Invision
PDF
Prototyping invision vs axure
Employment search completed
Project charter Task 1
How Invision Help Designers
Road to cta with Meighan Brodkey
Jagmohan profile
Design at Lingualeo: From Idea to MMP
LaSoft general project support terms and approach
UI Prototyping with Invision
Prototyping invision vs axure
Ad

Similar to Wireframes one sheeter (20)

PDF
The Guide To Wireframing
PDF
The guide to wireframing
PDF
Wireframing for Mobile App Developers
PPTX
Careers In Web Design
PDF
Net Magazine Feb 2010
PDF
How to Create Wireframes For Mobile Apps and Why It’s Good for Apps.pdf
PDF
NUX October 6th 2014 - UX in a traditional enterprise
PDF
Iti_(2).pdf
PDF
PDF Submission for Checkux prototypes vs wireframes.pdf
PDF
Importance of Wireframes in Web Design
PDF
Propeller UI/UX Process
PDF
Mobile Design at Gilt
PPTX
World Usability Day 2014 - UX Toolbelt for Developers
PPTX
Deconstructing/Reconstructing User Experience
PDF
7 useful websites for front end developers.pdf
PDF
Why should you Develop Mockups? - Techtic Solutions
PDF
CV_Jahnavee Chitte (1)
PDF
Design Learnings
 
PPTX
Portfolio Swetha Dubbaka
PPTX
The UX Toolbelt for Developers
The Guide To Wireframing
The guide to wireframing
Wireframing for Mobile App Developers
Careers In Web Design
Net Magazine Feb 2010
How to Create Wireframes For Mobile Apps and Why It’s Good for Apps.pdf
NUX October 6th 2014 - UX in a traditional enterprise
Iti_(2).pdf
PDF Submission for Checkux prototypes vs wireframes.pdf
Importance of Wireframes in Web Design
Propeller UI/UX Process
Mobile Design at Gilt
World Usability Day 2014 - UX Toolbelt for Developers
Deconstructing/Reconstructing User Experience
7 useful websites for front end developers.pdf
Why should you Develop Mockups? - Techtic Solutions
CV_Jahnavee Chitte (1)
Design Learnings
 
Portfolio Swetha Dubbaka
The UX Toolbelt for Developers
Ad

Recently uploaded (20)

PPTX
QA PROCESS FLOW CHART (1).pptxbbbbbbbbbnnnn
PPTX
mineralsshow-160112142010.pptxkuygyu buybub
PDF
Arts and Crats of Cagayan and Central Luzon.pdf
PPTX
GREEN BUILDINGS are eco friendly for environment
PPTX
400kV_Switchyardasdsfesfewffwefrrwewew_Training_Module.pptx
PPTX
Theatre Studies - Powerpoint Entertainmn
PPTX
WEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEK
PDF
Impressionism-in-Arts.For.Those.Who.Seek.Academic.Novelty.pdf
PPTX
Copy of liver-cancer-case-study.pptx.pptx
PPTX
National_Artists_for_Dance_with_Examples-1.pptx
PDF
15901922083_PQA.pdf................................
PPTX
Nationalism in India Ch-2.pptx ssssss classs 10
PPTX
Structuralism and functionalism dhshjdjejdj
PDF
The-Art-of-Storytelling-in-Cinema (1).pdf
PPTX
Contemporary Arts and the Potter of Thep
PDF
2025_Mohammad Mahbub KxXxáacscascsacabir.pdf
PDF
INTRODUCTION-TO-ARTS-PRELIM.pdf arts and appreciation
PPTX
Understanding APIs_ Types Purposes and Implementation.pptx
PDF
Landscape Architecture: Shaping the World Between Buildings
PPTX
This is about the usage of color in universities design
QA PROCESS FLOW CHART (1).pptxbbbbbbbbbnnnn
mineralsshow-160112142010.pptxkuygyu buybub
Arts and Crats of Cagayan and Central Luzon.pdf
GREEN BUILDINGS are eco friendly for environment
400kV_Switchyardasdsfesfewffwefrrwewew_Training_Module.pptx
Theatre Studies - Powerpoint Entertainmn
WEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEK
Impressionism-in-Arts.For.Those.Who.Seek.Academic.Novelty.pdf
Copy of liver-cancer-case-study.pptx.pptx
National_Artists_for_Dance_with_Examples-1.pptx
15901922083_PQA.pdf................................
Nationalism in India Ch-2.pptx ssssss classs 10
Structuralism and functionalism dhshjdjejdj
The-Art-of-Storytelling-in-Cinema (1).pdf
Contemporary Arts and the Potter of Thep
2025_Mohammad Mahbub KxXxáacscascsacabir.pdf
INTRODUCTION-TO-ARTS-PRELIM.pdf arts and appreciation
Understanding APIs_ Types Purposes and Implementation.pptx
Landscape Architecture: Shaping the World Between Buildings
This is about the usage of color in universities design

Wireframes one sheeter

  • 1. What are they? Wireframes show a bare-bones sketch of an entire application or web site. They’re intended to communicate preliminary design ideas without getting bogged down in fonts and colors. Wireframes enable the project team to develop common expectations about the project early on. Who uses them? Business Decision Makers use them to visualize their requirements and think about what might have been overlooked. They also use them to communicate their plans and gain business-side buy-in. Developers use wireframes to understand the technical requirements. They’re also a conversation tool with the business when questions arise during the project. QA Testers use wireframes to write test scripts. Usability Testers use wireframes for task-based evaluations with representative end-users. If the users can’t understand the wireframes, they won’t be able to use the application! How It Works Start with requirements. Get 80% of the way there, then bring in a user interface designer. Develop visuals. The UI designer mocks-up visuals and the project team gives feedback. It’ll take a few rounds to get the wireframes solid. Start building. During build, issues will come up. Work with the UI designer to find consistent solutions. Keep things current. As designs decisions are made, update the wireframes. This helps in QA and user acceptance testing. 1. 2. 3. 4. Getting Started Check out samples from previous projects at [url] or contact [name and number] to get started. [company logo]