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

TMTS digital strategy_ General Assembly UXDI Autumn 2014

Nov 28, 2014

Download

Design

Bar Barella

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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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