Interaction design's six steps

交互设计实用六步法

Transcript

1. View Slide

2. 婕
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. 媒
    

    View Slide

12. 媒
    

    View Slide

13. 戳
    媒
    

    View Slide

14. 聊
    

    View Slide

15. 聊 2 3 4 5 6
    1
    

    View Slide

16. View Slide

17. 聊 2 3 4 5 6
    1
    

    View Slide

18. 馈
    聊 2 3 4 5 6
    1
    

    View Slide

19. 馈
    聊 2 3 4 5 6
    1
    

    View Slide

20. 聊 2 3 4 5 6
    1
    馈
    

    View Slide

21. 聊 2 3 4 5 6
    1
    馈
    馈
    

    View Slide

22. 馈
    馈
    聊 2 3 4 5 6
    1
    

    View Slide

23. 1 3 4 5 6
    2
    

    View Slide

24. 1 3 4 5 6
    2
    

    View Slide

25. 1 3 4 5 6
    2
    ↓
    ↓
    

    View Slide

26. 1 3 4 5 6
    2
    

    View Slide

27. 1 3 4 5 6
    2
    

    View Slide

28. 1 3 4 5 6
    2
    

    View Slide

29. 1 3 4 5 6
    2
    

    View Slide

30. 馈
    1 3 4 5 6
    2
    

    View Slide

31. 馈
    1 3 4 5 6
    2
    ↓
    ↓
    

    View Slide

32. 1 4 5 6
    2
    3
    

    View Slide

33. 1 4 5 6
    2
    3
    

    View Slide

34. 注 册
    邮件地址
    1 4 5 6
    2
    3
    

    View Slide

35. 注 册
    邮件地址
    1 4 5 6
    2
    3
    

    View Slide

36. 1 2 3
    1 4 5 6
    2
    3
    

    View Slide

37. 1 2 3
    1 4 5 6
    2
    3
    

    View Slide

38. 1 2 3
    1 4 5 6
    2
    3
    

    View Slide

39. 1 2 3
    1 4 5 6
    2
    3
    

    View Slide

40. 1 2 3
    1 4 5 6
    2
    3
    

    View Slide

41. 1 5 6
    2 3
    4
    

    View Slide

42. 1 5 6
    2 3
    4
    注 册
    邮件地址
    

    View Slide

43. 1 5 6
    2 3
    4
    注 册
    邮件地址
    

    View Slide

44. 注 册
    邮件地址
    密码
    确认密码
    1 5 6
    2 3
    4
    注 册
    邮件地址
    

    View Slide

45. 注 册
    邮件地址
    密码
    确认密码
    1 5 6
    2 3
    4
    

    View Slide

46. 注 册
    邮件地址
    密码
    确认密码
    1 5 6
    2 3
    4
    

    View Slide

47. 注 册
    邮件地址
    密码
    确认密码
    1 5 6
    2 3
    4
    注 册
    邮件地址
    密码
    确认密码
    @ 163.com
    

    View Slide

48. 1 5 6
    2 3
    4
    注 册
    邮件地址
    密码
    确认密码
    @ 163.com
    

    View Slide

49. 1 5 6
    2 3
    4
    注 册
    邮件地址
    密码
    确认密码
    @ 163.com
    

    View Slide

50. 1 5 6
    2 3
    4
    注 册
    邮件地址
    密码
    确认密码
    @ 163.com
    注 册
    密码
    确认密码
    邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    6~16个字符，区分大小写
    

    View Slide

51. 1 5 6
    2 3
    4
    注 册
    密码
    确认密码
    邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    6~16个字符，区分大小写
    

    View Slide

52. 1 5 6
    2 3
    4
    注 册
    密码
    确认密码
    邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    6~16个字符，区分大小写
    

    View Slide

53. 1 5 6
    2 3
    4
    注 册
    密码
    确认密码
    邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    6~16个字符，区分大小写
    注 册
    密码
    确认密码
    邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    6~16个字符，区分大小写
    验证码
    请填写图片中的字符，不区分大小写 看不清楚？换张图片
    同意"服务条款"和"隐私权相关政策"
    

    View Slide

54. 1 5 6
    2 3
    4
    注 册
    密码
    确认密码
    邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    6~16个字符，区分大小写
    验证码
    请填写图片中的字符，不区分大小写 看不清楚？换张图片
    同意"服务条款"和"隐私权相关政策"
    

    View Slide

55. 1 5 6
    2 3
    4
    注 册
    密码
    确认密码
    邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    6~16个字符，区分大小写
    验证码
    请填写图片中的字符，不区分大小写 看不清楚？换张图片
    同意"服务条款"和"隐私权相关政策"
    

    View Slide

56. 1 5 6
    2 3
    4
    注 册
    密码
    确认密码
    邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    6~16个字符，区分大小写
    验证码
    请填写图片中的字符，不区分大小写 看不清楚？换张图片
    同意"服务条款"和"隐私权相关政策"
    

    View Slide

57. 1 5 6
    2 3
    4
    注 册
    密码
    确认密码
    邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    6~16个字符，区分大小写
    验证码
    请填写图片中的字符，不区分大小写 看不清楚？换张图片
    同意"服务条款"和"隐私权相关政策"
    

    View Slide

58. 1 5 6
    2 3
    4
    

    View Slide

59. 邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    1 5 6
    2 3
    4
    

    View Slide

60. 邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    1 5 6
    2 3
    4
    

    View Slide

61. 邮件地址 @ 163.com
    6~18个字符，可使用字母、数字、下划线，需以字母开头
    1 5 6
    2 3
    4
    

    View Slide

62. 1 5 6
    2 3
    4
    kidult
    邮件地址 @ 163.com
    该邮件地址已被注册
    

    View Slide

63. 1 5 6
    2 3
    4
    kidult
    邮件地址 @ 163.com
    该邮件地址已被注册
    

    View Slide

64. 1 5 6
    2 3
    4
    kidult
    邮件地址 @ 163.com
    该邮件地址已被注册
    

    View Slide

65. 1 5 6
    2 3
    4
    

    View Slide

66. 密码
    6~16个字符，区分大小写
    确认密码
    1 5 6
    2 3
    4
    <6 个字符？
    >16 个字符？
    两次输入一致？
    两次输入不一致？
    输入顺序颠倒？
    不填？
    

    View Slide

67. 密码
    6~16个字符，区分大小写
    确认密码
    <6 个字符？
    >16 个字符？
    两次输入一致？
    两次输入不一致？
    输入顺序颠倒？
    不填？
    1 5 6
    2 3
    4
    

    View Slide

68. 1 5 6
    2 3
    4
    

    View Slide

69. 1 5 6
    2 3
    4
    

    View Slide

70. 手机号码 @ 163.com
    免费获取验证码
    1 5 6
    2 3
    4
    

    View Slide

71. 手机号码 @ 163.com
    免费获取验证码
    1 5 6
    2 3
    4
    (今天剩余1次)
    

    View Slide

72. 1 5 6
    2 3
    4
    

    View Slide

73. 1 5 6
    2 3
    4
    

    View Slide

74. 1 6
    2 3 4
    5
    

    View Slide

75. 1 6
    2 3 4
    5
    

    View Slide

76. 1 5
    2 3 4
    6
    

    View Slide

77. 1 5
    2 3 4
    6
    

    View Slide

78. 1 5
    2 3 4
    6
    

    View Slide

79. 聊
    

    View Slide

80. View Slide