First Impressions Matter: LeanUX Design of Landing Page #1

50 %
50 %
Information about First Impressions Matter: LeanUX Design of Landing Page #1
Design

Published on May 18, 2013

Author: kazumichisakata

Source: slideshare.net

Description

My talk on Landing Page Design at Lean Startup Machine Tokyo 2013.

First Impressions Matter:LeanUX Design of Landing Page@sprmari0Lean Startup Machine Tokyo | May 17th-19th 2013(Courtesy of Jefrey Bulla)

What’s the point?Think in their workflow

Why?• There is an intended behavior we want tocreate.• We have no direct control over user behavior.• Design gives us means to control thecontextual environment and evaluate theresulting effect.

Why?“Customers don’t care about your solution.They care about their problems.”- @davemcclure

First Touchpoint ExperienceCustomers are increasingly using the web asfirst touchpoint.*Winning the Zero Moment of Truth (ZMOT)First impressions are 94% design related;positive first impressions lead to highersatisfaction.*Persuasive Design of Destination Web Sites: An Analysis of First Impression*Users love simple and familiar designs – Why website need to make great first impression

“Powers of 10”0.1sec: Form first impression about a website.1sec: Stay focused on their current train of thought.10sec: Often leave the website.1min: Able to complete simple task.10min: Long visit to a website.*Powers of 10: Time Scales in User Experience(Cont’d)

Starting Point of Journey*User Experience Journey Map

Make An Assumption of Your CustomersName and PictureWhat does the persona look like? What’s the persona’s name?CharacteristicsWhat are the persona’s relevant characteristics?Need and PainWhy the persona want to use the product ?*Persona Sets

Test Your Ideas

Create & Encourage Emotional ConnectionBuild ‘Memorable’ Website

Emotional Design*Plutchik’s Emotion Wheel

Different emotional layers*Emotional Design: Why we Love (or Hate) Everyday ThingsVisceralReflectiveBehavioralVisceral – AttractivenessBehavioral – UsageReflective – Self-Image

‘Emotional’ Landing Page

Simplified LayoutHeadline• Key Benefit• Key Benefit• Key BenefitSocial ProofLarge GraphicCall-to-Action

HeadlineFirst thing read for customers to search forspecific solution to their problem.*AirbnbBig Picture Hypothesis = Solution Hypothesis = Value Proposition

Key BenefitsHow does your product or service benefitthe customer?*Instagram

Large GraphicImage high-lighting product and conveyshappy customer experience.*Square

Social ProofSocial networks to establish credibility andtrust by building multi-touchpoints.

Call-to-ActionSolicit one clear action that tests yourriskiest assumptions.*FlickrTotal number and ratio of early adaptors, interests, etc.

Questions to be answeredStimulus Awareness Relevance Confidence SatisfactionWho is this for?How long will this take?What should I do next?Where should I go next?How should I do it?*ARCS Model

Don’t blow it• The headline is everything and will probably havethe biggest impact on conversions—A/B Split Testthe Headline.• Don’t be lazy about the page design. Polish =Credibility.• People don’t read. Keep copy clear & concise.

3 Pillars of Emotional DesignVisceralDesignBehavioralDesignReflectiveDesignMakes you feel… Helps you do… Says about your…

Skeumorphism

Tinke

Momento

Path

First Impressions Matter:LeanUX Design of Landing Page@sprmari0

Add a comment

Related presentations

Related pages

First Impressions Matter: LeanUX Design of Landing Page #2

First Impressions Matter: LeanUX Design of Landing Page ‘13 @mariosakata ... First Impressions Matter: LeanUX Design of Landing Page #1. First ...
Read more

First Impressions Key To Landing A Job - Documents

First Impressions Key To Landing A Job. HOW TO DRESS FOR SUCCESS. First Impressions. ... Design; More Topics. Search; Home;
Read more

The Effect Of Typography On Landing Page Design - Marketing

... Effect Of Typography On Landing Page Design. ... First Impressions Matter: LeanUX Design of Landing Page #2. First Impressions Matter: LeanUX Design of ...
Read more

First Time User Experiencesーファーストタイム・ユーザエクスペリエンスを制する8つの ...

First Time User Experiences (FTUEs ... させていただいたセッション「First Impressions Matter: LeanUX Design of Landing Page ... した際に ...
Read more

First Impressions 1 - Health & Medicine - docslide.us

×Close Share First Impressions 1. Embed ...
Read more

First Impressions | LinkedIn

View 11648 First Impressions posts, ... First off, as most of you that ... First Impressions Matter: LeanUX Design of Landing Page #1. 5,067 Views.
Read more