“Wireframing" has been around for a while…
It is the functional blueprint of our
interactive systems.

low fidelity
(sketching/ideation -> blocking)

mid fidelity
(c...
Marketing-Based/Informational WebsiteOur Approach

Initial
Meeting

Needs
Assement

Research /
Strategy / Site Outline
Sit...
PRODUCT FUNCTIONALITY

The Sticky Function –
Wireframing is Data/Design Glue
Wireframing is the
connection between the
res...
CLIENT RELATIONSHIPS

Removing Roadblocks –
Wireframes improve client relationships
An engaged client is
a better client.
...
INTERNAL BENEFITS

Process. Process. Process. –
Wireframes improve internal functionality
Everyone gets involved
early = m...
BUSINESS BENEFITS

An ounce of prevention
is worth a pound of cure.
Saves time and money

Proactive Engagement

!

!

•
•
...
Thank You!

INTERACTIVE

http://idiom.co
@idiom_

Free Resources
• konigi.com
• wireframe.cc*
• Invisionapp*

Paid Resourc...
Why We Wireframe: Progress of Process
Why We Wireframe: Progress of Process
Upcoming SlideShare
Loading in...5
×

Why We Wireframe: Progress of Process

305

Published on

The relevance and efficacy of wireframing has been hotly debated for a few years now...but its just a tool like any other. Its how you use it that matters.

Leveraging a strong wireframing practice as an integral aspect of any creative process can have more impact than on the digital products you are creating. It can help shape your entire business.

Talk adaptation can be found here: http://www.idiom.co/progress-process-wireframe/

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide

Why We Wireframe: Progress of Process

  1. 1. “Wireframing" has been around for a while…
  2. 2. It is the functional blueprint of our interactive systems. low fidelity (sketching/ideation -> blocking) mid fidelity (clickable mockups/coded prototypes) content population/ design integration
  3. 3. Marketing-Based/Informational WebsiteOur Approach Initial Meeting Needs Assement Research / Strategy / Site Outline Site Map Planning Wireframes User Flow IA/ UX Moodboards Content Architecture Home Page Artwork Landing/Detail Page(s) Artwork Launch Validation Coding Browser & Platform Testing Content Outline/ Definition Search Engine Submission Content Population / Optimization Refinement KICK OFF PLANNING CONTENT DESIGN DEVELOPMENT LAUNCH OPTIMIZATION
  4. 4. PRODUCT FUNCTIONALITY The Sticky Function – Wireframing is Data/Design Glue Wireframing is the connection between the research and planning, and design phases. ! • Makes the "why?" drive the engagement ! • Stay focused on project goals Iteratively anticipate and design user interactions and validates usability. ! Translates documentation into visual language • Pushes usability to the forefront
 • Improves functionality/ improves design
  5. 5. CLIENT RELATIONSHIPS Removing Roadblocks – Wireframes improve client relationships An engaged client is a better client. ! • • Improves communication
 Lessens design pushback -clients involved will be better informed about the design and feel they 
 have contributed to 
 its creation. Increases the value to the client, benefits the end product. ! Client investment = validation Make the project easier. ! Project Road-mapping.
  6. 6. INTERNAL BENEFITS Process. Process. Process. – Wireframes improve internal functionality Everyone gets involved early = more functional teams More exploration = more successful product. ! ! • Establishes Visual Language
 • Collaboration leads to breakthroughs Wireframe for different user groups, objectives and brand values
 • Wide range of approaches can be refined, discarded, or combined for more effective solutions Everyone is on the same page
 • • ! • Creates space for the 
 sole prop/freelancer Concurrent design and development + an early testing platform.
  7. 7. BUSINESS BENEFITS An ounce of prevention is worth a pound of cure. Saves time and money Proactive Engagement ! ! • • Identifies functionality early
   Easier changes
 Control the perceived value of your services and deliverables - tangible and intangible • ! • Limits late stage scope creep
 Measure twice, cut once- 
 It is more expensive to change existing work than build it right first time. • Better client relationships
 • • Better, collaborative work environment
 
 Transition from cost-oriented towards value-based pricing ! • credible positioning, deep experience, & strong client relationships
  8. 8. Thank You! INTERACTIVE http://idiom.co @idiom_ Free Resources • konigi.com • wireframe.cc* • Invisionapp* Paid Resources • Solidifyapp • Axure
  1. A particular slide catching your eye?

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

×