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/

2. “Wireframing" has been around for a while…

3. It is the functional blueprint of our
interactive systems.
low fidelity
(sketching/ideation -> blocking)
mid fidelity
(clickable mockups/coded prototypes)
content population/
design integration

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

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

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

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

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

10. Thank You!
INTERACTIVE
http://idiom.co
@idiom_
Free Resources
• konigi.com
• wireframe.cc*
• Invisionapp*
Paid Resources
• Solidifyapp
• Axure