share cmux 20160322

CMUX

IAN HUNG

ANGELA LIN

Cheetah Mobile

CMUX TEAM

Beijing

Taipei

Shanghai

Hangzhou

Guangzhou

ShenzhenZhuhai

VISUALDESIGN

INTERACTIONDESIGN

USERRESEARCH

MOTIONDESIGN

Affinity Diagram 11

2 11 ;88 ;

159 49 ;

15

Design Methods

DESIGN MISSION

tasktask

task

task

Day1 Day2 Day3 Day4 Day5 Day6 Day7 Day8 Day9

EXPLORATION

MOCKUP DESIGN

COMPETITIVE ANALYSIS

PROTOTYPE

DESIGN SCHEDULE

EMOTIONAL DESIGN

PAPER PROTOTYPE

CARD SORTING

MOOD BOARD

KEYWORDS

VISUAL EXPLORATION

EMOTIONAL DESIGN

PAPER PROTOTYPE

CARD SORTING

MOOD BOARD

KEYWORDS

VISUAL EXPLORATION

BRAINSTORMING

EMOTIONAL DESIGN

PAPER PROTOTYPE

CARD SORTING

MOOD BOARD

KEYWORDS

VISUAL EXPLORATION

CARD SORTING

CARD SORTING

EMOTIONAL DESIGN

PAPER PROTOTYPE

CARD SORTING

MOOD BOARD

KEYWORDS

VISUAL EXPLORATION

KEYWORDS

KEYWORDS

EMOTIONAL DESIGN

PAPER PROTOTYPE

CARD SORTING

MOOD BOARD

KEYWORDS

VISUAL EXPLORATION

PAPER PROTOTYPE

PAPER PROTOTYPEPAPER PROTOTYPE

- Material Design

-

-

EMOTIONAL DESIGN

PAPER PROTOTYPE

CARD SORTING

MOOD BOARD

KEYWORDS

VISUAL EXPLORATION

MOODBOARD

EMOTIONAL DESIGN

PAPER PROTOTYPE

CARD SORTING

MOOD BOARD

KEYWORDS

VISUAL EXPLORATION

VISUAL EXPLORATION

VISUAL EXPLORATION

PROTOTYPE

AdobeXD

Flinto

Pixate

AE

Hype 3

Framer

PROTOTYPINGTOOLS

Cheetah Avatar

Cheetah Font

cheetahfont

meanline

ascender line

Left Side BearingLSB

Right Side BearingBounding BoxRSB

advance width

cap line

descender line

baseline

Advance Width = Bounding Box + LSB +RSB

ABCDEFGHIJKLMNOPQRST

abcdefghijklmnopqrst

1234567890

FOCUS ON THE USER AND ALL ELSE WILL FOLLOW.

78

79

80

81

82

1~2

,

83

84

85

86

87

88

...

Email

... Whatsapp

Whatsapp

89

90

9 4 9 91

...

...

92

93

94

95

96

97

99

100

101

102

+ +

•

•

•

•

•

103

104

105

A300

1000

- 300

-

-

-

-

-

“ ”

-

-

-

( )

106

!

107

108

→ →

109

110

111

112

113

114

UX Design is Team Work

115

Q&A

THANK YOU