SlideShare a Scribd company logo
DCWW Intro to User Experience
July 9, 2013
hugeinc.com
info@hugeinc.com
45 Main St. #220 Brooklyn, NY 11201
+1 718 625 4843
Agenda:
1. Introductions 2. About Huge
3. Our process 4. Good & bad
usability 5. Case study
6. Questions
Introductions.
Amber Cartwright, User Experience Lead
D.Anthony Verdin, User Experience Lead
About Huge.
Huge.
We help transform brands
and grow businesses.
We believe.
Great user experiences are
what drive business performance
and marketing.
AdAge A-List for 2012
Top ten agencies as ranked by AdAge, across all marketing disciplines.
Third-largest mobile agency
According to AdAge for 2012.
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.
Founded in 1999
Full-service digital agency within Interpublic Group
600 employees
How we’re structured.
Los Angeles.
Rio de Janeiro.
London.
Brooklyn.San Francisco.
Portland.
Washington, DC.
Atlanta.
Our culture:
Make something you love.
Hire the best people.
Work on incredible projects.
Have fun.
Intro to UX with Huge
newsweek	
  
Pizza Hut:
Strategic insight.
Creative/UX design.
Business analysis.
Project requirements.
Wireframing.
Project & account management.
Measurement & analytics.
Social & digital media.
SEO Optimization.
Front-end web & portal development.
Our process.
UX is at the core
of everything we do at Huge.
We all put the user first
regardless of department.
80+interaction & product
designers globally.
We are:
strategists + designers + coders
Business &
brand needs.
Audience
needs.
Tech & Org
Considerations.
Process overview.
1. Discover 2. Plan 3. Create &
iterate
5. Measure &
evolve
4. Implement
•  Stakeholder Interviews
•  Consumer Research &
Insights
•  Brand & Content Audit
•  Competitive & Market
•  Landscape Analysis
•  Platform & Technology
Assessment
•  Goal Prioritization
•  User Personas &
Journeys
•  Creative Brief
•  Communications
Strategy
•  Road Map
•  Asset Matrix
•  Measurement Plan
•  Creative Concepts
•  Campaign Architecture
•  Wireframes
•  Digital Experience
Design
•  Prototyping & User
Testing
•  Creative Assets
•  Style Guidelines
•  Functional Specs &
Annotations
•  Development &
Infrastructure set-up
•  Testing & Analytics
•  Implementation
•  Deployment
Management
•  Tracking Analysis
•  Media optimization
•  Measurement of
Success
•  Future Enhancements
Plan & Research
It’s really all about collaboration.
Ideas, ideas, and more ideas.
A lot of companies
don’t realize their brand
is their online experience.
Here’s the best part:
In many cases, user goals
and business needs align.
I want to pay.
Why do you make it so hard
for me to give you
my money?
I need help but
I don’t feel like calling you
and waiting on hold forever.
Why can’t I just find
the answer myself?
I do business
with you all the time.
Why does it feel like you
don’t know me at all?
Good & bad
usability.
A good user experience is…
Good UX is:
1. Understandable
2. Actionable
3. Engaging
4. Efficient
Good UX is:
1. Understandable
2. Actionable
3. Engaging
4. Efficient
Good UX is:
1. Understandable
2. Actionable
3. Engaging
4. Efficient
Good UX is:
1. Understandable
2. Actionable
3. Engaging
4. Efficient
It’s easily learned.
Vine is a perfect example.
Vine is a perfect example.
A new behavior is learned after a
single use.
Porsche European delivery.
Understandable
Actionable
Engaging
Efficient
Actions are hard to find and navigate.
Understandable
Actionable
Engaging
Efficient
Nothing entices users to play with it.
Understandable
Actionable
Engaging
Efficient
It’s takes lots of time to figure out.
Understandable
Actionable
Engaging
Efficient
Physical-world experiences
can be judged against the
same criteria.
Santa Cruz utility boxes.
Understandable
Actionable
Engaging
Efficient
Illustrating the utility box’s use marks
a huge improvement.
Understandable
Actionable
Engaging
Efficient
Simplifying generally improves
communication to users.
But simple doesn’t mean it can’t be
complex, but streamlines needs.
A personal favorite.
Your turn.
Explore the space and find
objects that represent both good
and bad usability.
Send your pics to
goodbadux@gmail.com.
Case Study.
In order to better understand
some of the steps in our process,
we are going to dive deeper into
one site’s experience.
We are going to explore three steps of
our Discovery phase.
1.  Define business & user goals
2.  Feature prioritization
3.  Concept sketching
Our case study: freshdirect
User goals:
The goals and needs that people
have. This doesn’t necessarily need
to be tied to an online experience.
Our user might say…
“I’m a busy mom, I want buying groceries to
be fast and convenient.”
“Sales and discount are a priority for me.”
“I won’t order vegetables without seeing
them, but I will get my staples online.”
That translates to these user goals.
“I’mabusymom,Iwantbuyinggroceriestobefastandconvenient.”
Make the experience simple and personalized.
“Salesanddiscountareapriorityforme.”
Keep offers prominent and available.
“Iwon’tordervegetableswithoutseeingthem,butIwillgetmystaplesonline.”
Make repeat buys easy.
Business goals:
Help boost the brand and
increase profitability.
The business might say…
“I want to get people to the products they
want faster.”
“I want people to think ‘freshdirect’when
they think groceries.”
“I want our customers to order anytime &
anywhere they want.”
This translates to these business goals.
“Iwanttogetpeopletotheproductstheywantfaster.”
Decrease the number of steps it takes to find a product on the site.
“Iwantpeopletothink‘freshdirect’whentheythinkgroceries.”
Increase brand awareness through marketing and elevated
experiences.
“Iwantourcustomerstoorderanytime&anywheretheywant.”
Create a branded experience across devices.
Activity 1: Goals
Review the freshdirect site for 10
minutes in your groups. Define what
you think the three primary business
and user goals are from the site.
Review goals.
Next, let’s take a look at a single
page and assess it’s experience.
Is this page meeting your goals?
Is this page meeting your goals?
“Sales and discount are a priority for me.”
Are deals prominent enough?
Activity 2: Feature prioritization
With your user & biz goals in mind,
Take 10 minutes in your group to list
out the top 5 features on the page.
Review top 5 features.
Now let’s review one module on the
product page and redo it.
Intro to UX with Huge
Now we’re going to sketch. Here are
some things to think about.
•  Bring your priorities to the front
•  Remove features in the module
•  Add something new
•  Change the interaction
•  Change the language
•  Don’t worry about what the sketch
looks like
Activity 3: Sketch
Again, keeping your goals as
priorities, take 15 minutes to sketch 2
other versions of this module
individually. Choose one favorite
from the group to present.
Review favorite sketch.
You have learned some of the basics
in UX today. We hope you had fun
and thanks!
Questions…
hugeinc.com
info@hugeinc.com
45 Main St. #220 Brooklyn, NY 11201
+1 718 625 4843

More Related Content

PDF
WOLFF OLINS ON BRAND 2011
PDF
Telling Stories With Data
PDF
Design in Tech Report 2017
PDF
What's Next: Pulse Marketing
PDF
What's Next: Authenticity - The Struggle is Real
PDF
The Human Kind Scale
PDF
Masterclass: Callan Rowe's (AKQA) presentation at Mumbrella360
PDF
The Return to Growth in Turbulent Times
WOLFF OLINS ON BRAND 2011
Telling Stories With Data
Design in Tech Report 2017
What's Next: Pulse Marketing
What's Next: Authenticity - The Struggle is Real
The Human Kind Scale
Masterclass: Callan Rowe's (AKQA) presentation at Mumbrella360
The Return to Growth in Turbulent Times

What's hot (20)

PDF
UX design
PDF
UX Lesson 2: User Research
PDF
Web UI Design Patterns 2014
PPTX
UI UX Introductory session
PPTX
User Story Mapping in Practice
PDF
UX Lesson 4: Task & Feature Analysis
PDF
UI & UX Design for Startups
PDF
Good UX Bad UX
PDF
UX Experience Design: Processes and Strategy
PPTX
Why UX #FAILS (with notes)
PDF
Ux design process
PPTX
An Introduction to the World of User Research
PDF
The Guide To Wireframing
PDF
UX Lesson 1: User Centered Design
PDF
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
PDF
Think Like A Growth Hacker
PDF
Simple Steps to UX/UI Web Design
PDF
PPTX
Ui ux designing principles
PDF
Personas Demystified 1.0
UX design
UX Lesson 2: User Research
Web UI Design Patterns 2014
UI UX Introductory session
User Story Mapping in Practice
UX Lesson 4: Task & Feature Analysis
UI & UX Design for Startups
Good UX Bad UX
UX Experience Design: Processes and Strategy
Why UX #FAILS (with notes)
Ux design process
An Introduction to the World of User Research
The Guide To Wireframing
UX Lesson 1: User Centered Design
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
Think Like A Growth Hacker
Simple Steps to UX/UI Web Design
Ui ux designing principles
Personas Demystified 1.0
Ad

Similar to Intro to UX with Huge (20)

PDF
Harnessing the Value of UX
PDF
UX - UI architecture session
PPTX
Ux people 042010
PDF
CX | UX | IoT, The Awesome Feat
PDF
IIBA_ux_talk_sept2011
PPT
Bake UX into your Startup (March 2009)
PDF
Introduction to UX & Service Design
PDF
Website Usability & User Experience: Veel bezoekers, weinig klanten?
PDF
VIGC Academy
PDF
Solving Design and Business Problems in 3 Days with Google Design Sprint by B...
PPTX
Digital delivery
PDF
Growth hacking UX: The journey to creating a kickass user experience.
PDF
Leveraging CX / UX / UI to optimise brand experiences
PPTX
Design for Cross Channel - UX Week 2012 Workshop
PDF
User Experience 101 - The Basics
PDF
UX workshop
PPTX
The User Experience Brief
PPTX
UX Maturity: The Reality of Performance
PDF
Designing the user experience
PDF
Product + UX: How to combine strengths to make something truly great! *Updated*
Harnessing the Value of UX
UX - UI architecture session
Ux people 042010
CX | UX | IoT, The Awesome Feat
IIBA_ux_talk_sept2011
Bake UX into your Startup (March 2009)
Introduction to UX & Service Design
Website Usability & User Experience: Veel bezoekers, weinig klanten?
VIGC Academy
Solving Design and Business Problems in 3 Days with Google Design Sprint by B...
Digital delivery
Growth hacking UX: The journey to creating a kickass user experience.
Leveraging CX / UX / UI to optimise brand experiences
Design for Cross Channel - UX Week 2012 Workshop
User Experience 101 - The Basics
UX workshop
The User Experience Brief
UX Maturity: The Reality of Performance
Designing the user experience
Product + UX: How to combine strengths to make something truly great! *Updated*
Ad

Recently uploaded (20)

PDF
Advanced Soft Computing BINUS July 2025.pdf
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
Modernizing your data center with Dell and AMD
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
PDF
GamePlan Trading System Review: Professional Trader's Honest Take
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PPTX
Big Data Technologies - Introduction.pptx
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
Advanced Soft Computing BINUS July 2025.pdf
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Modernizing your data center with Dell and AMD
Diabetes mellitus diagnosis method based random forest with bat algorithm
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Dropbox Q2 2025 Financial Results & Investor Presentation
Network Security Unit 5.pdf for BCA BBA.
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
GamePlan Trading System Review: Professional Trader's Honest Take
The Rise and Fall of 3GPP – Time for a Sabbatical?
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Understanding_Digital_Forensics_Presentation.pptx
Big Data Technologies - Introduction.pptx
Chapter 3 Spatial Domain Image Processing.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
The AUB Centre for AI in Media Proposal.docx
Review of recent advances in non-invasive hemoglobin estimation
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....

Intro to UX with Huge

  • 1. DCWW Intro to User Experience July 9, 2013 hugeinc.com info@hugeinc.com 45 Main St. #220 Brooklyn, NY 11201 +1 718 625 4843
  • 2. Agenda: 1. Introductions 2. About Huge 3. Our process 4. Good & bad usability 5. Case study 6. Questions
  • 3. Introductions. Amber Cartwright, User Experience Lead D.Anthony Verdin, User Experience Lead
  • 5. Huge. We help transform brands and grow businesses.
  • 6. We believe. Great user experiences are what drive business performance and marketing.
  • 7. AdAge A-List for 2012 Top ten agencies as ranked by AdAge, across all marketing disciplines. Third-largest mobile agency According to AdAge for 2012. 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.
  • 8. Founded in 1999 Full-service digital agency within Interpublic Group 600 employees How we’re structured. Los Angeles. Rio de Janeiro. London. Brooklyn.San Francisco. Portland. Washington, DC. Atlanta.
  • 9. Our culture: Make something you love. Hire the best people. Work on incredible projects. Have fun.
  • 12. Pizza Hut: Strategic insight. Creative/UX design. Business analysis. Project requirements. Wireframing. Project & account management. Measurement & analytics. Social & digital media. SEO Optimization. Front-end web & portal development.
  • 14. UX is at the core of everything we do at Huge. We all put the user first regardless of department.
  • 16. We are: strategists + designers + coders
  • 18. Process overview. 1. Discover 2. Plan 3. Create & iterate 5. Measure & evolve 4. Implement •  Stakeholder Interviews •  Consumer Research & Insights •  Brand & Content Audit •  Competitive & Market •  Landscape Analysis •  Platform & Technology Assessment •  Goal Prioritization •  User Personas & Journeys •  Creative Brief •  Communications Strategy •  Road Map •  Asset Matrix •  Measurement Plan •  Creative Concepts •  Campaign Architecture •  Wireframes •  Digital Experience Design •  Prototyping & User Testing •  Creative Assets •  Style Guidelines •  Functional Specs & Annotations •  Development & Infrastructure set-up •  Testing & Analytics •  Implementation •  Deployment Management •  Tracking Analysis •  Media optimization •  Measurement of Success •  Future Enhancements Plan & Research
  • 19. It’s really all about collaboration.
  • 20. Ideas, ideas, and more ideas.
  • 21. A lot of companies don’t realize their brand is their online experience.
  • 22. Here’s the best part: In many cases, user goals and business needs align.
  • 23. I want to pay. Why do you make it so hard for me to give you my money?
  • 24. I need help but I don’t feel like calling you and waiting on hold forever. Why can’t I just find the answer myself?
  • 25. I do business with you all the time. Why does it feel like you don’t know me at all?
  • 27. A good user experience is…
  • 28. Good UX is: 1. Understandable 2. Actionable 3. Engaging 4. Efficient
  • 29. Good UX is: 1. Understandable 2. Actionable 3. Engaging 4. Efficient
  • 30. Good UX is: 1. Understandable 2. Actionable 3. Engaging 4. Efficient
  • 31. Good UX is: 1. Understandable 2. Actionable 3. Engaging 4. Efficient
  • 33. Vine is a perfect example.
  • 34. Vine is a perfect example.
  • 35. A new behavior is learned after a single use.
  • 37. Actions are hard to find and navigate. Understandable Actionable Engaging Efficient
  • 38. Nothing entices users to play with it. Understandable Actionable Engaging Efficient
  • 39. It’s takes lots of time to figure out. Understandable Actionable Engaging Efficient
  • 40. Physical-world experiences can be judged against the same criteria.
  • 41. Santa Cruz utility boxes. Understandable Actionable Engaging Efficient
  • 42. Illustrating the utility box’s use marks a huge improvement. Understandable Actionable Engaging Efficient
  • 44. But simple doesn’t mean it can’t be complex, but streamlines needs.
  • 46. Your turn. Explore the space and find objects that represent both good and bad usability.
  • 47. Send your pics to goodbadux@gmail.com.
  • 49. In order to better understand some of the steps in our process, we are going to dive deeper into one site’s experience.
  • 50. We are going to explore three steps of our Discovery phase. 1.  Define business & user goals 2.  Feature prioritization 3.  Concept sketching
  • 51. Our case study: freshdirect
  • 52. User goals: The goals and needs that people have. This doesn’t necessarily need to be tied to an online experience.
  • 53. Our user might say… “I’m a busy mom, I want buying groceries to be fast and convenient.” “Sales and discount are a priority for me.” “I won’t order vegetables without seeing them, but I will get my staples online.”
  • 54. That translates to these user goals. “I’mabusymom,Iwantbuyinggroceriestobefastandconvenient.” Make the experience simple and personalized. “Salesanddiscountareapriorityforme.” Keep offers prominent and available. “Iwon’tordervegetableswithoutseeingthem,butIwillgetmystaplesonline.” Make repeat buys easy.
  • 55. Business goals: Help boost the brand and increase profitability.
  • 56. The business might say… “I want to get people to the products they want faster.” “I want people to think ‘freshdirect’when they think groceries.” “I want our customers to order anytime & anywhere they want.”
  • 57. This translates to these business goals. “Iwanttogetpeopletotheproductstheywantfaster.” Decrease the number of steps it takes to find a product on the site. “Iwantpeopletothink‘freshdirect’whentheythinkgroceries.” Increase brand awareness through marketing and elevated experiences. “Iwantourcustomerstoorderanytime&anywheretheywant.” Create a branded experience across devices.
  • 58. Activity 1: Goals Review the freshdirect site for 10 minutes in your groups. Define what you think the three primary business and user goals are from the site.
  • 60. Next, let’s take a look at a single page and assess it’s experience.
  • 61. Is this page meeting your goals?
  • 62. Is this page meeting your goals? “Sales and discount are a priority for me.”
  • 64. Activity 2: Feature prioritization With your user & biz goals in mind, Take 10 minutes in your group to list out the top 5 features on the page.
  • 65. Review top 5 features.
  • 66. Now let’s review one module on the product page and redo it.
  • 68. Now we’re going to sketch. Here are some things to think about. •  Bring your priorities to the front •  Remove features in the module •  Add something new •  Change the interaction •  Change the language •  Don’t worry about what the sketch looks like
  • 69. Activity 3: Sketch Again, keeping your goals as priorities, take 15 minutes to sketch 2 other versions of this module individually. Choose one favorite from the group to present.
  • 71. You have learned some of the basics in UX today. We hope you had fun and thanks!
  • 73. hugeinc.com info@hugeinc.com 45 Main St. #220 Brooklyn, NY 11201 +1 718 625 4843