48
Hello! This is The Magic Toy Shop sábado 4 de octubre de 14

TMTS digital strategy_ General Assembly UXDI Autumn 2014

Embed Size (px)

DESCRIPTION

This project is about executing a full 2-week design process while applying fundamental UX skills. Techniques applied: Card Sorting, Sitemaps, Affinity Mapping, User Flows, Design Studio Method, Protopersonas, Wireframes, InVision prototyping, Usability Testing.

Citation preview

Page 1: TMTS digital strategy_ General Assembly UXDI Autumn 2014

Hello!This is The Magic Toy Shop

sábado 4 de octubre de 14

Page 2: TMTS digital strategy_ General Assembly UXDI Autumn 2014

Agenda

@carmenalia UXDI GA Autumn 2014 I Project 2

1. The Brief

II. Market opportunity

III. My approach

IV. Let’s design the solution!

sábado 4 de octubre de 14

Page 3: TMTS digital strategy_ General Assembly UXDI Autumn 2014

Showcase _ _ _ _ _ products through the

new _ _ _ _

Offers a high curated inventory focusing

on _ _ _ _ _ _ quality over quantity.

@carmenalia UXDI GA Autumn 2014 I Project 2

The Brief

sábado 4 de octubre de 14

Page 4: TMTS digital strategy_ General Assembly UXDI Autumn 2014

Showcase _ _ _ _ _ products through the

new _ _ _ _

Offers a high curated inventory focusing

on _ _ _ _ _ _ quality over quantity.

@carmenalia UXDI GA Autumn 2014 I Project 2

The Brief

sábado 4 de octubre de 14

Page 5: TMTS digital strategy_ General Assembly UXDI Autumn 2014

Showcase _ _ _ _ _ products through the

new _ _ _ _

Offers a high curated inventory focusing

on _ _ _ _ _ _ quality over quantity.

@carmenalia UXDI GA Autumn 2014 I Project 2

The Brief

website.

sábado 4 de octubre de 14

Page 6: TMTS digital strategy_ General Assembly UXDI Autumn 2014

Showcase _ _ _ _ _ products through the

new _ _ _ _

Offers a high curated inventory focusing

on _ _ _ _ _ _ quality over quantity.

@carmenalia UXDI GA Autumn 2014 I Project 2

The Brief

website.

hand-picked

sábado 4 de octubre de 14

Page 7: TMTS digital strategy_ General Assembly UXDI Autumn 2014

Market opportunity

@carmenalia UXDI GA Autumn 2014 I Project 2

sábado 4 de octubre de 14

Page 8: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

There is...

Navigation & Search

sábado 4 de octubre de 14

Page 9: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

sábado 4 de octubre de 14

Page 10: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

There is...

Navigation & Search

Evident but Chaotic

sábado 4 de octubre de 14

Page 11: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

sábado 4 de octubre de 14

Page 12: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

There is...

Navigation & Search

Evident but Chaotic Evident but ChaoticSimple but Confusing

User Engagement

sábado 4 de octubre de 14

Page 13: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

sábado 4 de octubre de 14

Page 14: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

There is...

Navigation & Search

Evident but Chaotic Evident but ChaoticSimple but Confusing

User EngagementLoyalty Cards

sábado 4 de octubre de 14

Page 15: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

sábado 4 de octubre de 14

Page 16: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

There is...

Navigation & Search

Evident but Chaotic Evident but ChaoticSimple but Confusing

User EngagementLoyalty Cards Target Solutions

Customer Support

sábado 4 de octubre de 14

Page 17: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

sábado 4 de octubre de 14

Page 18: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

There is...

Navigation & Search

Evident but Chaotic Evident but ChaoticSimple but Confusing

User EngagementLoyalty Cards Target Solutions

Customer SupportMass Market Support

sábado 4 de octubre de 14

Page 19: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

sábado 4 de octubre de 14

Page 20: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

There is NOT...

Navigation & Search

Evident but Chaotic Evident but ChaoticSimply but Confusing

User EngagementLoyalty Cards Target Solutions

Customer SupportMass Market Support Unpersonal

CONTEXTUAL

USER CENTERED

CONSISTENT

sábado 4 de octubre de 14

Page 21: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

sábado 4 de octubre de 14

Page 22: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

My approach

sábado 4 de octubre de 14

Page 23: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Card sorting

sábado 4 de octubre de 14

Page 24: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Validation

sábado 4 de octubre de 14

Page 25: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Findings

Participants preferred simple labels

Some of the products are not clearly categorised

sábado 4 de octubre de 14

Page 26: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Site map

Call to action

Informative

Contextual

sábado 4 de octubre de 14

Page 27: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Site map

sábado 4 de octubre de 14

Page 28: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

“Every month mummy buys me LEGO kits”

ABOUT:13 years oldLives in Wey BridgeHe never goes to a Toy ShopHe likes sports and his dog Pancho

NEEDS:He needs to buy the latest Lego’s to play with friendsHe needs payment method facilities as mum is never at home

GOALS;

“ I want to be an architect as my cousin Guille”

BEHAVIOURS:He uses mum’s IPAD to play games and watch videosHi has an iPhone just in case he needs to call his grannies.

sábado 4 de octubre de 14

Page 29: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

“Every month mummy buys me LEGO kits”

ABOUT:13 years oldLives in Wey BridgeHe never goes to a Toy ShopHe likes sports and his dog Pancho

NEEDS:He needs to buy the latest Lego’s to play with friendsHe needs payment method facilities as mum is never at home

GOALS;

“ I want to be an architect as my cousin Guille”

BEHAVIOURS:He uses mum’s IPAD to play games and watch videosHi has an iPhone just in case he needs to call his grannies.

sábado 4 de octubre de 14

Page 30: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Happy path

“Every month mummy buys me LEGO kits”

ABOUT:13 years oldLives in Wey BridgeHe never goes to a Toy ShopHe likes sports and his dog Pancho

NEEDS:He needs to buy the latest Lego’s to play with friendsHe needs payment method facilities as mum is never at home

GOALS;

“ I want to be an architect as my cousin Guille”

BEHAVIOURS:He uses mum’s IPAD to play games and watch videosHi has an iPhone just in case he needs to call his grannies.

sábado 4 de octubre de 14

Page 31: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

But...Javi doesn’t have credit card

sábado 4 de octubre de 14

Page 32: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

What if...we offer them other possibilities?

sábado 4 de octubre de 14

Page 33: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

sábado 4 de octubre de 14

Page 34: TMTS digital strategy_ General Assembly UXDI Autumn 2014

Carmen Alía UXDI GA Autumn 2014 I Project 2

Opportunities

Inclusive

Discovery

Loyalty

Exclusive

The Magic Toy Shop

sábado 4 de octubre de 14

Page 35: TMTS digital strategy_ General Assembly UXDI Autumn 2014

Carmen Alía UXDI GA Autumn 2014 I Project 2

Opportunities

Allow all kind of users to buy a product easily

Engage users for a long time relation

sábado 4 de octubre de 14

Page 36: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Let’s design the solution

sábado 4 de octubre de 14

Page 37: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Sketches and prototype

sábado 4 de octubre de 14

Page 38: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Contextual menu

sábado 4 de octubre de 14

Page 39: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Clear path

sábado 4 de octubre de 14

Page 40: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Testing with users

sábado 4 de octubre de 14

Page 41: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Alex Amit Yanib

Some of the users

sábado 4 de octubre de 14

Page 42: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Messaging

sábado 4 de octubre de 14

Page 43: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Labels

sábado 4 de octubre de 14

Page 44: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Payment pages

sábado 4 de octubre de 14

Page 45: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Prototypehttp://invis.io/BM1GCRHFV

sábado 4 de octubre de 14

Page 46: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Next Steps

sábado 4 de octubre de 14

Page 47: TMTS digital strategy_ General Assembly UXDI Autumn 2014

@carmenalia UXDI GA Autumn 2014 I Project 2

Gather statistics from the survey https://carmenalia.typeform.com/report/pWup2J/Z27l

Define the alternative user flow check out

A/B Testing Menu Categories

Next Steps

sábado 4 de octubre de 14

Page 48: TMTS digital strategy_ General Assembly UXDI Autumn 2014

Thanks!

sábado 4 de octubre de 14