SlideShare a Scribd company logo
@faz
HI,I’MFAZ
@faz
EFFECTIVEVISUALS&PROTOTYPES
What Makes a Project Move Forward
@faz
OBJECTIVES
Understand the importance of being pragmatic
when it comes to prototyping.
Define what makes for a persuasive visual when
communicating with clients or target audience.
Become more adapt at identifying what is the
critical question worth asking.
@faz
BUT1ST,AQUICKCHECK…
@faz
WHATISAPROTOTYPE?
1
CREATINGAWORKINGMODELOFAPRODUCTORFEATURE
COMMUNICATINGANIDEAINTERACTIVELY
SHOWINGRATHERTHANTELLING
THEREISRICHANALOGHISTORY
ITISANITERATIVEPROCESS
ITFITSTHELARGERCONTEXT
@faz
ASK
What is the problem that the prototype
is trying to address?
What are we unsure about?
SUSANWOJCICKI—CEO,YOUTUBE
“I love taking an idea...
to a prototype and then
to a product that
millions of people use.”
@faz
WHATDOESITMEANTOBEEFFECTIVE?
2
@faz
FASTDOESNOTALWAYSEQUALEFFICIENT.
BEINGEFFECTIVEISSIMPLYOMITTING/POSTPONING
STYLECHOICES.
YOURTOOLSCANTRAPYOU.
It’snot…
@faz
YOUMUSTBECONVINCING.SOKNOWYOURAUDIENCE.
YOUMUSTBERELEVANT.BETIMELY.
YOUMUSTBENOTICED.SPEAKUP!
Itis…
@faz
HIERARCHYOFUSERNEEDS
FUNCTIONAL
RELIABLE
USABLE
PLEASURABLE
@faz
HIERARCHYOFUSERNEEDS
FUNCTIONAL
RELIABLE
USABLE
PLEASURABLE
@faz
AARONWALTER
“Certainly we all want to eat edible foods with
nutritional value, but we also crave flavor.”
@faz
“Why do we settle for usable when we can
make interfaces both usable and pleasurable?”
AARONWALTER
@faz
Your team or clients aren’t that
different from users.
They too need to have an emotional
attachment to the work or product.
@faz
What will get them to move the project forward?
What insight can we unlocked?
How do we leap forward?
ASK
@faz
SELLINGBIGIDEASTHROUGHVISUALIZATION
@faz
FINDINGTHEINSIGHTTHATBRINGS
EVERYONETOGETHER
It’sabout…
@faz
AFEWEXAMPLES…
SCENARIOS
@faz
Your startup is building b2b tools within telco industry.
You’ve had a kick-off with the client already, but they
feel the need to chat more to discuss the steps of the
process for their team members.
You want to redirect the efforts while creating
confidence.
It’s 7:30 am and your meeting is at 9!
SITUATION
@faz
DRIVINGCONVERSATIONS
Evolves to this later
@faz
Your non-profit client, focused on education
in developing countries, is trying to modernize
their product and teaching approach.
You have legacy content and software as a
major constraint.
There is hunger for vision on the project.
You need to inspire change.
SITUATION
@faz
PAINTINGTHEWAYFORWARD
@faz
Your travel industry client has a new venture subsidiary
in mind and wants to create a more social offering.
There is little understanding of content management
and publishing process.
You want to elevate the content creation discussion
and establish the need for them to build relationships
with their customers.
SITUATION
@faz
MAPOUTTHEJOURNEYANDTOUCHPOINTS
Priya
Age: 32
Location: Mumbai
Occupation: Architect
Family: Single
Computer Skills: Above Average
Key Motivators:
big vacation per year
to keep up
conscious on the larger items
Priya
Sameer
thinks he may have seen something about
Sameer
Age: 29
Family: Single
Computer Skills: Expert
Key Motivators:
Faz Besharatian
Advenature Experience Map
16 August 2012
Advenature General User Flow
Here we have 2 personas, each with
their own motivational factors, but
similar in demographic. Both may take
on the same number of challenges.
Both may book trips at the same
frequency. But they do not use the
site in the same way.
Priya:
Her pattern of interaction is more
in-depth. She is more engaged with
activities prior to the trip or event.
She tends to research more. She
maintains the connections she makes.
She is sometimes harder to please,
but she may be much more loyal.
Sameer:
His pattern of interaction is more
scattered. He does enough to get the
job done but is less concerned with
preparation. He has more experience
with the outdoors and is focused on
the quality and intensity of the
activity. He tends to engage the
website minimally. But he is efficient
in his usage.
The height of the graphs represent
the value and weight of interaction for
the user. Not all items listed are
directly related to online activities.
Attends speaker event
1st Rafting Trip
Camping Trip
2nd Rafting Trip
Kilimanjaro Adventure Challenge
Repelling
Joins Advenature
Joins Trekking Group
Joins Rafting Group
Plans Rafting Trip
Asks Expert
Finds Local Event Plans Rafting Trip
Organizes Friends for Trip
Post Photos
Shares Album
Plans Hiking Trip
Answers Questions
Connects with Other Rafters
for the same tour
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec Jan Feb Mar Apr
Suggests a Trip
Asks Questions
Plans Repelling Trip
Buys Gear
Moderates Discussion
Creates a Camping Group
Creates Local Group Invites More People
Post Photos
Shares Album
Discusses Next Trip
Plans Next Event
Post Photos
Shares Album
Answers Questions
Joins Advenature
Connects with Friends
Joins Climbing Group
Creates Discussions
Answers Questions
Finds Outbound Trip
Invites Friends
Plans Trip
Asks Expert
Completes Profile
Kilimanjaro Adventure Challenge
Jun Jul Aug Sep Oct Nov
Suggests a Trip
Asks Questions
Plans Repelling Trip
Creates Local Group Invites More People
Post Photos
Shares Album
Answers Questions
ds
Plans Trip
Asks Expert
@faz
MAPOUTTHEJOURNEYANDTOUCHPOINTS
Attends speaker event
1st Rafting Trip
Camping Trip
2nd Rafting Trip
Joins Advenature
Joins Trekking Group
Joins Rafting Group
Plans Rafting Trip
Asks Expert
Finds Local Event Plans Rafting Trip
Organizes Friends for Trip
Post Photos
Shares Album
Plans Hiking Trip
Answers Questions
Connects with Other Rafters
for the same tour
Moderates Discussion
Creates a Camping Group
MAPOUTTHEJOURNEYANDTOUCHPOINTS
@faz
The grand-mother of all associations is redoing
their massive, content rich website.
You have many teams with varying workflows
and competing objectives.
There are vendors and internal teams, each with
varying skill sets and value to the organization.
Your executives want everyone to play nice!
SITUATION
@faz
PROCESSANDWORKFLOWCHALLENGE
@faz
Content
Creators
Commissioned Keyed In 1st Edit Top EditAssets Gathered Design Reviewed Fact Checked Copy Edited Legal Reviewed QAed Published Promoted
Subject Experts
Reporters
Freelancers
Scenario 1: Article follows
through all typical steps
to get published.
Scenario 2: Some steps are
skipped for a video based
article based on existing,
relevant reviews.
Scenario 3: A publisher
rushes an article through
due to timely nature of story.
Content
Editors
Producers Channel
Producers
Designers Art Directors
Design Leads
Content/Copy
Editors
Copy Editors Legal
Editors
Producers/
Content
Editors
Channel
Producers
Producers
Marketers
Partners
Authors - %20 of users
Data entry and minimal privileges.
(AARP staff within any biz unit)
Calendering: Editorial calendars which are housed in QuickBase currently
maybe incorporated into a different system, depending on where the content
brief and contracts are housed.
Reporting: CMS’s internal reporting may be used as a feedback loop to track
progress, volume and other relevant data needed to manage editorial calendar.
DAM: Digital Asset Management will be at enterprise level. The ties between
the 2 systems will determine the possible inclusion of additional steps in the
CMS work flow.
Editors - %60 of users
Data entry, content edit, page layout
and general content manipulation.
(Producers, Designers, i.e. Elizabeth,
Laura, Paul, Merideth, etc.)
Publishers - %10 of users
Data entry, content edit, page layout
and authority to publish.
(Managing Editor, Channel Producer, i.e
Carolyn)
Administrators - %5 of users
Data entry, content edit, page layout,
general content manipulation, and
publishing. CMS admins can do
everything short of development.
(CMS design/dev, ie. Rachel)
A E E EEEEP P P
MA E P
VISUALIZE&COMMUNICATETHEPROCESS
Eventually created this
@faz
FEWMORETHOUGHTS…
TIPS
@faz
2NDSTAGE:MERGEWITHTHEOLD&TEST(FEWWEEKSIN)
@faz
3RDSTAGE:EVOLUTIONARYSTEPS(CONTINUETESTING)
AYSEBIRSEL
“To say that something is
designed means it has
intentions that go beyond its
function. Otherwise it’s just
planning.”
@faz
DON’TLIMITYOURSELFTOTESTING.
YOUNEEDTOBECONVINCINGTOO.
@faz
PICTURESARETHE
QUICKESTWAYTO
ADDPOLISHTO
YOURPROTOTYPES
@faz
DON’TUSELORUMIPSUM.
DON’TPHONE-INTHE
PHOTOEITHER.
USEREALIMAGES.
@faz
DON’TUSELORUMIPSUM.
DON’TPHONE-INTHE
PHOTOEITHER.
WHAT’STHESTORYIN
THEIMAGE?
Effective Visuals & Prototypes, What Makes a Project Move Forward.
Effective Visuals & Prototypes, What Makes a Project Move Forward.
JEFFVEEN—VPPRODUCT,ADOBE
“The thing that I found
work the best… Start with
the end product and work
your way back.”
@faz
THANKSFORLISTENING
This presentation will be posted here: [link]
@faz

More Related Content

PDF
PN Connect Rapid Briefing - Facebook Graph Search
PPTX
Introduction To Facebook Graph Search
PPTX
Facebook Search Graph
PPTX
Facebook Graph Search
PPTX
Graph Search
PDF
Facebook Graph Search
PPT
Social Media: A Powerful Tool in your Toolbox
PPTX
Using facebook to promote your local league strategies for success w zoom cd...
PN Connect Rapid Briefing - Facebook Graph Search
Introduction To Facebook Graph Search
Facebook Search Graph
Facebook Graph Search
Graph Search
Facebook Graph Search
Social Media: A Powerful Tool in your Toolbox
Using facebook to promote your local league strategies for success w zoom cd...

Viewers also liked (20)

PDF
Movimiento avion
PDF
Guion tecnico para_video_-_ejemplo
PDF
PPT
Irec 2012 challenges for public and private sector industrial relations and u...
PPTX
CIENCIAS DEL DEPORTE
PDF
Knowledge Management and Knowledge Integration
PPTX
підсумковий протокол
PPT
зустріч з дітьми другої світової війни
PPT
Presentation to the Defense Science Board Task Force on “Improving Fuel Effic...
PPTX
Juego
PPT
пісні війни пісні- перемоги...
PPTX
наказ. підсумки олімпіади з трудового навчання
PPTX
Appa
PPTX
«наука для людини – як сонце для життя»
PPTX
пірует 2015
PDF
Manual tejeRedes de Articuladores y Participantes
PDF
Sustaining and projecting genetic diversity: Potatoes adapted to changing needs
PPTX
Shivani
PDF
Gentrification and tourism in lisbon - João Seixas
PPTX
Spanish 1 u5 l1 vocab intro day 1
Movimiento avion
Guion tecnico para_video_-_ejemplo
Irec 2012 challenges for public and private sector industrial relations and u...
CIENCIAS DEL DEPORTE
Knowledge Management and Knowledge Integration
підсумковий протокол
зустріч з дітьми другої світової війни
Presentation to the Defense Science Board Task Force on “Improving Fuel Effic...
Juego
пісні війни пісні- перемоги...
наказ. підсумки олімпіади з трудового навчання
Appa
«наука для людини – як сонце для життя»
пірует 2015
Manual tejeRedes de Articuladores y Participantes
Sustaining and projecting genetic diversity: Potatoes adapted to changing needs
Shivani
Gentrification and tourism in lisbon - João Seixas
Spanish 1 u5 l1 vocab intro day 1
Ad

Similar to Effective Visuals & Prototypes, What Makes a Project Move Forward. (20)

PPTX
Market Outside the Books: Outrageous Ideas to Entice Readers to Talk You Up
KEY
ACES Survive Redesign 2012
PPT
WP Meetup PDX Slides on Site Strategy
PDF
Content Strategy: A Road Map For Delivering Better Websites
PDF
Scaling Quality v1.3
PPTX
User Experience from a Business Perspective
PPTX
User-Centered Website Design
PPTX
Are we nearly there yet?
PDF
The Brand as Publisher Masterplan - Content Marketing for the Next Decade
PDF
Content Strategy for the Web
PDF
Evaluating your Website - FDL ACU presentation by BrownBoots Interactive
PPT
10 Ways to Improve Your Web Content Strategy
PPT
Museum Website Best Practices for the 21st Century
PPTX
Digital Marketing Tactics To Increase Conversions
PPT
User Experience Design for Non‐Designers
PDF
Harnessing the Value of UX
PPT
Content for 2015 and Beyond by Matt Beswick, SEM Days 2015
PDF
Whose Page Is It Anyway?: Creating a content workflow that serves the audience
PDF
Creating A Remarkable User Experience
PDF
Content: The Fuel for Better Content Marketing
Market Outside the Books: Outrageous Ideas to Entice Readers to Talk You Up
ACES Survive Redesign 2012
WP Meetup PDX Slides on Site Strategy
Content Strategy: A Road Map For Delivering Better Websites
Scaling Quality v1.3
User Experience from a Business Perspective
User-Centered Website Design
Are we nearly there yet?
The Brand as Publisher Masterplan - Content Marketing for the Next Decade
Content Strategy for the Web
Evaluating your Website - FDL ACU presentation by BrownBoots Interactive
10 Ways to Improve Your Web Content Strategy
Museum Website Best Practices for the 21st Century
Digital Marketing Tactics To Increase Conversions
User Experience Design for Non‐Designers
Harnessing the Value of UX
Content for 2015 and Beyond by Matt Beswick, SEM Days 2015
Whose Page Is It Anyway?: Creating a content workflow that serves the audience
Creating A Remarkable User Experience
Content: The Fuel for Better Content Marketing
Ad

Recently uploaded (20)

PPT
Fire_electrical_safety community 08.ppt
PPTX
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PPTX
2. Competency Based Interviewing - September'16.pptx
PDF
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
PPTX
Bitcoin predictor project presentation
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PDF
The Basics of Presentation Design eBook by VerdanaBold
PDF
2025CategoryRanking of technology university
PDF
Social Media USAGE .............................................................
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
timber basics in structure mechanics (dos)
PDF
analisis snsistem etnga ahrfahfffffffffffffffffffff
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PDF
Trends That Shape Graphic Design Services
PPTX
a group casestudy on architectural aesthetic and beauty
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PPTX
PROPOSAL tentang PLN di metode pelaksanaan.pptx
PDF
Govind singh Corporate office interior Portfolio
PPTX
ACL English Introductionadsfsfadf 20200612.pptx
Fire_electrical_safety community 08.ppt
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
robotS AND ROBOTICSOF HUMANS AND MACHINES
2. Competency Based Interviewing - September'16.pptx
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
Bitcoin predictor project presentation
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
The Basics of Presentation Design eBook by VerdanaBold
2025CategoryRanking of technology university
Social Media USAGE .............................................................
Architecture Design Portfolio- VICTOR OKUTU
timber basics in structure mechanics (dos)
analisis snsistem etnga ahrfahfffffffffffffffffffff
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
Trends That Shape Graphic Design Services
a group casestudy on architectural aesthetic and beauty
1 Introduction to Networking (06).pdfbsbsbsb
PROPOSAL tentang PLN di metode pelaksanaan.pptx
Govind singh Corporate office interior Portfolio
ACL English Introductionadsfsfadf 20200612.pptx

Effective Visuals & Prototypes, What Makes a Project Move Forward.