USER EXPERIENCE
THE MISSING INGREDIENT
EBTIHAJ
WHAT IS
USER EXPERIENCE?
Simply put, user experience is how a
person feels when they are interacting
with your product or system.
Campaig
n
Website Software
Social media
Microsite
Brand site
Portals
Mobile apps
Games
Platforms
Happy?
Confused?
Delighted?
How do we “design” user experience?
So, if user experience is a feeling
IMAGINE WE ARE GIVEN
COMMON SENSE DOES
SOME OF US MIGHT
DessertFork
DinnerFork
FishFork
FondueFork
OysterFork
SaladFork
ButcherKnife
ButterKnife
CheeseKnife
DinnerKnife
FishKnife
BreadKnife
SteakKnife
CoffeeSpoon
DessertSpoon
SoupSpoon
SundaeSpoon
TableSpoon
TeaSpoon
WoodenSpoon
WHAT UX DOES
IN A BROAD WAY
IN A BROAD WAY
Content Usability
UI Design User Interaction
UX
Let’s talk about a real life scenario
If you were to visit your University’s website
what would you like to see?
THINGS ON THE FRONT PAGE
OF A UNIVERSITY WEBSITE
THINGS PEOPLE GO TO THE
SITE LOOKING FOR
● Campus photo slideshow
● Message/Letter from VC
● Aim and Goal of the University
● Alumni of the university
● Campus events/promotion
● Press releases
● Faculty Members
● Application procedure
● Scholarships
● Contact Numbers
● Departments
● Facilities
Design is a continuous process
1. Gather Diverse Inputs
2. Sketch, try things, fail
3. Narrow in on solutions
Great products are
Useful
Useable
and
Beautiful
Typical design process should be
Design first starts with USEFUL, then focus on USEABLE
And then focus on making it BEAUTIFUL
Focus on BEAUTIFUL first
And you end up with something UNUSABLE!
Like a teapot that can’t pour tea!
Online design culture focuses largely on aesthetics!
Designers are sharing gorgeous looking pixel perfect interfaces!
No matter how beautiful they look
USEFUL & USEABLE
should always come first
Now we know what a great user experience entails
HOW DO WE ACHIEVE IT?
Definitely not this way!
I think the
users...
My gut tells
me...
Users probably
think...
Design Decision
Client likes it! YesNo Done
Revise
Because then this happens!
What client
explained
How the project
team understood it
How the designer
designed it
What the programmer
developed
What beta testers
receive
How the customer was
billed
When was it delivered What the client really
wanted
USER CENTERED DESIGN
1
2
34
5
Empathy
Define
IdeatePrototype
Test
Search for rich stories
and find some LOVE
User + Need +
Insight=
Point of view
YES! And…
YES! And…
YES! And…
YES! And…
YES! And…
YES! And…
Build to
Last Learn
Show,
dont tell!
One Last Word!
RELEASE EARLY, RELEASE OFTEN
FAIL EARLY, FAIL OFTEN

Introduction to User Experience and case studies from Pakistan

  • 1.
    USER EXPERIENCE THE MISSINGINGREDIENT EBTIHAJ
  • 2.
    WHAT IS USER EXPERIENCE? Simplyput, user experience is how a person feels when they are interacting with your product or system. Campaig n Website Software Social media Microsite Brand site Portals Mobile apps Games Platforms Happy? Confused? Delighted?
  • 3.
    How do we“design” user experience? So, if user experience is a feeling
  • 4.
  • 5.
  • 6.
    SOME OF USMIGHT DessertFork DinnerFork FishFork FondueFork OysterFork SaladFork ButcherKnife ButterKnife CheeseKnife DinnerKnife FishKnife BreadKnife SteakKnife CoffeeSpoon DessertSpoon SoupSpoon SundaeSpoon TableSpoon TeaSpoon WoodenSpoon
  • 7.
  • 8.
  • 9.
    IN A BROADWAY Content Usability UI Design User Interaction UX
  • 10.
    Let’s talk abouta real life scenario If you were to visit your University’s website what would you like to see?
  • 11.
    THINGS ON THEFRONT PAGE OF A UNIVERSITY WEBSITE THINGS PEOPLE GO TO THE SITE LOOKING FOR ● Campus photo slideshow ● Message/Letter from VC ● Aim and Goal of the University ● Alumni of the university ● Campus events/promotion ● Press releases ● Faculty Members ● Application procedure ● Scholarships ● Contact Numbers ● Departments ● Facilities
  • 17.
    Design is acontinuous process 1. Gather Diverse Inputs 2. Sketch, try things, fail 3. Narrow in on solutions
  • 18.
  • 19.
    Typical design processshould be Design first starts with USEFUL, then focus on USEABLE
  • 20.
    And then focuson making it BEAUTIFUL
  • 21.
    Focus on BEAUTIFULfirst And you end up with something UNUSABLE!
  • 22.
    Like a teapotthat can’t pour tea!
  • 26.
    Online design culturefocuses largely on aesthetics!
  • 27.
    Designers are sharinggorgeous looking pixel perfect interfaces!
  • 28.
    No matter howbeautiful they look USEFUL & USEABLE should always come first
  • 29.
    Now we knowwhat a great user experience entails HOW DO WE ACHIEVE IT?
  • 30.
    Definitely not thisway! I think the users... My gut tells me... Users probably think... Design Decision Client likes it! YesNo Done Revise
  • 31.
    Because then thishappens! What client explained How the project team understood it How the designer designed it What the programmer developed What beta testers receive How the customer was billed When was it delivered What the client really wanted
  • 32.
    USER CENTERED DESIGN 1 2 34 5 Empathy Define IdeatePrototype Test Searchfor rich stories and find some LOVE User + Need + Insight= Point of view YES! And… YES! And… YES! And… YES! And… YES! And… YES! And… Build to Last Learn Show, dont tell!
  • 33.
    One Last Word! RELEASEEARLY, RELEASE OFTEN FAIL EARLY, FAIL OFTEN