This document discusses mobile design and interaction. It highlights 7 key factors for mobile design: 1) swipe vs scroll, 2) finger-friendly design, 3) designing for platform, 4) designing for experience, 5) designing for conversion, 6) designing for engagement, and 7) impacts of poor design. It also references Maslow's hierarchy of needs and how it relates to designing health and fitness centers.

1. {"
MobileHero 2014

2. +5

3. +5
+1
+2

15. Design
Interaction

16. Steve Jobs unveiled
the iPhone on the
January 2007 …
Mobile

17. Mobile##
+#Interaction#
+#Design

18. Stay Hungry,
Stay Foolish

33. On mobile we worry
about ‘users’

34. Fast, Faster, Fastest

35. 回不去了…
Touch Interfaces Everywhere

37. 關於 HCI , 從我的海外流浪之旅開始…

39. Ability-Based Design

41. MVCDesign pattern from design view

42. How to make a
continuous interface
M

43. How to
make an
interface
looks
touchable
V

44. How to make an
interface touchable
Source: www.lukew.com
C

45. MVC
! M - Moving toward (continuous)
! V - Looking touchable
! C – Touch(Gesture)-aware

46. MVC

47. Magic7Factors

48. 1. Swipe vs. Scroll

51. {

52. 2. Finger-Friendly Design

53. 44

58. {

59. 3. Designing for Platform

61. iOS Android

63. 4. Designing for Experience

66. Listening…

70. 5. Designing for Conversion

71. Use Button instead of Link

72. Speed up Load Time

73. Headline Subheadline

74. Image

75. 6. Designing for Engagement

79. I
Input
Logic
OFF1SCREEN
Display

81. {

82. Maslow's hierarchy of needs
馬斯洛之人類基本五大需要

83. 只求溫飽
只求安全
群體生活
被重視
自我實現

85. Maslow's hierarchy of needs
健身中心之馬斯洛五大需要

86. 7. Impacts of Poor Design

89. {

90. {

94. 1. Swipe vs. Scroll
2. Finger-Friendly Design
3. Designing for Platform
4. Designing for Experience
5. Designing for Conversion
6. Designing for Engagement
7. Impacts of Poor Design

97. {