Thinking in Mobile

28,439 views
29,129 views

Published on

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

Published in: Design, Technology, Business
0 Comments
21 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
28,439
On SlideShare
0
From Embeds
0
Number of Embeds
4,757
Actions
Shares
0
Downloads
67
Comments
0
Likes
21
Embeds 0
No embeds

No notes for slide

Thinking in Mobile

  1. 1. People say: 2 http://www.slideshare.net/bge20/2013-05-bea
  2. 2. Mary Meeker say: 3 http://www.slideshare.net/kleinerperkins/kpcb-internet-trends-2013
  3. 3. 2005 papal election vs. 2013 papal election 4 https://www.facebook.com/photo.php?fbid=10151552431040329&set=a.90324480328.112010.21898300328&type=1&theater http://tedxtaipei.com/the-future-is-now/ Actually…
  4. 4. 5 People talk about Mobilehttp://motherscircle.net/wp-content/uploads/2012/12/social-media.jpg
  5. 5. Several books teach you How to design Apps… 6
  6. 6. Lots of prototype tools… 7 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/
  7. 7. When you search “Mobile Design”… 8 11,910,000,000 results
  8. 8. Why you still sit here ? 9 http://www.personal.psu.edu/afr3/blogs/siowfa12/2012/10/where-do-you-sit-in-the-classroom.html
  9. 9. 10 Because you want to listen the REAL STORY… I KNOW ! http://www.africanspotlight.com/wp-content/uploads/2013/02/Picture-388-620x330.png
  10. 10. We all made mistakes before. We just want to know whether someone is stupider than us. 11 http://i175.photobucket.com/albums/w156/cpricecpa/simpsons_nelson_haha2uwr.jpg
  11. 11. 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. 12 http://3.bp.blogspot.com/-DWpvqZeh5sE/Ua-BvmOIG2I/AAAAAAAAAc8/_mxtTE7TMYw/s400/AppropriateCorrectRight+Video+Size+For+Video+Conversion.jpg
  12. 12. Or we just join a group therapy… 13 http://2.bp.blogspot.com/-y-S6jR_-taM/UMaFkchzLyI/AAAAAAAAD_k/SCMR6OPJAK0/s1600/Wreck+It+Ralph.+Ralph+at+Bad+Anon..jpg
  13. 13. 14 http://www.smartling.com/static/images/mediaKit/logo-and-art/hi-bubble/hi-bubble.jpg
  14. 14. 15
  15. 15. 16
  16. 16. I will share the real cases here… 17
  17. 17. 18
  18. 18. 19
  19. 19. 20
  20. 20. 21
  21. 21. 22
  22. 22. 23
  23. 23. Before 2013 24
  24. 24. 25
  25. 25. 26 「Mobile First!」
  26. 26. 27
  27. 27. 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
  28. 28. I do have something to share… 29
  29. 29. But I won’t share guidelines… 30
  30. 30. I will share my opinions… 31
  31. 31. 32
  32. 32. We heavily rely on our instinct, which comes from the first impression mostly. 33http://jackmccluskey.com/images/clip_image021.jpg
  33. 33. The filter… 34 Emotional Rational http://community.locksonline.co.uk/wp-content/uploads/2012/04/open_door.jpg
  34. 34. Helena Rubinstein: There are no ugly women, only lazy ones. 35  Before  After http://mandymami.pixnet.net/blog/post/33949081-★%5Bkuso%5D化妝前後差很大.....這怎麼可 能!!
  35. 35. 36 What does this icon stand for?
  36. 36. The evolution of the icon 37
  37. 37. 38
  38. 38. 39 They do read! You need to carefully put the keywords in the first two sentences.
  39. 39. Report from Flurry 40 http://blog.flurry.com/bid/99013/The-History-of-App-Pricing-And-Why-Most-Apps-Are-Free
  40. 40. 41
  41. 41. Barry Schwartz: The paradox of choice 42 Where is the line? http://backgrounds.picaboo.com/download/19/97/197c557eabfe440ea6dad11004789364/Polka%20Dots%201.jpg
  42. 42. 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.
  43. 43. Full feathered functions… 44 The users don’t care the provided functions. Moreover, the provided functions made the UI become complicated.
  44. 44. Re-designed homepage 45 The number of download is largely raised! Provide less, earn more!
  45. 45. Provide Various backgrounds 46
  46. 46. Most users use… 47 Most users don’t care your offering…
  47. 47. 48
  48. 48. You need to think: Why people click? 49
  49. 49. People click interesting content 50
  50. 50. People click what they can understand 51
  51. 51. 52
  52. 52. 53
  53. 53. Scroll scroll scroll…. 54http://pigroll.com/img/scroll_scroll_scroll.jpg Users are lazy, and they do have the right!
  54. 54. Every task can be easily completed through the combination of scroll & click 55 You need to think how to create continuing consuming experience.
  55. 55. The most effective way to make easy task complicated is to create a new gesture for it. 56http://tctechcrunch2011.files.wordpress.com/2012/02/3.png Do you still use CLEAR?
  56. 56. 57
  57. 57. The famous AARRR model 58圖片來源:黃宣龍
  58. 58. Is your button a threshold ? 59 The Login button blocks lots of users.
  59. 59. Or an attractive invitation ? 60 The attractive figures invite users to click them.
  60. 60. The mystery of The 3 Click Rule 61 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.
  61. 61. 62
  62. 62. 63
  63. 63. 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. 64
  64. 64. App: Sing to Participate 65
  65. 65. Web: 66
  66. 66. On the Spot: 67
  67. 67. Facebook: 68
  68. 68. 69
  69. 69. Mobile becomes more and more powerful, and we can make it even powerful by connecting the peripheral devices and sensors. 70http://wedding.photos.uol.com.br/wp-content/uploads/2012/09/swiss-knife-+-smart-phone.jpg
  70. 70. It means the device becomes more and more complicated. 71http://www.strapya-world.com/pic/2010/428-009589img08.jpg How the user knows she can use earphone to sing a song?
  71. 71. Reminder is important 72
  72. 72. 73
  73. 73. Review the insights 74  Think in First Impression  Think in Simplicity  Think in Click  Think in Scroll  Think in Funnel  Think in Integral  Think in Peripheral
  74. 74. Review the questions 75  What 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?
  75. 75. You need to learn it through experiment. 76 http://www.damiancorbet.com/wp-content/uploads/2011/06/shutterstock_green-growth_71322319.jpg
  76. 76. Agile + UCD is a good approach 77 You can check our share on the slideshare: http://www.slideshare.net/keynescheng/20130205-163716
  77. 77. 78
  78. 78. Marc Andreesen: Markets that don't exist don't care how smart you are 79
  79. 79. 80
  80. 80. You need to think: How your end users think about you ? 81  A place to make friend  An app to practice singing
  81. 81. You need to think: How record companies think about you ? 82  A good/trusted partner to face the digital era together !
  82. 82. You need to think: How bands/singers think about you ? 83  A good/trusted partner to create cool events together !
  83. 83. You need to think: How branded companies think about you ? 84  A good/trusted content provider !
  84. 84. 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. 85
  85. 85. 86
  86. 86. 87 http://livehouse.in
  87. 87. A place to have real-time interaction. 88
  88. 88. 89
  89. 89. 90 http://www.mzweb.com.br/mz/web/arquivos/MZ_FS_Apps_EN.pdf We Were Born to Move Around
  90. 90. When I say, “Thinking in Mobile”, What I actually mean: “Thinking Mobile in the Life” 91
  91. 91. You need to find your own way to take the advantage from mobile. 92http://comic-king.com/content.php?info_id=6467
  92. 92. iKala is recruiting now ! 93 http://www.ikala.tv/about/recruit.php
  93. 93. 94 Thank You Contact: keynes@ikala.tv https://www.facebook.com/UIUI.HCI

×