Why We Wireframe: Progress of Process


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
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
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