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