一次部门分享做的keynote演示，对项目的一个小结，分析遇到的问题。提及了设计的一致性，项目中采用了哪些交互设计，和为什么要这么设计，如何结合现阶段情况的。

2. •
•
•

3. • •
• •
• • UCD
•

5. .
!"#$ %&'( )*+, -./0

6. .
!"#$ %&'( )*+, -./0
UED
%&'( !"#$ /012
)*#$
+,-.

7. .
• UE
•
•

8. .
•

9. .
•
•

10. .
•
•
•Tab

11. .
•
•
•Tab
•

12. .
•
•
•Tab
•
•

13. .
•

14. .
•
•

17. ...

18. ...

19. .
!"#: ;<=>?@AB?C<DE
4-20$%&'()*')+,-./,
01:
6-16!"#$%&'()*+,-.$-/0$123
234501:
67: 4 5
89:: 678 - 9:; -
JK1: LMN%OPQ
FGHI

20. .
1
!"#: ;<=>?@AB?C<DE !"#: ;<=>?@AB?C<DE
4-20$%&'()*')+,-./, 4-20$%&'()*')+,-./,
2
01: 01:
6-16!"#$%&'()*+,-.$-/0$123 6-16!"#$%&'()*+,-.$-/0$123
3
234501: 234501:
4
67: 4 5 67: 4 5
5 6
89:: 678 - 9:; - 89:: 678 - 9:; -
7 8
JK1: LMN%OPQ JK1: LMN%OPQ
9
FGHI FGHI

21. .
1
!"#: ;<=>?@AB?C<DE !"#: ;<=>?@AB?C<DE
4-20$%&'()*')+,-./, 4-20$%&'()*')+,-./,
2
01: 01:
6-16!"#$%&'()*+,-.$-/0$123 6-16!"#$%&'()*+,-.$-/0$123
3
234501: 234501:
4
67: 4 5 67: 4 5
5 6
89:: 678 - 9:; - 89:: 678 - 9:; -
7 8
JK1: LMN%OPQ JK1: LMN%OPQ
9
FGHI FGHI

23. .

24. .

25. .

26. .

27. .

28. .

29. .

30. .

31. .

32. .

33. .

34. .
1.
2.
3. ajax
1. js alert
2.

35. .
!"#$
%&'()*+,-./01234567-
89:;<==>?@ABCDEFGH
!"

36. .
!"#$
%&'()*+,-./01234567-
89:;<==>?@ABCDEFGH
!"

37. .

38. .

39. .

40. .

41. .

42. .

44. .
•
!"#$
1 2 3
!"1 !"2 !"3
#$%&' !"%&2 !"%&3
>> ()*+

45. .
•
!"#$
1 2 3
!"1 !"2 !"3
#$%&' !"%&2 !"%&3
>> ()*+
•Tab
Tab 1
Tab 2
Tab 3

46. .
•

47. .
•
•
!"# $"#

48. .
•
•
!"# $"#
!"# !"#$%

49. .
•
•
!"# $"#
!"# !"#$%
!"#
!"#$%&'()*

50. .
•
•
!"# $"#
!"# !"#$%
!"#
!"#$%&'()*
•
B I U abc
!" CTRL + I

51. .

52. .

53. .

54. .

55. UCD

56. UCD .
!"#$
!"#$

57. UCD .
!"#$
!"#$
!"
!"#$

58. UCD .
!"#$%

59. UCD .
!"#$%
!"#$

60. UCD .
!"#$%
!"#$
!"#$

61. UCD .
!"#$% !"#$
!"#$
!"#$

62. UCD .

64. NOT MONEY!

65. UCD .

66. UCD .

67. UCD .

68. UCD .

69. UCD .

70. UCD .
!"#$
!"#$%

71. UCD .

72. UCD .

73. UCD .

74. UCD .

75. UCD .

77. .

78. .

79. .

80. .

81. .

82. .

84. • http://blog.b3inside.com/userexperience/right-justified-are-more-adapt-to-chinese-sites/
• http://blog.b3inside.com/userexperience/label-and-input-in-form-design/
• http://www.infodesign.com.au/usabilityresources/paperprototypinggraphics
• http://www.infodesign.com.au/usabilityresources
• http://www.gettyimages.cn

85. Don’t ask what they need,
ask what they
Remember!

86. Don’t ask what they need,
ask what they
Remember!

87. Thank you
[ ]
http://blog.b3inside.com

88. [ ]
http://blog.b3inside.com