SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
Love at First (Web)site
Anatomy of a Good UX First Impression
Greg Harron, UX Strategist
The web is full of
bad first impressions.
@gregharron
Your business will be (quickly) judged by its cover…
on many levels
@gregharron
First impressions can be long-lasting,
unforgiving, and critical to your success…
a snap judgment about the quality of your site
can quickly turn into a strong impression of
the overall quality of your business.
@gregharron
Your business will be (quickly) judged by its cover…
on many levels
And let’s face it…people can be anxious.
@gregharron
And let’s face it…people can be skeptical.
@gregharron
And let’s face it…people can be guarded.
@gregharron
And let’s face it…people can be stressed.
@gregharron
And let’s face it…people can be GRUMPY.
@gregharron
And let’s face it…people can be GRUMPY.
@gregharron
As you can see, we are not exactly setting the mood for love at first sight. People
may be a touch on the ornery side as they meet your site for the first time,
so we have our work cut out for us to make a positive first impression.
Our UX Mission: Frown Inversion
:(
:)
@gregharron
The Mission Brief
Our Target: “Product Scout(s)” - the person(s) tasked with researching and
recommending a new product or service for their company. The interests of many internal
stakeholders must be considered.
User Mindset:
- Busy, short on time
- Anxious, stressed
- Skeptical, guarded
- Uninspired to sludge through product info & specs
- …Grumpy
Objective: Deliver a user experience that generates a positive first impression and builds
confidence in the value of your offering and your ability to deliver on it.
@gregharron
How do we do it?
@gregharron
Credibility
Trust
Opportunity
+ Ease of Adoption
User Confidence
And maybe, just maybe, EXCITEMENT
@gregharron
The 1st impression must convey
To establish
@gregharron
Okay, but HOW do we establish credibility, trust,
opportunity, etc?
Here are 5 key steps to building user confidence (and
excitement) through a good first impression.
5 keys to a good UX first impression.
Give a proper introduction
1. Be easy on the eyes (in more ways than one
2. Arm your advocates
3. Grease the track
4. Glory by association
5. UX does not stop at UI
Make sure the user can clearly understand what you are all about
within a second or two of hitting your site! Provide immediate
reassurance that the user is in the right place and that they should
definitely stick around to learn more about what you have to offer.
As part of your intro, you may also want to name drop - throw out a
client list or testimonials to provide some confidence that you are
worth getting to know.
1
@gregharron
5 keys to a good UX first impression.
Be easy on the eyes (and brain)
1. Grease the track
2. Glory by association
3. UX does not stop at UI
2
Site must be aesthetically pleasing.
Visual clutter or chaos will lead to
quick exits. A solid design
aesthetic will add instant credibility
to your business.
Literally, ease the user’s mind by
guiding them visually to
thoughtfully manage and focus
their attention on what is most
important. “Ration” out the
information using white space and
layout to promote focus and
retention of key points.
@gregharron
5 keys to a good UX first impression.
Arm your advocates
1. Grease the track
2. Glory by association
3. UX does not stop at UI
3
Do your homework. Acknowledge and address all relevant
stakeholder concerns as clearly and concisely as possible. It
should be easy for a scout to detect coverage of key issues with a
quick scan. Make it easy to share the info with colleagues.
@gregharron
5 keys to a good UX first impression.
Make change attainable & desirable
1. Grease the track
2. Glory by association
3. UX does not stop at UI
4
The experience must convey ease of use and ease of adoption.
Provide clear, obvious, and easy to complete next steps.
Change is hard. Acknowledge and address potential barriers to
entry. Break down these barriers and make change seem desirable
(and easy), not burdensome.
@gregharron
5 keys to a good UX first impression.
UX does not stop at UI5
To be successful, the remainder of the customer experience must
live up to the positive first impression… The “promises” that you
are making and modeling with the site’s UI in terms of ease-of-use
and adoption should carry over into the overall operational execution
and customer experience.
@gregharron
Once upon a time (Circa 2009), I was enlisted as a “product scout” researching options for file storage and
sharing to reduce costs for our company. Someone had referred me to look at a new kid on the block,
DropBox.
Well, the site made a great first impression - all of my preconceived notions, stress, anxiety, and general
lack of inspiration around the task were washed away quickly when I visited the DropBox site.
After quickly absorbing the first layer of the site I was actually EXCITED to learn more and get started…and
I was excited to proudly share it with my colleagues. It was refreshingly clear and simple.
Remembering that experience, I went back to visit the DropBox landing page to see if the magic was still
there.
Let’s take a look…
@gregharron
Consider an example: A DropBox First Impression
At First Glance: Introduce
yourself and the value you
offer quickly and concisely.
“Am I in the right place?”
Just a few seconds for that
FIRST first impression…
As part of your intro, build some
trust & confidence through client lists,
testimonials
Give a Proper Introduction1
Be easy on the eyes
(and the brain)
Get their attention…without
screaming. Use white space to
minimize distraction and ration
out information into easy to
consume bites.
Give key points room to breathe
and your users will breathe a
little easier.
2
Arm your advocates
Address key stakeholders’ needs so a “product
scout” can quickly scan to see you have done
your homework and considered the top concerns.
Productivity
Security
Training
IT
Support
ROI
3
Note the keywords used:
“relief” = confidence, peace
of mind, help!
“revolutionize”, “better” =
opportunity, improved way
“easier” = ease of use, ease
of adoption
Remove barriers to entry by
providing clear next steps
Make change attainable & desirable
4
UX does not
stop at UI
The DropBox user experience
has promised simplicity and
ease of use both in the
messaging (as shown here)
and through the simple
layout and iconography
used to deliver the
message.
To be successful, the rest of
the user experience beyond
the purchase must live up
to the promise of this initial
user interaction.
5
Give a proper introduction
Be easy on the eyes (in more ways than one)
Arm your advocates
Make change attainable & desirable
UX does not stop at UI
5 keys to a good UX first impression.
@gregharron
4
3
2
1
5
To learn more, check out these other great UX resources from
the Centerline Team:
UX vs UI: What’s the difference? http://bit.ly/1Nqu3IE
How Humans Think - UX and Content Marketing http://bit.ly/1dt0YPN
Why User Experience Matters http://bit.ly/1U1oAg1
…and even more at centerline.net/insights
@gregharron
Questions, comments, examples of some
great UX first impressions?
Connect Here: @gregharron
@centerline
centerline.net/insights
thanks.

Contenu connexe

En vedette

Maximizing Value and Consistency of Experiences with Design Systems - Centerl...
Maximizing Value and Consistency of Experiences with Design Systems - Centerl...Maximizing Value and Consistency of Experiences with Design Systems - Centerl...
Maximizing Value and Consistency of Experiences with Design Systems - Centerl...Centerline Digital
 
Onboarding: The Ecosystem, not the Afterthought (Russ Unger at DesignOps Summ...
Onboarding: The Ecosystem, not the Afterthought (Russ Unger at DesignOps Summ...Onboarding: The Ecosystem, not the Afterthought (Russ Unger at DesignOps Summ...
Onboarding: The Ecosystem, not the Afterthought (Russ Unger at DesignOps Summ...Rosenfeld Media
 
Jazz Improvisation as a Model for Team Collaboration (Jim Kalbach at DesignOp...
Jazz Improvisation as a Model for Team Collaboration (Jim Kalbach at DesignOp...Jazz Improvisation as a Model for Team Collaboration (Jim Kalbach at DesignOp...
Jazz Improvisation as a Model for Team Collaboration (Jim Kalbach at DesignOp...Rosenfeld Media
 
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)Rosenfeld Media
 
What DesignOps Can Learn From DevOps (Jeff Sussna at DesignOps Summit 2017)
What DesignOps Can Learn From DevOps (Jeff Sussna at DesignOps Summit 2017)What DesignOps Can Learn From DevOps (Jeff Sussna at DesignOps Summit 2017)
What DesignOps Can Learn From DevOps (Jeff Sussna at DesignOps Summit 2017)Rosenfeld Media
 
Getting Giants to Dance (Stephen Pollard at DesignOps Summit 2017)
Getting Giants to Dance (Stephen Pollard at DesignOps Summit 2017)Getting Giants to Dance (Stephen Pollard at DesignOps Summit 2017)
Getting Giants to Dance (Stephen Pollard at DesignOps Summit 2017)Rosenfeld Media
 
The Game is Never Done: Design Leadership Techniques from the Video Game Worl...
The Game is Never Done: Design Leadership Techniques from the Video Game Worl...The Game is Never Done: Design Leadership Techniques from the Video Game Worl...
The Game is Never Done: Design Leadership Techniques from the Video Game Worl...Rosenfeld Media
 
The Many Faces of Operations (Crystal Philcox at DesignOps Summit 2017)
The Many Faces of Operations (Crystal Philcox at DesignOps Summit 2017)The Many Faces of Operations (Crystal Philcox at DesignOps Summit 2017)
The Many Faces of Operations (Crystal Philcox at DesignOps Summit 2017)Rosenfeld Media
 
Research Operations at Scale (Christian Rohrer at DesignOps Summit 2017)
Research Operations at Scale (Christian Rohrer at DesignOps Summit 2017)Research Operations at Scale (Christian Rohrer at DesignOps Summit 2017)
Research Operations at Scale (Christian Rohrer at DesignOps Summit 2017)Rosenfeld Media
 
The Design Management Office (John Devanney at DesignOps Summit 2017)
The Design Management Office (John Devanney at DesignOps Summit 2017)The Design Management Office (John Devanney at DesignOps Summit 2017)
The Design Management Office (John Devanney at DesignOps Summit 2017)Rosenfeld Media
 
Scaling Design Through Relationship Maps (Michael Polivka at DesignOps Summit...
Scaling Design Through Relationship Maps (Michael Polivka at DesignOps Summit...Scaling Design Through Relationship Maps (Michael Polivka at DesignOps Summit...
Scaling Design Through Relationship Maps (Michael Polivka at DesignOps Summit...Rosenfeld Media
 
Scaling Design Culture (Meredith Black at DesignOps Summit 2017)
Scaling Design Culture (Meredith Black at DesignOps Summit 2017)Scaling Design Culture (Meredith Black at DesignOps Summit 2017)
Scaling Design Culture (Meredith Black at DesignOps Summit 2017)Rosenfeld Media
 

En vedette (12)

Maximizing Value and Consistency of Experiences with Design Systems - Centerl...
Maximizing Value and Consistency of Experiences with Design Systems - Centerl...Maximizing Value and Consistency of Experiences with Design Systems - Centerl...
Maximizing Value and Consistency of Experiences with Design Systems - Centerl...
 
Onboarding: The Ecosystem, not the Afterthought (Russ Unger at DesignOps Summ...
Onboarding: The Ecosystem, not the Afterthought (Russ Unger at DesignOps Summ...Onboarding: The Ecosystem, not the Afterthought (Russ Unger at DesignOps Summ...
Onboarding: The Ecosystem, not the Afterthought (Russ Unger at DesignOps Summ...
 
Jazz Improvisation as a Model for Team Collaboration (Jim Kalbach at DesignOp...
Jazz Improvisation as a Model for Team Collaboration (Jim Kalbach at DesignOp...Jazz Improvisation as a Model for Team Collaboration (Jim Kalbach at DesignOp...
Jazz Improvisation as a Model for Team Collaboration (Jim Kalbach at DesignOp...
 
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)
 
What DesignOps Can Learn From DevOps (Jeff Sussna at DesignOps Summit 2017)
What DesignOps Can Learn From DevOps (Jeff Sussna at DesignOps Summit 2017)What DesignOps Can Learn From DevOps (Jeff Sussna at DesignOps Summit 2017)
What DesignOps Can Learn From DevOps (Jeff Sussna at DesignOps Summit 2017)
 
Getting Giants to Dance (Stephen Pollard at DesignOps Summit 2017)
Getting Giants to Dance (Stephen Pollard at DesignOps Summit 2017)Getting Giants to Dance (Stephen Pollard at DesignOps Summit 2017)
Getting Giants to Dance (Stephen Pollard at DesignOps Summit 2017)
 
The Game is Never Done: Design Leadership Techniques from the Video Game Worl...
The Game is Never Done: Design Leadership Techniques from the Video Game Worl...The Game is Never Done: Design Leadership Techniques from the Video Game Worl...
The Game is Never Done: Design Leadership Techniques from the Video Game Worl...
 
The Many Faces of Operations (Crystal Philcox at DesignOps Summit 2017)
The Many Faces of Operations (Crystal Philcox at DesignOps Summit 2017)The Many Faces of Operations (Crystal Philcox at DesignOps Summit 2017)
The Many Faces of Operations (Crystal Philcox at DesignOps Summit 2017)
 
Research Operations at Scale (Christian Rohrer at DesignOps Summit 2017)
Research Operations at Scale (Christian Rohrer at DesignOps Summit 2017)Research Operations at Scale (Christian Rohrer at DesignOps Summit 2017)
Research Operations at Scale (Christian Rohrer at DesignOps Summit 2017)
 
The Design Management Office (John Devanney at DesignOps Summit 2017)
The Design Management Office (John Devanney at DesignOps Summit 2017)The Design Management Office (John Devanney at DesignOps Summit 2017)
The Design Management Office (John Devanney at DesignOps Summit 2017)
 
Scaling Design Through Relationship Maps (Michael Polivka at DesignOps Summit...
Scaling Design Through Relationship Maps (Michael Polivka at DesignOps Summit...Scaling Design Through Relationship Maps (Michael Polivka at DesignOps Summit...
Scaling Design Through Relationship Maps (Michael Polivka at DesignOps Summit...
 
Scaling Design Culture (Meredith Black at DesignOps Summit 2017)
Scaling Design Culture (Meredith Black at DesignOps Summit 2017)Scaling Design Culture (Meredith Black at DesignOps Summit 2017)
Scaling Design Culture (Meredith Black at DesignOps Summit 2017)
 

Plus de Centerline Digital

Rapid Persona Creation for Everyday Marketing
Rapid Persona Creation for Everyday MarketingRapid Persona Creation for Everyday Marketing
Rapid Persona Creation for Everyday MarketingCenterline Digital
 
Content Strategy Spectrum - Cait Vlastakis Smith - Centerline Digital
Content Strategy Spectrum - Cait Vlastakis Smith - Centerline DigitalContent Strategy Spectrum - Cait Vlastakis Smith - Centerline Digital
Content Strategy Spectrum - Cait Vlastakis Smith - Centerline DigitalCenterline Digital
 
How to Build a Customer-Focused Information Architecture
How to Build a Customer-Focused Information ArchitectureHow to Build a Customer-Focused Information Architecture
How to Build a Customer-Focused Information ArchitectureCenterline Digital
 
The Importance of Data Visualization
The Importance of Data VisualizationThe Importance of Data Visualization
The Importance of Data VisualizationCenterline Digital
 
Why User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline DigitalWhy User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline DigitalCenterline Digital
 
Social Highlights from High Five Conference 2015
Social Highlights from High Five Conference 2015Social Highlights from High Five Conference 2015
Social Highlights from High Five Conference 2015Centerline Digital
 
How to Build a Customer Experience Framework
How to Build a Customer Experience FrameworkHow to Build a Customer Experience Framework
How to Build a Customer Experience FrameworkCenterline Digital
 
The (super ideal) UX Design Process
The (super ideal) UX Design ProcessThe (super ideal) UX Design Process
The (super ideal) UX Design ProcessCenterline Digital
 
The Experience Score: A Tool for Evaluating Digital Experiences - Centerline ...
The Experience Score: A Tool for Evaluating Digital Experiences - Centerline ...The Experience Score: A Tool for Evaluating Digital Experiences - Centerline ...
The Experience Score: A Tool for Evaluating Digital Experiences - Centerline ...Centerline Digital
 
How Humans Think - UX and Content Marketing - Cait Vlastakis Smith - Centerli...
How Humans Think - UX and Content Marketing - Cait Vlastakis Smith - Centerli...How Humans Think - UX and Content Marketing - Cait Vlastakis Smith - Centerli...
How Humans Think - UX and Content Marketing - Cait Vlastakis Smith - Centerli...Centerline Digital
 
John Lane - Centerline Digital - DMFB Conference 2014 - How To Walk On The Se...
John Lane - Centerline Digital - DMFB Conference 2014 - How To Walk On The Se...John Lane - Centerline Digital - DMFB Conference 2014 - How To Walk On The Se...
John Lane - Centerline Digital - DMFB Conference 2014 - How To Walk On The Se...Centerline Digital
 
Partnership Elementary Field Trip To Centerline Digital - Thank You
Partnership Elementary Field Trip To Centerline Digital - Thank YouPartnership Elementary Field Trip To Centerline Digital - Thank You
Partnership Elementary Field Trip To Centerline Digital - Thank YouCenterline Digital
 
Content Marketing Art of War - Second Edition - John Lane - Centerline
Content Marketing Art of War - Second Edition - John Lane - CenterlineContent Marketing Art of War - Second Edition - John Lane - Centerline
Content Marketing Art of War - Second Edition - John Lane - CenterlineCenterline Digital
 
Content Planning Guide - Centerline Digital - Content Marketing - 100713
Content Planning Guide - Centerline Digital - Content Marketing - 100713Content Planning Guide - Centerline Digital - Content Marketing - 100713
Content Planning Guide - Centerline Digital - Content Marketing - 100713Centerline Digital
 
Content Marketing's Top 40 Questions
Content Marketing's Top 40 QuestionsContent Marketing's Top 40 Questions
Content Marketing's Top 40 QuestionsCenterline Digital
 
IBM MobileFirst Datagrams Case Study - Centerline Digital
IBM MobileFirst Datagrams Case Study - Centerline DigitalIBM MobileFirst Datagrams Case Study - Centerline Digital
IBM MobileFirst Datagrams Case Study - Centerline DigitalCenterline Digital
 
Content Marketing Science And Art - Centerline Digital - UPDATED October 2013
Content Marketing Science And Art - Centerline Digital - UPDATED October 2013Content Marketing Science And Art - Centerline Digital - UPDATED October 2013
Content Marketing Science And Art - Centerline Digital - UPDATED October 2013Centerline Digital
 
Centerline Digital at IBM Edge 2013. Technology Powering Content Marketing.
Centerline Digital at IBM Edge 2013. Technology Powering Content Marketing.Centerline Digital at IBM Edge 2013. Technology Powering Content Marketing.
Centerline Digital at IBM Edge 2013. Technology Powering Content Marketing.Centerline Digital
 

Plus de Centerline Digital (20)

Mentorship is Important
Mentorship is ImportantMentorship is Important
Mentorship is Important
 
Rapid Persona Creation for Everyday Marketing
Rapid Persona Creation for Everyday MarketingRapid Persona Creation for Everyday Marketing
Rapid Persona Creation for Everyday Marketing
 
Content Strategy Spectrum - Cait Vlastakis Smith - Centerline Digital
Content Strategy Spectrum - Cait Vlastakis Smith - Centerline DigitalContent Strategy Spectrum - Cait Vlastakis Smith - Centerline Digital
Content Strategy Spectrum - Cait Vlastakis Smith - Centerline Digital
 
How to Build a Customer-Focused Information Architecture
How to Build a Customer-Focused Information ArchitectureHow to Build a Customer-Focused Information Architecture
How to Build a Customer-Focused Information Architecture
 
The Importance of Data Visualization
The Importance of Data VisualizationThe Importance of Data Visualization
The Importance of Data Visualization
 
Why User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline DigitalWhy User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline Digital
 
Social Highlights from High Five Conference 2015
Social Highlights from High Five Conference 2015Social Highlights from High Five Conference 2015
Social Highlights from High Five Conference 2015
 
How to Build a Customer Experience Framework
How to Build a Customer Experience FrameworkHow to Build a Customer Experience Framework
How to Build a Customer Experience Framework
 
The (super ideal) UX Design Process
The (super ideal) UX Design ProcessThe (super ideal) UX Design Process
The (super ideal) UX Design Process
 
IBM Mainframe50 Campaign
IBM Mainframe50 CampaignIBM Mainframe50 Campaign
IBM Mainframe50 Campaign
 
The Experience Score: A Tool for Evaluating Digital Experiences - Centerline ...
The Experience Score: A Tool for Evaluating Digital Experiences - Centerline ...The Experience Score: A Tool for Evaluating Digital Experiences - Centerline ...
The Experience Score: A Tool for Evaluating Digital Experiences - Centerline ...
 
How Humans Think - UX and Content Marketing - Cait Vlastakis Smith - Centerli...
How Humans Think - UX and Content Marketing - Cait Vlastakis Smith - Centerli...How Humans Think - UX and Content Marketing - Cait Vlastakis Smith - Centerli...
How Humans Think - UX and Content Marketing - Cait Vlastakis Smith - Centerli...
 
John Lane - Centerline Digital - DMFB Conference 2014 - How To Walk On The Se...
John Lane - Centerline Digital - DMFB Conference 2014 - How To Walk On The Se...John Lane - Centerline Digital - DMFB Conference 2014 - How To Walk On The Se...
John Lane - Centerline Digital - DMFB Conference 2014 - How To Walk On The Se...
 
Partnership Elementary Field Trip To Centerline Digital - Thank You
Partnership Elementary Field Trip To Centerline Digital - Thank YouPartnership Elementary Field Trip To Centerline Digital - Thank You
Partnership Elementary Field Trip To Centerline Digital - Thank You
 
Content Marketing Art of War - Second Edition - John Lane - Centerline
Content Marketing Art of War - Second Edition - John Lane - CenterlineContent Marketing Art of War - Second Edition - John Lane - Centerline
Content Marketing Art of War - Second Edition - John Lane - Centerline
 
Content Planning Guide - Centerline Digital - Content Marketing - 100713
Content Planning Guide - Centerline Digital - Content Marketing - 100713Content Planning Guide - Centerline Digital - Content Marketing - 100713
Content Planning Guide - Centerline Digital - Content Marketing - 100713
 
Content Marketing's Top 40 Questions
Content Marketing's Top 40 QuestionsContent Marketing's Top 40 Questions
Content Marketing's Top 40 Questions
 
IBM MobileFirst Datagrams Case Study - Centerline Digital
IBM MobileFirst Datagrams Case Study - Centerline DigitalIBM MobileFirst Datagrams Case Study - Centerline Digital
IBM MobileFirst Datagrams Case Study - Centerline Digital
 
Content Marketing Science And Art - Centerline Digital - UPDATED October 2013
Content Marketing Science And Art - Centerline Digital - UPDATED October 2013Content Marketing Science And Art - Centerline Digital - UPDATED October 2013
Content Marketing Science And Art - Centerline Digital - UPDATED October 2013
 
Centerline Digital at IBM Edge 2013. Technology Powering Content Marketing.
Centerline Digital at IBM Edge 2013. Technology Powering Content Marketing.Centerline Digital at IBM Edge 2013. Technology Powering Content Marketing.
Centerline Digital at IBM Edge 2013. Technology Powering Content Marketing.
 

Dernier

Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 

Dernier (18)

Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 

Love at First (Web)site - Anatomy of a Good UX First Impression

  • 1. Love at First (Web)site Anatomy of a Good UX First Impression Greg Harron, UX Strategist
  • 2. The web is full of bad first impressions. @gregharron
  • 3. Your business will be (quickly) judged by its cover… on many levels @gregharron
  • 4. First impressions can be long-lasting, unforgiving, and critical to your success… a snap judgment about the quality of your site can quickly turn into a strong impression of the overall quality of your business. @gregharron Your business will be (quickly) judged by its cover… on many levels
  • 5. And let’s face it…people can be anxious. @gregharron
  • 6. And let’s face it…people can be skeptical. @gregharron
  • 7. And let’s face it…people can be guarded. @gregharron
  • 8. And let’s face it…people can be stressed. @gregharron
  • 9. And let’s face it…people can be GRUMPY. @gregharron
  • 10. And let’s face it…people can be GRUMPY. @gregharron As you can see, we are not exactly setting the mood for love at first sight. People may be a touch on the ornery side as they meet your site for the first time, so we have our work cut out for us to make a positive first impression.
  • 11. Our UX Mission: Frown Inversion :( :) @gregharron
  • 12. The Mission Brief Our Target: “Product Scout(s)” - the person(s) tasked with researching and recommending a new product or service for their company. The interests of many internal stakeholders must be considered. User Mindset: - Busy, short on time - Anxious, stressed - Skeptical, guarded - Uninspired to sludge through product info & specs - …Grumpy Objective: Deliver a user experience that generates a positive first impression and builds confidence in the value of your offering and your ability to deliver on it. @gregharron
  • 13. How do we do it? @gregharron
  • 14. Credibility Trust Opportunity + Ease of Adoption User Confidence And maybe, just maybe, EXCITEMENT @gregharron The 1st impression must convey To establish
  • 15. @gregharron Okay, but HOW do we establish credibility, trust, opportunity, etc? Here are 5 key steps to building user confidence (and excitement) through a good first impression.
  • 16. 5 keys to a good UX first impression. Give a proper introduction 1. Be easy on the eyes (in more ways than one 2. Arm your advocates 3. Grease the track 4. Glory by association 5. UX does not stop at UI Make sure the user can clearly understand what you are all about within a second or two of hitting your site! Provide immediate reassurance that the user is in the right place and that they should definitely stick around to learn more about what you have to offer. As part of your intro, you may also want to name drop - throw out a client list or testimonials to provide some confidence that you are worth getting to know. 1 @gregharron
  • 17. 5 keys to a good UX first impression. Be easy on the eyes (and brain) 1. Grease the track 2. Glory by association 3. UX does not stop at UI 2 Site must be aesthetically pleasing. Visual clutter or chaos will lead to quick exits. A solid design aesthetic will add instant credibility to your business. Literally, ease the user’s mind by guiding them visually to thoughtfully manage and focus their attention on what is most important. “Ration” out the information using white space and layout to promote focus and retention of key points. @gregharron
  • 18. 5 keys to a good UX first impression. Arm your advocates 1. Grease the track 2. Glory by association 3. UX does not stop at UI 3 Do your homework. Acknowledge and address all relevant stakeholder concerns as clearly and concisely as possible. It should be easy for a scout to detect coverage of key issues with a quick scan. Make it easy to share the info with colleagues. @gregharron
  • 19. 5 keys to a good UX first impression. Make change attainable & desirable 1. Grease the track 2. Glory by association 3. UX does not stop at UI 4 The experience must convey ease of use and ease of adoption. Provide clear, obvious, and easy to complete next steps. Change is hard. Acknowledge and address potential barriers to entry. Break down these barriers and make change seem desirable (and easy), not burdensome. @gregharron
  • 20. 5 keys to a good UX first impression. UX does not stop at UI5 To be successful, the remainder of the customer experience must live up to the positive first impression… The “promises” that you are making and modeling with the site’s UI in terms of ease-of-use and adoption should carry over into the overall operational execution and customer experience. @gregharron
  • 21. Once upon a time (Circa 2009), I was enlisted as a “product scout” researching options for file storage and sharing to reduce costs for our company. Someone had referred me to look at a new kid on the block, DropBox. Well, the site made a great first impression - all of my preconceived notions, stress, anxiety, and general lack of inspiration around the task were washed away quickly when I visited the DropBox site. After quickly absorbing the first layer of the site I was actually EXCITED to learn more and get started…and I was excited to proudly share it with my colleagues. It was refreshingly clear and simple. Remembering that experience, I went back to visit the DropBox landing page to see if the magic was still there. Let’s take a look… @gregharron Consider an example: A DropBox First Impression
  • 22. At First Glance: Introduce yourself and the value you offer quickly and concisely. “Am I in the right place?” Just a few seconds for that FIRST first impression… As part of your intro, build some trust & confidence through client lists, testimonials Give a Proper Introduction1
  • 23. Be easy on the eyes (and the brain) Get their attention…without screaming. Use white space to minimize distraction and ration out information into easy to consume bites. Give key points room to breathe and your users will breathe a little easier. 2
  • 24. Arm your advocates Address key stakeholders’ needs so a “product scout” can quickly scan to see you have done your homework and considered the top concerns. Productivity Security Training IT Support ROI 3
  • 25. Note the keywords used: “relief” = confidence, peace of mind, help! “revolutionize”, “better” = opportunity, improved way “easier” = ease of use, ease of adoption Remove barriers to entry by providing clear next steps Make change attainable & desirable 4
  • 26. UX does not stop at UI The DropBox user experience has promised simplicity and ease of use both in the messaging (as shown here) and through the simple layout and iconography used to deliver the message. To be successful, the rest of the user experience beyond the purchase must live up to the promise of this initial user interaction. 5
  • 27. Give a proper introduction Be easy on the eyes (in more ways than one) Arm your advocates Make change attainable & desirable UX does not stop at UI 5 keys to a good UX first impression. @gregharron 4 3 2 1 5
  • 28. To learn more, check out these other great UX resources from the Centerline Team: UX vs UI: What’s the difference? http://bit.ly/1Nqu3IE How Humans Think - UX and Content Marketing http://bit.ly/1dt0YPN Why User Experience Matters http://bit.ly/1U1oAg1 …and even more at centerline.net/insights @gregharron
  • 29. Questions, comments, examples of some great UX first impressions? Connect Here: @gregharron @centerline centerline.net/insights thanks.