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

Why We Wireframe: Progress of Process

on

  • 350 views

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. ...

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/

Statistics

Views

Total Views
350
Views on SlideShare
317
Embed Views
33

Actions

Likes
0
Downloads
1
Comments
0

2 Embeds 33

http://sandiego.aiga.org 31
http://diego1307.rssing.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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

Why We Wireframe: Progress of Process Why We Wireframe: Progress of Process Presentation Transcript

  • “Wireframing" has been around for a while…
  • It is the functional blueprint of our interactive systems. low fidelity (sketching/ideation -> blocking) mid fidelity (clickable mockups/coded prototypes) content population/ design integration
  • 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
  • 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
  • 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.
  • 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.
  • 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
  • Thank You! INTERACTIVE http://idiom.co @idiom_ Free Resources • konigi.com • wireframe.cc* • Invisionapp* Paid Resources • Solidifyapp • Axure