SlideShare a Scribd company logo
1 of 89
October 2, 2012
Google Labs: Designing for Users




hugeinc.com
info@hugeinc.com
45 Main St. #220 Brooklyn, NY 11201
+1 718 625 4843
About Huge.
We help transform brands
 and grow businesses.
Our approach.
Great user experiences are what drive
business performance and marketing.
How we’re structured.
Founded in 1999
Full-service digital agency within Interpublic Group
550 employees




                                                  London.
    Portland.
  San Francisco.    Brooklyn.
  Los Angeles.




                                Rio de Janeiro.
AdAge A-List for 2012
Top ten agencies as ranked by AdAge, across all marketing disciplines.


 Social media agency of the year
                2011 and 2012 by OMMA / MediaPost.


          Most innovative agency
      for 2012 by Digiday and One of Five for 2011 by Mashable.
Clients.

New York.                                    Los Angeles.               London.
American Express   Newell Rubbermaid         Cellular South / C-Spire   British Airways
Barneys New York   Nutrisystem               Dell                       BBC
Comcast            PepsiCo                   National Geographic        Diageo
Four Seasons       Pizza Hut                 News Corporation           IKEA
GE Capital         Reckitt Benckiser         Pacific Life               Landmark Group
L’Oréal Group      Royal Caribbean Cruises                              Unilever
                                             Portland.
Lowe’s             Target
                                             Nike
MTV Networks       Time Warner                                          Rio de Janeiro.
Nestlé Waters      Verisign                  San Francisco.             Abril
                                             Samsung                    Vale
In the next 90 minutes:
1. Whom to listen to, and how
  2. Construct a digital user
          experience
 3. Make it better and better
It’s all about your ideas.
It’s all about your ideas.
It’s all about your users.
Three steps to designing a user experience:


1. Listen.
2. Focus.
3. Listen some more.
1. Listen to your
users.
You have a target audience for
       your product…
How do you find out how to
    design for them?
Never only go by what people say.
Instead, watch what they do.
Visit them. Follow them around.
Ethnographic studies let you understand how your audience uses
technology on a daily basis:


• Equipment set up
• Context
• Savvy
• Time spent in digital



• Shadowing
• In home visits
Ask freeform.
Look outside the box.
To discover true opportunities, find out:


• What else are they interested in?
• What digital tools do they use daily?
• What digital products are they love? Why?


Find the commonalities to inspire
and shape your product.

                     Opportunity
                                              Direct
                                              competition
Get to know them, summarize
      them, utilize them.
Know your user s’ digital habits.
Redesign of UnderArmour.com.
Understand their full decision journey.
Listen to your users.
Always come back to them
      during design.
2. Focus.
What makes a great digital
       product?
A good product isn’t only defined
by what it does, but even more so
     by what it doesn’t do.
1.
Prioritize.
The no. 1 goal
The basis of your business   the reason for users to come.
In addition to the top goal…




                    Top priority. The basis of your
                    business, must be fulfilled.
… supporting goals can help
differentiate…



                  Top priority. The basis of your
                  business, must be fulfilled.

                  Secondary goal, supports top
                  priority, could be key differentiator.
       2
… and further define the product.




                    Top priority. The basis of your
                    business, must be fulfilled.

                    Secondary goal, supports top
                    priority, could be key differentiator.
        2

        3           Supports first and second goal, also
                    necessary to succeed.
Feat
                       ure     Capa
                Idea
                               bility


         Feat                            Feat
         ure                             ure




Feat                                            Feat
ure                                             ure




Capa                                            Capa
bility                                          bility




         Feat
                                        Idea
         ure



                Idea          Feat
                       Feat   ure
                       ure
Prioritize. Map back to goal. Define.
                                             Feat             Doesn’t support any
                                             ure
                                   Idea
                                                     Capa     use case
                                                     bility

   Will distract from       Feat                               Feat
           main goal        ure                                ure




Similar to other   Feat                                               Feat     Doesn’t support
         feature   ure                                                ure      a KPI



                   Capa                                               Capa
                   bility                                             bility




                            Feat
                                                              Idea
                            ure                                         Great idea - for a
                                                                        different goal
                                   Idea             Feat
                                             Feat   ure
                                             ure

           Nice to have, but not necessary
A clean, focused feature set.
                             Feat
                      Feat   ure
                      ure


                                           Feat
                                           ure




        Feat                                      Feat
        ure                                       ure


                             2
               Feat           3
               ure


                      Feat          Feat
                      ure           ure
Be thorough up front.   36.
It’s worth it.



                                                                             Time defect is detected

                                           Require-    Archi-   Construc-   System        Post
                                            ments     tecture     tion       Test        Release
Time defect is introduced




                            Requirements     1x         3x        5-10x      10x         10-100x


                            Architecture                1x        10x        15x         25-100x


                            Construction                           1x        10x         10-25x
2.
Construct.
It’s time to start drawing.
1.
The most important building blocks
                2.
          The structure
                3.
         Detailed design
Example:
Under Armour
Question:
What’s UA’s most important page,
    user task, and feature?
Your most important page.
Your most important task.
Features that support main goal
Ways to get there.
Ways to make it stick
Most important entry and exit.

Running shorts




                                 Thanks. Cool.
Design out the pages
Always keep your users and
      goals in mind.
      Always focus.
3.
Test.
Will it work?
Can we test this?
Can we test this?
We have to test this.
Ask the users.

To test multiple ideas /
concepts.


To identify major road
blocks.


To improve specific tools,
flows, tasks.
Test early to fail big.
Go rogue. Paper prototypes, clickable sketches, animated
concepts.
Look for the epic fails, but leave nuances aside for now.
Test as often as you can.
Test higher fidelity to refine and tweak.
Learn from previous rounds of testing. Become more
precise, test more detailed interactions. Test key scenarios
Test visual designs, html, java script, server calls.
Ask the right questions.

Identify major roadblocks.            “I love Under
                                   Armour, especially
Don’t try to test nuances          their sports drinks,
                                       super cool.”
(your sample isn’t large enough)


Be scientific about results.           “I hate this new site, I
                                      would never use it. Why
                                      not keep it all how it is?”

Be aware of your user’s context.

                                       “I don’t
                                     like these
                                       colors.”
Listen to your users,
because they are right.
Listen some
more.
How do you know if your design
        succeeded?
Define success before you start
designing.

              KPIs:                 What to Measure:


              1. Increase sales     •   No. of sales
                                    •   Average revenue per order
                                    •   Ratio of visits to sales
                                    •   Conversion rate


                                    •   No. of visits
              2. Increase traffic
                                    •   Search performance
                                    •   Referral performance


                                    •   % of new vs. return visits
              3. Increase loyalty
                                    •   Frequency of visits
Every digital product has to evolve in
real time.
Analytics tell us what users are
doing, and highlight issues in current
system




 Why are 43% of
 customers
 stopping after the
 payment info
 page?
Look at this.

   Tablet conversion rate
0.18%


0.16%


0.14%


0.12%


0.10%


0.08%


0.06%


0.04%


0.02%


0.00%
            Jan-12          Feb-12   Mar-12   Apr-12   May-12   Jun-12   Jul-12
Look again.

 Tablet conversion rate
0.18%


0.16%


0.14%


0.12%


0.10%


0.08%


0.06%


0.04%


0.02%


0.00%
        May-11   Jun-11   Jul-11   Aug-11   Sep-11   Oct-11   Nov-11   Dec-11   Jan-12   Feb-12   Mar-12   Apr-12 May-12   Jun-12   Jul-12
Look at data from all angles before
you judge.
  Tablet conversion rate
0.50%

0.45%

0.40%

0.35%

0.30%                                 UK
                                      DE
0.25%
                                      SE

0.20%                                 US
                                      FR
0.15%                                 CA

0.10%

0.05%

0.00%
Once you have identified your most
important issues…
KPIs:                 What to Measure:                 Metric:


1. Increase sales     •   No. of sales                 •   -0.7%
                      •   Average revenue per order    •   Steady at $40.89
                      •   Ratio of visits to sales     •   Up by 1%
                      •   Conversion rate              •   -5.1%


                      •   No. of visits                •   +10%
2. Increase traffic
                      •   Search performance           •   + 0.3%
                      •   Referral performance         •   Steady


                      •   % of new vs. return visits   •   80 / 20
3. Increase loyalty
                      •   Frequency of visits          •   - 2%
Measure.
Ask your users why things aren’t
working.
                                           “Wow… why didn’t
                                           you tell me before
                      “What’s the return     how expensive
  “Why should I           policy?”          shipping was…?”
create an account
when I just want to
     shop?”
Don’t be afraid to touch what’s
              live.
Systematically optimize
Incremental design improvements can have a huge impact.

                                                          A
• A/B test micro-elements like
  wording, an image, etc.
• Multi-variate test isolated layouts
  and functionalities.

                                                          B

• Statistically significant
• Evolutionary vs. Revolutionary
Become more intelligent with
           each test.
 Institutionalize knowledge.
Become better.
Questions…
hugeinc.com
info@hugeinc.com
45 Main St. #220 Brooklyn, NY 11201
+1 718 625 4843

More Related Content

What's hot

A Guide To Customer Experience Mapping
A Guide To Customer Experience MappingA Guide To Customer Experience Mapping
A Guide To Customer Experience MappingBryan K. O'Rourke
 
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXDESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXPeter Rozek
 
Thinkbox 'the case for creativity'
Thinkbox 'the case for creativity' Thinkbox 'the case for creativity'
Thinkbox 'the case for creativity' luciantrestler
 
Strategic Planning In Advertising
Strategic Planning In AdvertisingStrategic Planning In Advertising
Strategic Planning In AdvertisingGriffin Farley
 
No excuses user research
No excuses user researchNo excuses user research
No excuses user researchLily Dart
 
What’s The big ideaL?
What’s The big ideaL?What’s The big ideaL?
What’s The big ideaL?Ogilvy
 
Growing a Culture of Quality
Growing a Culture of QualityGrowing a Culture of Quality
Growing a Culture of QualitySimon Prior
 
Planning Hype - Engineering hype before a product launch
Planning Hype - Engineering hype before a product launchPlanning Hype - Engineering hype before a product launch
Planning Hype - Engineering hype before a product launchJulian Cole
 
Harbor Research - The Internet of Things Meets the Internet of People
Harbor Research - The Internet of Things Meets the Internet of PeopleHarbor Research - The Internet of Things Meets the Internet of People
Harbor Research - The Internet of Things Meets the Internet of PeopleHarbor Research
 
Creative Planning @ Miami Ad School
Creative Planning @ Miami Ad SchoolCreative Planning @ Miami Ad School
Creative Planning @ Miami Ad SchoolThe Planning Lab
 
The HEART framework for UX metrics
The HEART framework for UX metricsThe HEART framework for UX metrics
The HEART framework for UX metricsUX Nights
 
Mobile Prototyping
Mobile PrototypingMobile Prototyping
Mobile PrototypingDonna Lichaw
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
 
Personas Demystified 1.0
Personas Demystified 1.0Personas Demystified 1.0
Personas Demystified 1.0Mo Goltz
 
Understanding Product-Led Marketing
Understanding Product-Led MarketingUnderstanding Product-Led Marketing
Understanding Product-Led MarketingVbout.com
 
Local Search in 2023 - Must-Know and Must-Do Tactics
Local Search in 2023 - Must-Know and Must-Do TacticsLocal Search in 2023 - Must-Know and Must-Do Tactics
Local Search in 2023 - Must-Know and Must-Do TacticsBenu Aggarwal
 
Steal This Idea: Brand Messaging
Steal This Idea: Brand Messaging Steal This Idea: Brand Messaging
Steal This Idea: Brand Messaging Liquid Agency
 

What's hot (20)

AI & Startups
AI & StartupsAI & Startups
AI & Startups
 
A Guide To Customer Experience Mapping
A Guide To Customer Experience MappingA Guide To Customer Experience Mapping
A Guide To Customer Experience Mapping
 
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXDESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
 
Bbdo big idea_today
Bbdo big idea_todayBbdo big idea_today
Bbdo big idea_today
 
Thinkbox 'the case for creativity'
Thinkbox 'the case for creativity' Thinkbox 'the case for creativity'
Thinkbox 'the case for creativity'
 
Strategic Planning In Advertising
Strategic Planning In AdvertisingStrategic Planning In Advertising
Strategic Planning In Advertising
 
Ux team organization
Ux team organizationUx team organization
Ux team organization
 
No excuses user research
No excuses user researchNo excuses user research
No excuses user research
 
What’s The big ideaL?
What’s The big ideaL?What’s The big ideaL?
What’s The big ideaL?
 
Growing a Culture of Quality
Growing a Culture of QualityGrowing a Culture of Quality
Growing a Culture of Quality
 
Planning Hype - Engineering hype before a product launch
Planning Hype - Engineering hype before a product launchPlanning Hype - Engineering hype before a product launch
Planning Hype - Engineering hype before a product launch
 
Harbor Research - The Internet of Things Meets the Internet of People
Harbor Research - The Internet of Things Meets the Internet of PeopleHarbor Research - The Internet of Things Meets the Internet of People
Harbor Research - The Internet of Things Meets the Internet of People
 
Creative Planning @ Miami Ad School
Creative Planning @ Miami Ad SchoolCreative Planning @ Miami Ad School
Creative Planning @ Miami Ad School
 
The HEART framework for UX metrics
The HEART framework for UX metricsThe HEART framework for UX metrics
The HEART framework for UX metrics
 
Mobile Prototyping
Mobile PrototypingMobile Prototyping
Mobile Prototyping
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
Personas Demystified 1.0
Personas Demystified 1.0Personas Demystified 1.0
Personas Demystified 1.0
 
Understanding Product-Led Marketing
Understanding Product-Led MarketingUnderstanding Product-Led Marketing
Understanding Product-Led Marketing
 
Local Search in 2023 - Must-Know and Must-Do Tactics
Local Search in 2023 - Must-Know and Must-Do TacticsLocal Search in 2023 - Must-Know and Must-Do Tactics
Local Search in 2023 - Must-Know and Must-Do Tactics
 
Steal This Idea: Brand Messaging
Steal This Idea: Brand Messaging Steal This Idea: Brand Messaging
Steal This Idea: Brand Messaging
 

Viewers also liked

Social e conteúdo preditivo: como antever reações de usuários e diminuir risc...
Social e conteúdo preditivo: como antever reações de usuários e diminuir risc...Social e conteúdo preditivo: como antever reações de usuários e diminuir risc...
Social e conteúdo preditivo: como antever reações de usuários e diminuir risc...Huge
 
The New Creative Partners: Brand Planning Meets UX
The New Creative Partners: Brand Planning Meets UXThe New Creative Partners: Brand Planning Meets UX
The New Creative Partners: Brand Planning Meets UXHuge
 
RobotUX: A Framework for Human-Robot Interactions
RobotUX: A Framework for Human-Robot InteractionsRobotUX: A Framework for Human-Robot Interactions
RobotUX: A Framework for Human-Robot InteractionsHuge
 
A importância da UX para o consumo de conteúdo digital
A importância da UX para o consumo de conteúdo digitalA importância da UX para o consumo de conteúdo digital
A importância da UX para o consumo de conteúdo digitalHuge
 
Client-side Development 2016
Client-side Development 2016Client-side Development 2016
Client-side Development 2016Huge
 
HUGE and Digital Strategy
HUGE and Digital StrategyHUGE and Digital Strategy
HUGE and Digital StrategyLeanne Tremblay
 
The Birth of the HUGE UX School
The Birth of the HUGE UX SchoolThe Birth of the HUGE UX School
The Birth of the HUGE UX SchoolMichal Pasternak
 
How Corporate Personhood Might Just Save the World
How Corporate Personhood Might Just Save the WorldHow Corporate Personhood Might Just Save the World
How Corporate Personhood Might Just Save the WorldHuge
 
Intro to the LA Design Community Resources
Intro to the LA Design Community ResourcesIntro to the LA Design Community Resources
Intro to the LA Design Community ResourcesHuge
 
Dan Harris @ UX people 2013
Dan Harris @ UX people 2013 Dan Harris @ UX people 2013
Dan Harris @ UX people 2013 Fjord
 
10 Good Reasons why the Best Approach to Personalised Healthcare is Fitgenes
10 Good Reasons why the Best Approach to Personalised Healthcare is Fitgenes10 Good Reasons why the Best Approach to Personalised Healthcare is Fitgenes
10 Good Reasons why the Best Approach to Personalised Healthcare is FitgenesFitgenes Limited
 
5. Lubo Smid - STRV
5. Lubo Smid - STRV5. Lubo Smid - STRV
5. Lubo Smid - STRVMobCon
 
How Pharma Can Fully Digitize Interactions with Healthcare Professionals
How Pharma Can Fully Digitize Interactions with Healthcare ProfessionalsHow Pharma Can Fully Digitize Interactions with Healthcare Professionals
How Pharma Can Fully Digitize Interactions with Healthcare ProfessionalsCognizant
 
Avenue A | Razorfish Wiki Introduction
Avenue A | Razorfish Wiki IntroductionAvenue A | Razorfish Wiki Introduction
Avenue A | Razorfish Wiki IntroductionShiv Singh
 
Digital Pharma East: HCP Experience Mapping
Digital Pharma East: HCP Experience MappingDigital Pharma East: HCP Experience Mapping
Digital Pharma East: HCP Experience MappingGSW
 
Stories and Experience (TEDx Newcastle)
Stories and Experience (TEDx Newcastle)Stories and Experience (TEDx Newcastle)
Stories and Experience (TEDx Newcastle)Mike Stenhouse
 
Visual Design Thinking - Prague 2013 - WebExpo
Visual Design Thinking - Prague 2013 - WebExpoVisual Design Thinking - Prague 2013 - WebExpo
Visual Design Thinking - Prague 2013 - WebExpovisualdesignthinking
 

Viewers also liked (20)

Social e conteúdo preditivo: como antever reações de usuários e diminuir risc...
Social e conteúdo preditivo: como antever reações de usuários e diminuir risc...Social e conteúdo preditivo: como antever reações de usuários e diminuir risc...
Social e conteúdo preditivo: como antever reações de usuários e diminuir risc...
 
The New Creative Partners: Brand Planning Meets UX
The New Creative Partners: Brand Planning Meets UXThe New Creative Partners: Brand Planning Meets UX
The New Creative Partners: Brand Planning Meets UX
 
RobotUX: A Framework for Human-Robot Interactions
RobotUX: A Framework for Human-Robot InteractionsRobotUX: A Framework for Human-Robot Interactions
RobotUX: A Framework for Human-Robot Interactions
 
A importância da UX para o consumo de conteúdo digital
A importância da UX para o consumo de conteúdo digitalA importância da UX para o consumo de conteúdo digital
A importância da UX para o consumo de conteúdo digital
 
Client-side Development 2016
Client-side Development 2016Client-side Development 2016
Client-side Development 2016
 
HUGE and Digital Strategy
HUGE and Digital StrategyHUGE and Digital Strategy
HUGE and Digital Strategy
 
The Birth of the HUGE UX School
The Birth of the HUGE UX SchoolThe Birth of the HUGE UX School
The Birth of the HUGE UX School
 
How Corporate Personhood Might Just Save the World
How Corporate Personhood Might Just Save the WorldHow Corporate Personhood Might Just Save the World
How Corporate Personhood Might Just Save the World
 
Intro to the LA Design Community Resources
Intro to the LA Design Community ResourcesIntro to the LA Design Community Resources
Intro to the LA Design Community Resources
 
Dan Harris @ UX people 2013
Dan Harris @ UX people 2013 Dan Harris @ UX people 2013
Dan Harris @ UX people 2013
 
10 Good Reasons why the Best Approach to Personalised Healthcare is Fitgenes
10 Good Reasons why the Best Approach to Personalised Healthcare is Fitgenes10 Good Reasons why the Best Approach to Personalised Healthcare is Fitgenes
10 Good Reasons why the Best Approach to Personalised Healthcare is Fitgenes
 
5. Lubo Smid - STRV
5. Lubo Smid - STRV5. Lubo Smid - STRV
5. Lubo Smid - STRV
 
How Pharma Can Fully Digitize Interactions with Healthcare Professionals
How Pharma Can Fully Digitize Interactions with Healthcare ProfessionalsHow Pharma Can Fully Digitize Interactions with Healthcare Professionals
How Pharma Can Fully Digitize Interactions with Healthcare Professionals
 
Avenue A | Razorfish Wiki Introduction
Avenue A | Razorfish Wiki IntroductionAvenue A | Razorfish Wiki Introduction
Avenue A | Razorfish Wiki Introduction
 
Digital Pharma East: HCP Experience Mapping
Digital Pharma East: HCP Experience MappingDigital Pharma East: HCP Experience Mapping
Digital Pharma East: HCP Experience Mapping
 
Scrppy
ScrppyScrppy
Scrppy
 
Stories and Experience (TEDx Newcastle)
Stories and Experience (TEDx Newcastle)Stories and Experience (TEDx Newcastle)
Stories and Experience (TEDx Newcastle)
 
D&T Association Summer School 2015
D&T Association Summer School 2015D&T Association Summer School 2015
D&T Association Summer School 2015
 
Visual Design Thinking - Prague 2013 - WebExpo
Visual Design Thinking - Prague 2013 - WebExpoVisual Design Thinking - Prague 2013 - WebExpo
Visual Design Thinking - Prague 2013 - WebExpo
 
Twenty Plus
Twenty PlusTwenty Plus
Twenty Plus
 

Similar to Huge Inc Intro to UX/UI lecture at Campus London

Inventrepreneurship by Paul Ingram
Inventrepreneurship by Paul IngramInventrepreneurship by Paul Ingram
Inventrepreneurship by Paul Ingramingramlabs
 
Beyond usability
Beyond usability Beyond usability
Beyond usability jameguilin
 
2nd OpenCoffee Cyprus 04/07/2012 - Visionhunt
2nd OpenCoffee Cyprus 04/07/2012 - Visionhunt2nd OpenCoffee Cyprus 04/07/2012 - Visionhunt
2nd OpenCoffee Cyprus 04/07/2012 - VisionhuntOpen Coffee Cyprus
 
Rick le Roy - Three design methods for mobile services
Rick le Roy - Three design methods for mobile servicesRick le Roy - Three design methods for mobile services
Rick le Roy - Three design methods for mobile servicesMobile Monday Amsterdam
 
iCompass - Imagineer the possibilities, Realize your potential
iCompass - Imagineer the possibilities, Realize your potentialiCompass - Imagineer the possibilities, Realize your potential
iCompass - Imagineer the possibilities, Realize your potentialSatya Chari
 
Deconstructing The Honeycomb | Think! Digital
Deconstructing The Honeycomb | Think! DigitalDeconstructing The Honeycomb | Think! Digital
Deconstructing The Honeycomb | Think! DigitalThink! Digital
 
SDOA 3.2 The Language of Design and Corporate Stakeholders
SDOA 3.2 The Language of Design and Corporate StakeholdersSDOA 3.2 The Language of Design and Corporate Stakeholders
SDOA 3.2 The Language of Design and Corporate StakeholdersFlorian Vollmer
 
Software and all that comes with it
Software and all that comes with itSoftware and all that comes with it
Software and all that comes with itAlberto Brandolini
 
I decide fast lecture 6 revenue model
I decide fast lecture 6 revenue modelI decide fast lecture 6 revenue model
I decide fast lecture 6 revenue modelStanford University
 
2012 Velocity London: DevOps Patterns Distilled
2012 Velocity London: DevOps Patterns Distilled2012 Velocity London: DevOps Patterns Distilled
2012 Velocity London: DevOps Patterns DistilledGene Kim
 
Creating innovation engines organizational patterns ver 2.0
Creating innovation engines   organizational patterns ver 2.0Creating innovation engines   organizational patterns ver 2.0
Creating innovation engines organizational patterns ver 2.0toriat123
 
Design thinking for geeks
Design thinking for geeksDesign thinking for geeks
Design thinking for geeksNina Khosla
 
Keeping up with the Pace, Innotribe at LARC
Keeping up with the Pace, Innotribe at LARCKeeping up with the Pace, Innotribe at LARC
Keeping up with the Pace, Innotribe at LARCHeather Vescent
 
Agile Requirements Writing
Agile Requirements WritingAgile Requirements Writing
Agile Requirements WritingBernhard Kappe
 
Can we fix dev-oops ?
Can we fix dev-oops ?Can we fix dev-oops ?
Can we fix dev-oops ?Kris Buytaert
 
IdeasCount Newsletter
IdeasCount NewsletterIdeasCount Newsletter
IdeasCount NewsletterGary Irland
 
Ip Strategy Melbourne University Ip Master Class 2009
Ip Strategy   Melbourne University Ip Master Class 2009Ip Strategy   Melbourne University Ip Master Class 2009
Ip Strategy Melbourne University Ip Master Class 2009guest08d5b3
 
VC & Startup Success lessons for Small Businesses
VC & Startup Success lessons for Small BusinessesVC & Startup Success lessons for Small Businesses
VC & Startup Success lessons for Small BusinessesTarang Shah
 
Customer Experience Design Talk Idris Mootee
Customer Experience Design Talk Idris MooteeCustomer Experience Design Talk Idris Mootee
Customer Experience Design Talk Idris MooteeIdris Mootee
 

Similar to Huge Inc Intro to UX/UI lecture at Campus London (20)

Inventrepreneurship by Paul Ingram
Inventrepreneurship by Paul IngramInventrepreneurship by Paul Ingram
Inventrepreneurship by Paul Ingram
 
Beyond usability
Beyond usability Beyond usability
Beyond usability
 
2nd OpenCoffee Cyprus 04/07/2012 - Visionhunt
2nd OpenCoffee Cyprus 04/07/2012 - Visionhunt2nd OpenCoffee Cyprus 04/07/2012 - Visionhunt
2nd OpenCoffee Cyprus 04/07/2012 - Visionhunt
 
Rick le Roy - Three design methods for mobile services
Rick le Roy - Three design methods for mobile servicesRick le Roy - Three design methods for mobile services
Rick le Roy - Three design methods for mobile services
 
iCompass - Imagineer the possibilities, Realize your potential
iCompass - Imagineer the possibilities, Realize your potentialiCompass - Imagineer the possibilities, Realize your potential
iCompass - Imagineer the possibilities, Realize your potential
 
Deconstructing The Honeycomb | Think! Digital
Deconstructing The Honeycomb | Think! DigitalDeconstructing The Honeycomb | Think! Digital
Deconstructing The Honeycomb | Think! Digital
 
SDOA 3.2 The Language of Design and Corporate Stakeholders
SDOA 3.2 The Language of Design and Corporate StakeholdersSDOA 3.2 The Language of Design and Corporate Stakeholders
SDOA 3.2 The Language of Design and Corporate Stakeholders
 
Software and all that comes with it
Software and all that comes with itSoftware and all that comes with it
Software and all that comes with it
 
I decide fast lecture 6 revenue model
I decide fast lecture 6 revenue modelI decide fast lecture 6 revenue model
I decide fast lecture 6 revenue model
 
2012 Velocity London: DevOps Patterns Distilled
2012 Velocity London: DevOps Patterns Distilled2012 Velocity London: DevOps Patterns Distilled
2012 Velocity London: DevOps Patterns Distilled
 
Creating innovation engines organizational patterns ver 2.0
Creating innovation engines   organizational patterns ver 2.0Creating innovation engines   organizational patterns ver 2.0
Creating innovation engines organizational patterns ver 2.0
 
Design thinking for geeks
Design thinking for geeksDesign thinking for geeks
Design thinking for geeks
 
Keeping up with the Pace, Innotribe at LARC
Keeping up with the Pace, Innotribe at LARCKeeping up with the Pace, Innotribe at LARC
Keeping up with the Pace, Innotribe at LARC
 
Agile Requirements Writing
Agile Requirements WritingAgile Requirements Writing
Agile Requirements Writing
 
Can we fix dev-oops ?
Can we fix dev-oops ?Can we fix dev-oops ?
Can we fix dev-oops ?
 
IdeasCount Newsletter
IdeasCount NewsletterIdeasCount Newsletter
IdeasCount Newsletter
 
IP Strategy Melbourne University Ip Master Class 2009
IP Strategy   Melbourne University Ip Master Class 2009IP Strategy   Melbourne University Ip Master Class 2009
IP Strategy Melbourne University Ip Master Class 2009
 
Ip Strategy Melbourne University Ip Master Class 2009
Ip Strategy   Melbourne University Ip Master Class 2009Ip Strategy   Melbourne University Ip Master Class 2009
Ip Strategy Melbourne University Ip Master Class 2009
 
VC & Startup Success lessons for Small Businesses
VC & Startup Success lessons for Small BusinessesVC & Startup Success lessons for Small Businesses
VC & Startup Success lessons for Small Businesses
 
Customer Experience Design Talk Idris Mootee
Customer Experience Design Talk Idris MooteeCustomer Experience Design Talk Idris Mootee
Customer Experience Design Talk Idris Mootee
 

Huge Inc Intro to UX/UI lecture at Campus London

  • 1. October 2, 2012 Google Labs: Designing for Users hugeinc.com info@hugeinc.com 45 Main St. #220 Brooklyn, NY 11201 +1 718 625 4843
  • 2. About Huge. We help transform brands and grow businesses.
  • 3. Our approach. Great user experiences are what drive business performance and marketing.
  • 4. How we’re structured. Founded in 1999 Full-service digital agency within Interpublic Group 550 employees London. Portland. San Francisco. Brooklyn. Los Angeles. Rio de Janeiro.
  • 5. AdAge A-List for 2012 Top ten agencies as ranked by AdAge, across all marketing disciplines. Social media agency of the year 2011 and 2012 by OMMA / MediaPost. Most innovative agency for 2012 by Digiday and One of Five for 2011 by Mashable.
  • 6. Clients. New York. Los Angeles. London. American Express Newell Rubbermaid Cellular South / C-Spire British Airways Barneys New York Nutrisystem Dell BBC Comcast PepsiCo National Geographic Diageo Four Seasons Pizza Hut News Corporation IKEA GE Capital Reckitt Benckiser Pacific Life Landmark Group L’Oréal Group Royal Caribbean Cruises Unilever Portland. Lowe’s Target Nike MTV Networks Time Warner Rio de Janeiro. Nestlé Waters Verisign San Francisco. Abril Samsung Vale
  • 7. In the next 90 minutes: 1. Whom to listen to, and how 2. Construct a digital user experience 3. Make it better and better
  • 8. It’s all about your ideas.
  • 9. It’s all about your ideas. It’s all about your users.
  • 10. Three steps to designing a user experience: 1. Listen. 2. Focus. 3. Listen some more.
  • 11. 1. Listen to your users.
  • 12. You have a target audience for your product…
  • 13. How do you find out how to design for them?
  • 14. Never only go by what people say.
  • 16. Visit them. Follow them around. Ethnographic studies let you understand how your audience uses technology on a daily basis: • Equipment set up • Context • Savvy • Time spent in digital • Shadowing • In home visits
  • 18. Look outside the box. To discover true opportunities, find out: • What else are they interested in? • What digital tools do they use daily? • What digital products are they love? Why? Find the commonalities to inspire and shape your product. Opportunity Direct competition
  • 19. Get to know them, summarize them, utilize them.
  • 20. Know your user s’ digital habits. Redesign of UnderArmour.com.
  • 21. Understand their full decision journey.
  • 22. Listen to your users. Always come back to them during design.
  • 24. What makes a great digital product?
  • 25. A good product isn’t only defined by what it does, but even more so by what it doesn’t do.
  • 26.
  • 28. The no. 1 goal The basis of your business the reason for users to come.
  • 29. In addition to the top goal… Top priority. The basis of your business, must be fulfilled.
  • 30. … supporting goals can help differentiate… Top priority. The basis of your business, must be fulfilled. Secondary goal, supports top priority, could be key differentiator. 2
  • 31. … and further define the product. Top priority. The basis of your business, must be fulfilled. Secondary goal, supports top priority, could be key differentiator. 2 3 Supports first and second goal, also necessary to succeed.
  • 32.
  • 33. Feat ure Capa Idea bility Feat Feat ure ure Feat Feat ure ure Capa Capa bility bility Feat Idea ure Idea Feat Feat ure ure
  • 34. Prioritize. Map back to goal. Define. Feat Doesn’t support any ure Idea Capa use case bility Will distract from Feat Feat main goal ure ure Similar to other Feat Feat Doesn’t support feature ure ure a KPI Capa Capa bility bility Feat Idea ure Great idea - for a different goal Idea Feat Feat ure ure Nice to have, but not necessary
  • 35. A clean, focused feature set. Feat Feat ure ure Feat ure Feat Feat ure ure 2 Feat 3 ure Feat Feat ure ure
  • 36. Be thorough up front. 36.
  • 37. It’s worth it. Time defect is detected Require- Archi- Construc- System Post ments tecture tion Test Release Time defect is introduced Requirements 1x 3x 5-10x 10x 10-100x Architecture 1x 10x 15x 25-100x Construction 1x 10x 10-25x
  • 39. It’s time to start drawing.
  • 40. 1. The most important building blocks 2. The structure 3. Detailed design
  • 42. Question: What’s UA’s most important page, user task, and feature?
  • 46. Ways to get there.
  • 47. Ways to make it stick
  • 48. Most important entry and exit. Running shorts Thanks. Cool.
  • 49.
  • 50. Design out the pages
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62. Always keep your users and goals in mind. Always focus.
  • 65. Can we test this?
  • 66. Can we test this? We have to test this.
  • 67. Ask the users. To test multiple ideas / concepts. To identify major road blocks. To improve specific tools, flows, tasks.
  • 68. Test early to fail big. Go rogue. Paper prototypes, clickable sketches, animated concepts. Look for the epic fails, but leave nuances aside for now. Test as often as you can.
  • 69. Test higher fidelity to refine and tweak. Learn from previous rounds of testing. Become more precise, test more detailed interactions. Test key scenarios Test visual designs, html, java script, server calls.
  • 70. Ask the right questions. Identify major roadblocks. “I love Under Armour, especially Don’t try to test nuances their sports drinks, super cool.” (your sample isn’t large enough) Be scientific about results. “I hate this new site, I would never use it. Why not keep it all how it is?” Be aware of your user’s context. “I don’t like these colors.”
  • 71. Listen to your users, because they are right.
  • 73. How do you know if your design succeeded?
  • 74. Define success before you start designing. KPIs: What to Measure: 1. Increase sales • No. of sales • Average revenue per order • Ratio of visits to sales • Conversion rate • No. of visits 2. Increase traffic • Search performance • Referral performance • % of new vs. return visits 3. Increase loyalty • Frequency of visits
  • 75. Every digital product has to evolve in real time.
  • 76. Analytics tell us what users are doing, and highlight issues in current system Why are 43% of customers stopping after the payment info page?
  • 77. Look at this. Tablet conversion rate 0.18% 0.16% 0.14% 0.12% 0.10% 0.08% 0.06% 0.04% 0.02% 0.00% Jan-12 Feb-12 Mar-12 Apr-12 May-12 Jun-12 Jul-12
  • 78. Look again. Tablet conversion rate 0.18% 0.16% 0.14% 0.12% 0.10% 0.08% 0.06% 0.04% 0.02% 0.00% May-11 Jun-11 Jul-11 Aug-11 Sep-11 Oct-11 Nov-11 Dec-11 Jan-12 Feb-12 Mar-12 Apr-12 May-12 Jun-12 Jul-12
  • 79. Look at data from all angles before you judge. Tablet conversion rate 0.50% 0.45% 0.40% 0.35% 0.30% UK DE 0.25% SE 0.20% US FR 0.15% CA 0.10% 0.05% 0.00%
  • 80. Once you have identified your most important issues… KPIs: What to Measure: Metric: 1. Increase sales • No. of sales • -0.7% • Average revenue per order • Steady at $40.89 • Ratio of visits to sales • Up by 1% • Conversion rate • -5.1% • No. of visits • +10% 2. Increase traffic • Search performance • + 0.3% • Referral performance • Steady • % of new vs. return visits • 80 / 20 3. Increase loyalty • Frequency of visits • - 2%
  • 82. Ask your users why things aren’t working. “Wow… why didn’t you tell me before “What’s the return how expensive “Why should I policy?” shipping was…?” create an account when I just want to shop?”
  • 83. Don’t be afraid to touch what’s live.
  • 84. Systematically optimize Incremental design improvements can have a huge impact. A • A/B test micro-elements like wording, an image, etc. • Multi-variate test isolated layouts and functionalities. B • Statistically significant • Evolutionary vs. Revolutionary
  • 85. Become more intelligent with each test. Institutionalize knowledge.
  • 87.
  • 89. hugeinc.com info@hugeinc.com 45 Main St. #220 Brooklyn, NY 11201 +1 718 625 4843