SlideShare a Scribd company logo
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

Brand experience media planning
Brand experience media planningBrand experience media planning
Brand experience media planning
Jack Morton Worldwide
 
Brand experience insights and case studies
Brand experience insights and case studiesBrand experience insights and case studies
Brand experience insights and case studiesJack Morton Worldwide
 
Strategic Planning Cheats
Strategic Planning CheatsStrategic Planning Cheats
Strategic Planning Cheats
Andreas Krasser
 
Inspiring Creativity
Inspiring CreativityInspiring Creativity
Inspiring Creativity
Daniele Fiandaca
 
The Creative Brief: An Introduction
The Creative Brief: An IntroductionThe Creative Brief: An Introduction
The Creative Brief: An Introduction
edward boches
 
Warc - Marketers Toolkit 2023.pdf
Warc - Marketers Toolkit 2023.pdfWarc - Marketers Toolkit 2023.pdf
Warc - Marketers Toolkit 2023.pdf
digitalinasia
 
Explain Digital Strategy To Your Mum
Explain Digital Strategy To Your Mum Explain Digital Strategy To Your Mum
Explain Digital Strategy To Your Mum Amber Horsburgh
 
Intro To Social Media Marketing 2023.pdf
Intro To Social Media Marketing 2023.pdfIntro To Social Media Marketing 2023.pdf
Intro To Social Media Marketing 2023.pdf
Lamiaa Ahmed
 
Service Design Doing
Service Design DoingService Design Doing
Service Design Doing
Ramakant Gawande
 
Martin Weigel- How to (not) FAIL
Martin Weigel- How to (not) FAILMartin Weigel- How to (not) FAIL
Martin Weigel- How to (not) FAIL
Ivan Chernopyatko
 
A Planner's Playbook - Everything I learned about planning at Miami Ad School...
A Planner's Playbook - Everything I learned about planning at Miami Ad School...A Planner's Playbook - Everything I learned about planning at Miami Ad School...
A Planner's Playbook - Everything I learned about planning at Miami Ad School...
Sytse Kooistra
 
How to write a killer agency creative brief
How to write a killer agency creative briefHow to write a killer agency creative brief
How to write a killer agency creative brief
David Bell
 
Introduction to Service Design
Introduction to Service DesignIntroduction to Service Design
Introduction to Service Design
Smaply
 
What's Next: Authenticity - The Struggle is Real
What's Next: Authenticity - The Struggle is RealWhat's Next: Authenticity - The Struggle is Real
What's Next: Authenticity - The Struggle is Real
Ogilvy Consulting
 
Onalytica - Relationship-led Influencer Marketing
Onalytica - Relationship-led Influencer MarketingOnalytica - Relationship-led Influencer Marketing
Onalytica - Relationship-led Influencer Marketing
Onalytica
 
Social media marketing plan template 2023
Social media marketing plan template 2023Social media marketing plan template 2023
Social media marketing plan template 2023
Fraser Hay
 
Creative Brief Workshop
Creative Brief WorkshopCreative Brief Workshop
Creative Brief Workshop
Beloved Brands Inc.
 
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
Huge
 
Moris Pub Ogilvy - Agency Presentation
Moris Pub Ogilvy - Agency PresentationMoris Pub Ogilvy - Agency Presentation
Moris Pub Ogilvy - Agency Presentation
MorisPubOgilvy
 
Strategic Planning In Advertising
Strategic Planning In AdvertisingStrategic Planning In Advertising
Strategic Planning In Advertising
Griffin Farley
 

What's hot (20)

Brand experience media planning
Brand experience media planningBrand experience media planning
Brand experience media planning
 
Brand experience insights and case studies
Brand experience insights and case studiesBrand experience insights and case studies
Brand experience insights and case studies
 
Strategic Planning Cheats
Strategic Planning CheatsStrategic Planning Cheats
Strategic Planning Cheats
 
Inspiring Creativity
Inspiring CreativityInspiring Creativity
Inspiring Creativity
 
The Creative Brief: An Introduction
The Creative Brief: An IntroductionThe Creative Brief: An Introduction
The Creative Brief: An Introduction
 
Warc - Marketers Toolkit 2023.pdf
Warc - Marketers Toolkit 2023.pdfWarc - Marketers Toolkit 2023.pdf
Warc - Marketers Toolkit 2023.pdf
 
Explain Digital Strategy To Your Mum
Explain Digital Strategy To Your Mum Explain Digital Strategy To Your Mum
Explain Digital Strategy To Your Mum
 
Intro To Social Media Marketing 2023.pdf
Intro To Social Media Marketing 2023.pdfIntro To Social Media Marketing 2023.pdf
Intro To Social Media Marketing 2023.pdf
 
Service Design Doing
Service Design DoingService Design Doing
Service Design Doing
 
Martin Weigel- How to (not) FAIL
Martin Weigel- How to (not) FAILMartin Weigel- How to (not) FAIL
Martin Weigel- How to (not) FAIL
 
A Planner's Playbook - Everything I learned about planning at Miami Ad School...
A Planner's Playbook - Everything I learned about planning at Miami Ad School...A Planner's Playbook - Everything I learned about planning at Miami Ad School...
A Planner's Playbook - Everything I learned about planning at Miami Ad School...
 
How to write a killer agency creative brief
How to write a killer agency creative briefHow to write a killer agency creative brief
How to write a killer agency creative brief
 
Introduction to Service Design
Introduction to Service DesignIntroduction to Service Design
Introduction to Service Design
 
What's Next: Authenticity - The Struggle is Real
What's Next: Authenticity - The Struggle is RealWhat's Next: Authenticity - The Struggle is Real
What's Next: Authenticity - The Struggle is Real
 
Onalytica - Relationship-led Influencer Marketing
Onalytica - Relationship-led Influencer MarketingOnalytica - Relationship-led Influencer Marketing
Onalytica - Relationship-led Influencer Marketing
 
Social media marketing plan template 2023
Social media marketing plan template 2023Social media marketing plan template 2023
Social media marketing plan template 2023
 
Creative Brief Workshop
Creative Brief WorkshopCreative Brief Workshop
Creative Brief Workshop
 
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
 
Moris Pub Ogilvy - Agency Presentation
Moris Pub Ogilvy - Agency PresentationMoris Pub Ogilvy - Agency Presentation
Moris Pub Ogilvy - Agency Presentation
 
Strategic Planning In Advertising
Strategic Planning In AdvertisingStrategic Planning In Advertising
Strategic Planning In Advertising
 

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 UX
Huge
 
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
Huge
 
Client-side Development 2016
Client-side Development 2016Client-side Development 2016
Client-side Development 2016
Huge
 
HUGE and Digital Strategy
HUGE and Digital StrategyHUGE and Digital Strategy
HUGE and Digital Strategy
Leanne Tremblay
 
Intro to UX with Huge
Intro to UX with HugeIntro to UX with Huge
Intro to UX with Huge
Kristin Jolda (Wehmueller)
 
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
Huge
 
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 Fitgenes
Fitgenes Limited
 
5. Lubo Smid - STRV
5. Lubo Smid - STRV5. Lubo Smid - STRV
5. Lubo Smid - STRV
MobCon
 
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
Cognizant
 
Avenue A | Razorfish Wiki Introduction
Avenue A | Razorfish Wiki IntroductionAvenue A | Razorfish Wiki Introduction
Avenue A | Razorfish Wiki Introduction
Shiv Singh
 
Digital Pharma East: HCP Experience Mapping
Digital Pharma East: HCP Experience MappingDigital Pharma East: HCP Experience Mapping
Digital Pharma East: HCP Experience Mapping
GSW
 
Scrppy
ScrppyScrppy
Scrppy
GoKart Labs
 
Stories and Experience (TEDx Newcastle)
Stories and Experience (TEDx Newcastle)Stories and Experience (TEDx Newcastle)
Stories and Experience (TEDx Newcastle)
Mike Stenhouse
 
D&T Association Summer School 2015
D&T Association Summer School 2015D&T Association Summer School 2015
D&T Association Summer School 2015
Steven Parkinson FRSA
 
Visual Design Thinking - Prague 2013 - WebExpo
Visual Design Thinking - Prague 2013 - WebExpoVisual Design Thinking - Prague 2013 - WebExpo
Visual Design Thinking - Prague 2013 - WebExpo
visualdesignthinking
 
Twenty Plus
Twenty PlusTwenty Plus
Twenty Plus
GoKart Labs
 
Pregi e difetti dei principali CMS Open Source
Pregi e difetti dei principali CMS Open SourcePregi e difetti dei principali CMS Open Source
Pregi e difetti dei principali CMS Open Source
nois3
 

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
 
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
 
Intro to UX with Huge
Intro to UX with HugeIntro to UX with Huge
Intro to UX with Huge
 
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
 
Pregi e difetti dei principali CMS Open Source
Pregi e difetti dei principali CMS Open SourcePregi e difetti dei principali CMS Open Source
Pregi e difetti dei principali CMS Open Source
 

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 Ingram
ingramlabs
 
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 potential
Satya Chari
 
Deconstructing The Honeycomb | Think! Digital
Deconstructing The Honeycomb | Think! DigitalDeconstructing The Honeycomb | Think! Digital
Deconstructing The Honeycomb | Think! Digital
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
Florian 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 it
Alberto 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 Distilled
Gene 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 geeks
Nina 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 Writing
Bernhard 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 2009
Duncan Hart LLB MBA (Australia)
 
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
guest08d5b3
 
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