ดาวน์โหลดงานนำเสนอ
งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ
1
Forum Storyboard and Dialogue design
2
Storyboard And state transition network
3
Menu
4
Sign in and Register
5
Familiarity (Learnability)
Icon look like object in real world. Nielsen, Consistency and standards one menu every where. ไอคอนที่คุ้นเคย และเป็นวัตถุที่มีในชีวิตประจำวัน , Neilsen บอกว่าควรทำให้เป็นมาตรฐานในทุกๆที่
6
Menu
7
Register
8
Shneiderman’s rule Strive for consistency , sort by priority.
9
Task migratability (Flexibility)
System feedback mistake to user. User edit it. มีการแลกเปลี่ยนงานกันระหว่างระบบกับผู้ใช้ ในที่นี้คือ การตรวจสอบชื่อ อีเมล
10
Register
11
Sign in
12
Task migratability (Flexibility)
System feedback mistake to user. มีการแลกเปลี่ยนงานกันระหว่างระบบกับผู้ใช้ ในที่นี้คือ การตรวจสอบชื่อ อีเมล
13
Login
14
Category room Slide 3
15
Synthesizability (Learnability) Link change color when cursor hover
ผู้ใช้สามารถประเมินจากผลกระทำในอดีต ในที่นี้คือเอาเม้าไปชี้แล้วสีเปลี่ยนทำให้ผู้ใช้เข้าใจว่า คลิกได้
16
Topic room Slide 3
17
Familiarity (Learnability)
Icon easy understand. Synthesizability (Learnability) Link change color when cursor hover. ปุ่มตั้งกระทู้ใหม่ มี affordance คือ มันสามารถกดได้ มีไอคอนสื่อความหมาย , และลิงค์เปลี่ยนสีได้
18
Create topic
19
Nielsen's Familiarity (Learnability)
WYSIWYG editor ,Tool look like tool in Microsoft word. Nielsen's Aesthetic and minimalist design Neilsen บอกว่า ฟอร์มควรมีคำบอกว่าควรกรอกอะไร , ส่วนช่องกรอกเนื้อหากระทู้ใช้ WYSIWYG (what you see is what you get) คือ ใส่อะไรลงไปก็จะเป็นแบบนั้น ซึ่งคุ้นเคยกันดีใน MS word
20
Customizability adaptability (Flexibility) Custom size content textbox.
สามารถเปลี่ยนขนาดของ ช่องกรอกข้อความได้
21
Choose tag topic
22
Nielsen's Sneiderman’s Enable frequent users to use shortcuts.
Filter tag , easy to choose tag for topic. Sneiderman บอกว่าถ้าเป็นไปได้ควรมีทางลัดให้ผู้ใช้ ในที่นี้คือระบบกรองแท็ก ให้เลือกง่ายๆ ., Neisen บอกว่า ช่องกรอกควรบอกด้วยว่า ให้ใส่อะไร Nielsen's Aesthetic and minimalist design
23
Create topic
24
Topic
26
Familiarity (Learnability)
Affordance and visibility ปุ่มโหวตมี Affordance คือ ผู้ใช้เห็นแล้วก็รู้เลยว่าทำอะไรได้ ในที่นี้คือมันมี สามเหลี่ยมชี้บนล่างมีเลขตรงกลาง ผู้ใช้คุ้นเคยคล้ายๆกับปุ่มลิฟท์
27
Shneiderman Strive for consistency Color button consistency.
Sheiderman บอกว่า ควรมีความสอดคล้องของสี ข้อความ วัตถุที่ใช้ อารมณ์ที่สื่อถึง
28
Topic detail
30
ช่องกรอกข้อความ สามารถเปลี่ยนขนาดได้
Customizability adaptability (Flexibility) Custom size content textbox.
31
Comment
33
Synthesizability (Learnability) Link change color when
cursor hover ปุ่มกดแสดง คอมเม้น เมื่อเอาเม้าไปชี้ จะเปลี่ยนสีได้
35
เปลี่ยนขนาดของช่องกรอกได้
Customizability adaptability (Flexibility) Custom size content textbox.
36
Reply comment
38
Jakob Nielsen , Match between system and the real world.
Language system easy understand. Nielsen บอกว่า ข้อความที่ระบบใช้ควรมีคำพูดที่ตรงกับโลกความจริง เข้าใจง่าย
40
Sheiderman , Sheiderman , Design dialogs to yield closure ,
Offer information feedback Sheiderman บอกว่า ทำอะไรแล้วควรมีอะไรตอบกลับผู้ใช้ด้วย , และบอกว่าผลลัพธ์หลังจากผู้ใช้ทำไปคืออะไร ในที่นี้คือบอกว่า ok นะ
41
Request remove
42
Administrator panel
43
Administrator menu
44
Familiarity (Learnability)
Icon look like object in real world. Icon เข้าใจง่าย คุ้นเคย
45
Admin menu Category Management Category Management Account Management
Select Category Select General Account Management Select Account Start Admin panel Select Tag Tag Management Admin menu
47
General management
49
Nielsen's Aesthetic and minimalist design
51
Nielsen's Sneiderman’s Enable frequent users to use shortcuts.
Filter category, by name and status. Sheiderman บอกว่า ถ้าเป็นไปได้ควรมีทางลัด ให้ผู้ใช้ด้วย , Nielsen บอกว่าต้องมีบอกด้วยว่าควรใส่อะไร Nielsen's Aesthetic and minimalist design
52
Familiarity (Learnability)
Icon easy understand. Shneiderman Strive for consistency Color button consistency. คุ้นเคยกับไอคอน , sheiderman บอกสี ตัวอักษรควรสอดคล้อง
54
Shneiderman Shneiderman , Strive for consistency
Color button consistency. Shneiderman , Recognition rather than recall Sheiderman บอกว่า ไดอาลอก ไม่ควรต้องนึกอะไรมาก , สีควรสอดคล้องกับตัวอักษร อารมที่จะสื่อ
55
Category management
58
Familiarity (Learnability)
Icon easy understand. Shneiderman Strive for consistency Color button consistency. คุ้นเคยกับไอคอน , sheiderman บอกสี ตัวอักษรควรสอดคล้อง
60
Shneiderman Sheiderman , Recognition rather than recall.
ผู้ใช้ไม่ต้องนึกอะไรมาก ทำอะไรได้ง่าย , สีสอดค้อง Shneiderman Strive for consistency Color button consistency.
61
Tag management
63
Nielsen's Sneiderman’s Enable frequent users to use shortcuts.
Filter category, by name and status. มีทางลัด , มีตัวอักษรบอกว่าควรกรอกอะไร Nielsen's Aesthetic and minimalist design
64
Familiarity (Learnability)
Icon easy understand. Shneiderman Strive for consistency Color button consistency. คุ้นเคยกับไอคอน , สี สอดคล้อง
66
Nielsen's Shneiderman Error prevention. User confirm action.
Strive for consistency Color button consistency. ป้องกันข้อผิดพลาด , สีปุ่มสอดคล้อง
67
Account management
68
Profile
71
Norman Simplify the structure of tasks Choose date from calendar.
ทำให้งานง่ายขึ้น
73
Nielsen's Shneiderman Error prevention. User confirm action.
เรียงตามลำดับความสำคัญ , ป้องกันข้อผิดพลาด คือให้ใส่รหัสเดิมด้วย Nielsen's Error prevention. User confirm action. Shneiderman Strive for consistency , sort by priority.
75
Sheiderman , Sheiderman , Design dialogs to yield closure ,
Offer information feedback มีข้อความตอบกลับ , บอกผุ้ใช้ว่าผลลัพคืออะไร
76
Edit profile
77
Change password
79
Search topic
80
Search
81
Question & Answer Thank you
งานนำเสนอที่คล้ายกัน
