Forum Storyboard and Dialogue design 1 Storyboard And
Forum Storyboard and Dialogue design 1
Storyboard And state transition network 2
Menu 3
Sign in and Register 4
Familiarity (Learnability) Icon look like object in real world. Nielsen, Consistency and standards one menu every where. 5
Menu 6
Register 7
Shneiderman’s rule Strive for consistency , sort by priority. 8
Task migratability (Flexibility) System feedback mistake to user. User edit it. 9
Register 10
Sign in 11
Task migratability (Flexibility) System feedback mistake to user. 12
Login 13
Category room 14 Slide 3
Synthesizability (Learnability) Link change color when cursor hover 15
Topic room 16 Slide 3
Familiarity (Learnability) Icon easy understand. Synthesizability (Learnability) Link change color when cursor hover. 17
Create topic 18
Nielsen's Aesthetic and minimalist design Familiarity (Learnability) WYSIWYG editor , Tool look like tool in Microsoft word. 19
Customizability adaptability (Flexibility) Custom size content textbox. 20
Choose tag topic 21
Sneiderman’s Enable frequent users to use shortcuts. Filter tag , easy to choose tag for topic. Nielsen's Aesthetic and minimalist design 22
Create topic 23
Topic 24
25
Familiarity (Learnability) Affordance and visibility 26
Shneiderman Strive for consistency Color button consistency. 27
Topic detail 28
29
Customizability adaptability (Flexibility) Custom size content textbox. 30
Comment 31
32
Synthesizability (Learnability) Link change color when cursor hover 33
34
Customizability adaptability (Flexibility) Custom size content textbox. 35
Reply comment 36
37
Jakob Nielsen , Match between system and the real world. Language system easy understand. 38
39
Sheiderman , Offer information feedback Sheiderman , Design dialogs to yield closure , 40
Request remove 41
Administrator panel 42
Administrator menu 43
Familiarity (Learnability) Icon look like object in real world. 44
Category Management Select General Select Category Account Management Select Account Start Admin panel Select Tag Management Admin menu 45
46
General management 47
48
Nielsen's Aesthetic and minimalist design 49
50
Sneiderman’s Enable frequent users to use shortcuts. Filter category, by name and status. Nielsen's Aesthetic and minimalist design 51
Familiarity (Learnability) Icon easy understand. Shneiderman Strive for consistency Color button consistency. 52
53
Shneiderman , Recognition rather than recall Shneiderman Strive for consistency Color button consistency. 54
Category management 55
56
57
Familiarity (Learnability) Icon easy understand. Shneiderman Strive for consistency Color button consistency. 58
59
Sheiderman , Recognition rather than recall. Shneiderman Strive for consistency Color button consistency. 60
Tag management 61
62
Sneiderman’s Enable frequent users to use shortcuts. Filter category, by name and status. Nielsen's Aesthetic and minimalist design 63
Familiarity (Learnability) Icon easy understand. Shneiderman Strive for consistency Color button consistency. 64
65
Nielsen's Error prevention. User confirm action. Shneiderman Strive for consistency Color button consistency. 66
Account management 67
Profile 68
69
70
Norman Simplify the structure of tasks Choose date from calendar. 71
72
Shneiderman Strive for consistency , sort by priority. Nielsen's Error prevention. User confirm action. 73
74
Sheiderman , Offer information feedback Sheiderman , Design dialogs to yield closure , 75
Edit profile 76
Change password 77
78
Search topic 79
Search 80
Question & Answer Thank you 88
- Slides: 81