UX and Gamification

50
UX & Gamification Sequoia Capital Bangalore Hack 2013 Saturday 14 September 2013

Transcript of UX and Gamification

Page 1: UX and Gamification

UX & Gamification

Sequoia Capital

Bangalore Hack 2013

Saturday 14 September 2013

Page 2: UX and Gamification

Abhishek GhatéUX Designer

Anshumani RuddraGame Designer

Studied graphic design from the

National Institute of Design,

Ahmedabad. Been working for the last

six years. Interested in electronics,

sketching and cooking.

Designed industrial-sized dustbins,

wrote code, authored books, taught

children of all ages. Now develops

games and manages a studio. Loves

product development and eating.

[email protected] [email protected]

Saturday 14 September 2013

Page 3: UX and Gamification

UX Design

Saturday 14 September 2013

Page 4: UX and Gamification

UX DesignNet sum of every interaction

with a product or service

Saturday 14 September 2013

Page 5: UX and Gamification

ExampleExperience of going to a restaurant

Saturday 14 September 2013

Page 6: UX and Gamification

Saturday 14 September 2013

Page 7: UX and Gamification

In other words, the experience around

the food is as important as, if not more

than, the food itself

Saturday 14 September 2013

Page 8: UX and Gamification

UX = UI?

Saturday 14 September 2013

Page 9: UX and Gamification

UX is the philosophy which helps direct decisions

UI is the sum of elements used to create the touch-points

UX is the intangible feelUI is the tangible face

Saturday 14 September 2013

Page 10: UX and Gamification

Why is UX important?

Saturday 14 September 2013

Page 11: UX and Gamification

Why is UX important?“Good products sell

Great products sell faster”– Diesel Laws

Saturday 14 September 2013

Page 12: UX and Gamification

Why is UX important?Great UX makes happy customers,

who in turn drive metrics

(Though UX is intangible, it’s effects

are quite measurable)

Saturday 14 September 2013

Page 13: UX and Gamification

ExampleUX driving metrics: $300m Button

Saturday 14 September 2013

Page 14: UX and Gamification

The $300m ButtonAmazon personal information web-form

created a frustrating flow for the

customers and inadvertently prevented

them from buying with ease.

Saturday 14 September 2013

Page 15: UX and Gamification

The $300m ButtonThe issue was identified correctly after

user-testing, and a “Continue without

login” button was added on the page.

It accounted for an additional sale of

$300 million in the first year itself.

Saturday 14 September 2013

Page 16: UX and Gamification

Simply put, UX is

Saturday 14 September 2013

Page 17: UX and Gamification

Again, UX isNet sum of every interaction with a

product or service

Saturday 14 September 2013

Page 18: UX and Gamification

Again, UX isNet sum of every interaction with a

product or service

Saturday 14 September 2013

Page 19: UX and Gamification

#1Every touchpoint is an opportunity to improve user experience

Saturday 14 September 2013

Page 20: UX and Gamification

ExampleThe poster, the trailer and the reviews of

a movie helps one decide whether they

would watch it or not.

We should make sure that each touch-

point under our control, follows our own

UX philosophy

Saturday 14 September 2013

Page 21: UX and Gamification

Saturday 14 September 2013

Page 22: UX and Gamification

(serious kung-fu) (not so serious kung-fu)

Saturday 14 September 2013

Page 23: UX and Gamification

#2 UX is everyone’s role

Saturday 14 September 2013

Page 24: UX and Gamification

Everyone shares the philosophyThe guiding ideology helps thread all the

pieces together. The UI designer uses

those guiding principles to define the

page structure and more.

Saturday 14 September 2013

Page 25: UX and Gamification

Saturday 14 September 2013

Page 26: UX and Gamification

#3 Pleasant surprises for the user would surprise you

Saturday 14 September 2013

Page 27: UX and Gamification

Deliver more than expectedPeople appreciate under-the-hood

smartness. Let it reflect with prudence.

Saturday 14 September 2013

Page 28: UX and Gamification

campaign monitor shows names in buttons

Outlook marks public holidays and weather

Projecto shows a typically english message when trying to ship to UK

Saturday 14 September 2013

Page 29: UX and Gamification

Twitter’s server overload screen makes you like them more

Saturday 14 September 2013

Page 30: UX and Gamification

Even more so with Grooveshark. They even have a random link!

Saturday 14 September 2013

Page 31: UX and Gamification

#4 Know your user

Saturday 14 September 2013

Page 32: UX and Gamification

Different users, different needs

Salmon, greens, cherry tomatoes, olives Salmon, greens, cherry tomatoes, olives

Saturday 14 September 2013

Page 33: UX and Gamification

#5 Keep testing

Saturday 14 September 2013

Page 34: UX and Gamification

Its for people after all

Eyes looking at you = you looking at her Eyes looking at the brand = you looking at the brand

Saturday 14 September 2013

Page 35: UX and Gamification

Let’s take a break and do a fun exercise

Saturday 14 September 2013

Page 36: UX and Gamification

Gamification

Saturday 14 September 2013

Page 37: UX and Gamification

Gamification

To apply game mechanics and

game thinking to other areas of

activities in order to boost

engagement (and other metrics)

with a product or service.

Saturday 14 September 2013

Page 38: UX and Gamification

Example

Saturday 14 September 2013

Page 39: UX and Gamification

Power of GamificationIt comes in many shapes and sizes. Gamifying interactions, in the right quantity, adds subtle emotional cues to the experience.

The key metrics which can be significantly boosted with gamification are:

Virality, Retention and Engagement

Saturday 14 September 2013

Page 40: UX and Gamification

Game Mechanics 101

Saturday 14 September 2013

Page 41: UX and Gamification

1. Kompu Gacha

Gacha Kompu Gacha

Saturday 14 September 2013

Page 42: UX and Gamification

2. Slot Machine

Saturday 14 September 2013

Page 43: UX and Gamification

3. Loyalty/Daily Login Bonus

Saturday 14 September 2013

Page 44: UX and Gamification

4. Limited Supply

Saturday 14 September 2013

Page 45: UX and Gamification

5. Leaderboards/ Leagues

Saturday 14 September 2013

Page 46: UX and Gamification

6. Achievements Badges/Social currency

Saturday 14 September 2013

Page 47: UX and Gamification

7. Virtual Currency

Saturday 14 September 2013

Page 48: UX and Gamification

8. Breeding/ Mutation Mechanics

Saturday 14 September 2013

Page 49: UX and Gamification

Rethink the exerciseBut this time, think of your product as the central character. Apply the same attributes, in context of your product/service.

You will see your own venture in a completely new light.

Saturday 14 September 2013

Page 50: UX and Gamification

Understand Your Design Needs

UXDesigner

UI Designer

Prototyper Graphic Designer

Game Designer

Saturday 14 September 2013