Thinking in Mobile

94

description

I gave this talk in Android Day in Taiwan to share the design experience of our iKala App.

Transcript of Thinking in Mobile

Page 1: Thinking in Mobile
Page 2: Thinking in Mobile

2

People say:

http://www.slideshare.net/bge20/2013-05-bea

Page 3: Thinking in Mobile

3

Mary Meeker say:

http://www.slideshare.net/kleinerperkins/kpcb-internet-trends-2013

Page 4: Thinking in Mobile

4

2005 papal election vs. 2013 papal election

https://www.facebook.com/photo.php?fbid=10151552431040329&set=a.90324480328.112010.21898300328&type=1&theater

http://tedxtaipei.com/the-future-is-now/

Actually…

Page 5: Thinking in Mobile

5

People talk aboutMobile

http://motherscircle.net/wp-content/uploads/2012/12/social-media.jpg

Page 6: Thinking in Mobile

6

Several books teach you How to design Apps…

Page 7: Thinking in Mobile

7

Lots of prototype tools…

http://www.petshopboxstudio.com/blog-upload/wp-content/uploads/2011/10/iPhone.jpg

http://blog.proto.io/2011/07/06/proto-io-is-live/ http://www.golem.de/1102/81592.html

http://www.uistencils.com/collections/frontpage/products/iphone-stencil-kit

http://keynotopia.com/how-to-prototype-interactive-ipad-applications-in-30-minutes-or-less-using-apple-keynote/

Page 8: Thinking in Mobile

8

When you search “Mobile Design”…

11,910,000,000 results

Page 9: Thinking in Mobile

9

Why you still sit here ?

http://www.personal.psu.edu/afr3/blogs/siowfa12/2012/10/where-do-you-sit-in-the-classroom.html

Page 10: Thinking in Mobile

10

Because you want to listen the REAL STORY… I KNOW !

http://www.africanspotlight.com/wp-content/uploads/2013/02/Picture-388-620x330.png

Page 11: Thinking in Mobile

11

We all made mistakes before. We just want to know whether someone is stupider than us.

http://i175.photobucket.com/albums/w156/cpricecpa/simpsons_nelson_haha2uwr.jpg

Page 12: Thinking in Mobile

12

We all made mistakes before. We just want to know whether someone is stupider than us has some good lessons that we haven’t learned before.

http://3.bp.blogspot.com/-DWpvqZeh5sE/Ua-BvmOIG2I/AAAAAAAAAc8/_mxtTE7TMYw/s400/AppropriateCorrectRight+Video+Size+For+Video+Conversion.jpg

Page 13: Thinking in Mobile

13

Or we just join a group therapy…

http://2.bp.blogspot.com/-y-S6jR_-taM/UMaFkchzLyI/AAAAAAAAD_k/SCMR6OPJAK0/s1600/Wreck+It+Ralph.+Ralph+at+Bad+Anon..jpg

Page 14: Thinking in Mobile

14http://www.smartling.com/static/images/mediaKit/logo-and-art/hi-bubble/hi-bubble.jpg

Page 15: Thinking in Mobile

15

Page 16: Thinking in Mobile

16

Page 17: Thinking in Mobile

17I will share the real cases here…

Page 18: Thinking in Mobile

18

Page 19: Thinking in Mobile

19

Page 20: Thinking in Mobile

20

Page 21: Thinking in Mobile

21

Page 22: Thinking in Mobile

22

Page 23: Thinking in Mobile

23

Page 24: Thinking in Mobile

24

Before 2013

Page 25: Thinking in Mobile

25

Page 26: Thinking in Mobile

26

「Mobile First!」

Page 27: Thinking in Mobile

27

Page 28: Thinking in Mobile

28

http://www.flickr.com/photos/54643129@N00/3292854750/

https://si0.twimg.com/profile_images/3022898190/194ff9970a9a66788dd7572045dacdc5.jpeg

http://www.utne.com/uploadedImages/utne/blogs/Science_and_Technology/DollarSign.jpg

Page 29: Thinking in Mobile

29

I do have something to share…

Page 30: Thinking in Mobile

30

But I won’t share guidelines…

Page 31: Thinking in Mobile

31

I will share my opinions…

Page 32: Thinking in Mobile

32

Page 33: Thinking in Mobile

33

We heavily rely on our instinct, which comes from the first impression mostly.

http://jackmccluskey.com/images/clip_image021.jpg

Page 34: Thinking in Mobile

34

The filter…

Emotional Rational

http://community.locksonline.co.uk/wp-content/uploads/2012/04/open_door.jpg

Page 35: Thinking in Mobile

35

Helena Rubinstein: There are no ugly women, only lazy ones.

Before Afterhttp://mandymami.pixnet.net/blog/post/33949081- %5Bkuso%5D★ 化妝前後差很大 .....這怎麼可能!!

Page 36: Thinking in Mobile

36

What does this icon stand for?

Page 37: Thinking in Mobile

37

The evolution of the icon

Page 38: Thinking in Mobile

38

Page 39: Thinking in Mobile

39

They do read!You need to carefully put the keywords in the first two sentences.

Page 40: Thinking in Mobile

40

Report from Flurry

http://blog.flurry.com/bid/99013/The-History-of-App-Pricing-And-Why-Most-Apps-Are-Free

Page 41: Thinking in Mobile

41

Page 42: Thinking in Mobile

42

Barry Schwartz: The paradox of choice

Where is the line?http://backgrounds.picaboo.com/download/19/97/197c557eabfe440ea6dad11004789364/Polka%20Dots%201.jpg

Page 43: Thinking in Mobile

43

Foldable nav-bar to expand the view port

The users don’t care the provided function. Moreover, the provided function made the UI become complicated.

Page 44: Thinking in Mobile

44

Full feathered functions…

The users don’t care the provided functions. Moreover, the provided functions made the UI become complicated.

Page 45: Thinking in Mobile

45

Re-designed homepage

The number of download is largely raised!Provide less, earn more!

Page 46: Thinking in Mobile

46

Provide Various backgrounds

Page 47: Thinking in Mobile

47

Most users use…

Most users don’t care your offering…

Page 48: Thinking in Mobile

48

Page 49: Thinking in Mobile

49

You need to think: Why people click?

Page 50: Thinking in Mobile

50

People click interesting content

Page 51: Thinking in Mobile

51

People click what they can understand

Page 52: Thinking in Mobile

52

Page 53: Thinking in Mobile

53

Page 54: Thinking in Mobile

54

Scroll scroll scroll….

http://pigroll.com/img/scroll_scroll_scroll.jpg

Users are lazy, and they do have the right!

Page 55: Thinking in Mobile

55

Every task can be easily completed through the combination of scroll & click

You need to think how to create continuing consuming experience.

Page 56: Thinking in Mobile

56

The most effective way to make easy task complicated is to create a new gesture for it.

http://tctechcrunch2011.files.wordpress.com/2012/02/3.png

Do you still use CLEAR?

Page 57: Thinking in Mobile

57

Page 58: Thinking in Mobile

58

The famous AARRR model

圖片來源:黃宣龍

Page 59: Thinking in Mobile

59

Is your button a threshold ?

The Login button blocks lots of users.

Page 60: Thinking in Mobile

60

Or an attractive invitation ?

The attractive figures invite users to click them.

Page 61: Thinking in Mobile

61

The mystery of The 3 Click Rule

Don’t care about the number of the clicks. What you need to care is whether people can complete the task, and people can pass the funnels.

Page 62: Thinking in Mobile

62

Page 63: Thinking in Mobile

63

Page 64: Thinking in Mobile

64

Mobile is important for sure. However, mobile is not the only device that people will use in their life. We need to think the integral, think the overall context, think how people live. Through that way, we can best position the role of mobile.

Page 65: Thinking in Mobile

65

App: Sing to Participate

Page 66: Thinking in Mobile

66

Web:

Page 67: Thinking in Mobile

67

On the Spot:

Page 68: Thinking in Mobile

68

Facebook:

Page 69: Thinking in Mobile

69

Page 70: Thinking in Mobile

70

Mobile becomes more and more powerful, and we can make it even powerful by connecting the peripheral devices and sensors.

http://wedding.photos.uol.com.br/wp-content/uploads/2012/09/swiss-knife-+-smart-phone.jpg

Page 71: Thinking in Mobile

71

It means the device becomes more and more complicated.

http://www.strapya-world.com/pic/2010/428-009589img08.jpg

How the user knows she can use earphone to sing a song?

Page 72: Thinking in Mobile

72

Reminder is important

Page 73: Thinking in Mobile

73

Page 74: Thinking in Mobile

74

Review the insightsThink in First ImpressionThink in SimplicityThink in ClickThink in ScrollThink in Funnel Think in IntegralThink in Peripheral

Page 75: Thinking in Mobile

75

Review the questionsWhat kind of First Impression should we provide?How Simple should it be?Where should the Button be placed?What kind of Content should we provide?How to create Attractive Invitation?What’s the Context?

What kind of Resources that we can use?

Page 76: Thinking in Mobile

76

You need to learn it through experiment.

http://www.damiancorbet.com/wp-content/uploads/2011/06/shutterstock_green-growth_71322319.jpg

Page 78: Thinking in Mobile

78

Page 79: Thinking in Mobile

79

Marc Andreesen:Markets that don't exist don't care how smart you are

Page 80: Thinking in Mobile

80

Page 81: Thinking in Mobile

81

You need to think: How your end users think about you ?

A place to make friend An app to practice singing

Page 82: Thinking in Mobile

82

You need to think:How record companies think about you ?

A good/trusted partner to face the digital era together !

Page 83: Thinking in Mobile

83

You need to think:How bands/singers think about you ?

A good/trusted partner to create cool events together !

Page 84: Thinking in Mobile

84

You need to think:How branded companies think about you ?

A good/trusted content provider !

Page 85: Thinking in Mobile

85

You need to fulfill all the expectations. You need to think where is your position in the chain.

Provide the value that they really care.

Page 86: Thinking in Mobile

86

Page 87: Thinking in Mobile

87

http://livehouse.in

Page 88: Thinking in Mobile

88

A place to have real-time interaction.

Page 89: Thinking in Mobile

89

Page 90: Thinking in Mobile

90http://www.mzweb.com.br/mz/web/arquivos/MZ_FS_Apps_EN.pdf

We Were Born to Move Around

Page 91: Thinking in Mobile

91

When I say, “Thinking in Mobile”,

What I actually mean: “Thinking Mobile in the Life”

Page 92: Thinking in Mobile

92

You need to find your own way to take the advantage from mobile.

http://comic-king.com/content.php?info_id=6467

Page 93: Thinking in Mobile

93

iKala is recruiting now !

http://www.ikala.tv/about/recruit.php

Page 94: Thinking in Mobile

94

Thank YouContact: [email protected]

https://www.facebook.com/UIUI.HCI