SlideShare a Scribd company logo
1 of 15
การออกแบบ USER INTERFACE
ํ  ใ  ปกาหนดกลุมผูใชเปาหมาย
กําหนดกลุมเปาหมายอยางเฉพาะเจาะจง
นึกถึงผูใชเปาหมายหลายกลุม
เรียนรผใชเรยนรูผูใช
เขาใจประสบการณของผูใช
จําลองสถานการณ
ํ  ป 1. กาหนดกลุมเปาหมายอยางเฉพาะเจาะจง
ปญหาอยางหนึ่งที่คณจะไดเจอก็คือ จะรไดอยางไรวากลมผใชของคณปญหาอยางหนงทคุณจะไดเจอกคอ จะรูไดอยางไรวากลุมผูใชของคุณ
เปนใคร ควรระบุใหเจาะจง
ึ ึ ใ  ป 2. นกถงผูใชเปาหมายหลายกลุม
ปญหาอยที่วาจะรองรับความตองการของผใชทั้งหมดนี้ไดอยางไรปญหาอยูทวาจะรองรบความตองการของผูใชทงหมดนไดอยางไร
ทางออก คือ การออกแบบเนื้อหาและการใชงานสําหรับผูใชแตละ
กลมตามลักษณะความสนใจกลุมตามลกษณะความสนใจ
ี  ใ 3. เรยนรูผูใช
ขั้นตอนการเรียนรผใช ตองศึกษาจากประสบการณของผใช รวมถึงขนตอนการเรยนรูผูใช ตองศกษาจากประสบการณของผูใช รวมถง
การสรางตัวอยางผูใชและจําลองสถานการณที่คาดวาจะเกิดขึ้นในการ
ใชบริการของเว็บไซตใชบรการของ วบไซต
4 ข ใ ป ส ข ใ 4. เขาใจประสบการณของผูใช
ผออกแบบควรจะสนใจกับประสบการณของผใชเพื่อที่จะนําผูออกแบบควรจะสนใจกบประสบการณของผูใชเพอทจะนา
ประสบการณของผูใชไปทําการออกแบบที่คํานึงความสะดวกของผูใช
ดวยดวย
ํ ส 5. จาลองสถานการณ
การจําลองสถานการณเปนอีกวิธีหนึ่งที่เขาใจแนวทางการทองเว็บไดดีการจาลองสถานการณเปนอกวธหนงทเขาใจแนวทางการทองเวบไดด
ขึ้น มีความคิดสรางสรรคในการออกแบบมากขึ้น โดยการจําลอง
เหตการณของผใชหลายๆ กลมที่มีลักษณะและความตองการที่แตกตางหตุการณของผูใชหลายๆ กลุมทมลกษณะและความตองการทแตกตาง
กัน
ส  ั  ใ สรางตัวอยางจากผูใช
ผูใชคนแรก
ผูใชคนที่สอง
สรางสถานการณ
Note: ใหนักศึกษาอานสถานการณ ในหนาที่ 73Note: ใหนกศกษาอานสถานการณ ในหนาท 73
สิ่ ี่ไ  ี สิงทีไดเรียนรู
หนาแรกของเว็บควรนาสนใจ และแสดงผลอยางรวดเร็ว
   ี่  ใ  การแบงกลุมประเภทของการดทีเขาใจงาย ครอบคลุมทุกสถานการณ
มีปฎิทินและแสดงวันที่ของวันสําคัญ
การแสดงการดที่ตรงกับเทศกาลตางๆ ที่กําลังจะมาถึง
มีรูปแบบที่หลากหลายู
มีเพลงประกอบใหเลือกมากมาย
สิ่ ี่ไ  ี สิงทีไดเรียนรู
มีคํากลอนหรือบทความตามโอกาส
ใ    ความสามารถในการสงการดลวงหนา
ความสามารถในการจดจําอีเมลแอดเดรสทั้งผูรับและผูสง
ความงายในการรับการด และที่ผูรับจะสามารถตอบกลับได
ความสามารถที่ผูสงรับรูไดวาผูรับไดเปดการดอานแลวู ู ู
ความสามารถที่ผูสงรับรูไดวาทางเว็บไดสงการดไปใหเรียบรอยแลว
ิ่ ่    ็ สิงทีผูใชตองการจากเว็บไซต
ขอมูลและการใชงานที่เปนประโยชน
ขาว
การตอบสนองตอผใชการตอบสนองตอผูใช
ความบันเทิง
ของฟรี
่ขอมูลหลักที่ควรมีอยูในเว็บไซต
1. ขอมูลเกี่ยวกับบริษัท
2.รายละเอียดของผลิตภัณฑ
 ื   สื่3.ขาวความคบหนาและขาวจากสอมวลชน
4.คําถามยอดนิยม
5.ขอมูลในการติดตอ
การออกแบบเว็บไซต
ออกแบบตามความตองการของผูใชู
ถาผูใชทุกคนมีพฤติกรรมและเปาหมายที่เหมือนกันทุกคน การออกแบบที่ดี
ควรใสใจในความตองการที่ตางกันของผูใชหลักทั้งหมดู
ถาออกแบบเว็บไซตโดยไมใสใจตอผูใชเลย โดยยึดแตความตองการและ
เปาหมายของผูออกแบบอยางเดียว เว็บไซตนั้นก็ไมสามารถที่จะประสบ
ํ ็ ไ ความสําเร็จได
การออกแบบเว็บไซต
ออกแบบเพื่อผูใชทุกระดับู ุ
สิ่งที่ผูใชทุกคนตองการ คือ การเขาถึงสวนที่ตองการไดอยาง
สะดวก รวดเร็ว โดยผานระบบการนําทางที่สื่อความหมายและมี
ิ ิ ั ั้ ใ ็ ึ่ ั ใ  ัประสิทธิภาพ ดังนัน ในเว็บหนึงควรจะรองรับผูใชทุกระดับ
ตั้งแตผูเริ่มตน ผูมีประสบการณ และผูเชี่ยวชาญ ดวยการ
คํานึงถึงผใชทกกลมอยเสมอ ซึ่งตองสรางสมดลระหวางสิ่งที่คานงถงผูใชทุกกลุมอยูเสมอ ซงตองสรางสมดุลระหวางสงท
ชี้แนะมือใหมและความรวดเร็วของผูมีประสบการณ วิธีที่ดีที่สุด
คือ การหาเวลาพูดคุยกับพวกเขา รับฟงความคิดเห็นและคําวิจารณ
ใ ของผูใช
User interface

More Related Content

More from Meaw Sukee (20)

Report
ReportReport
Report
 
Google classroom
Google classroomGoogle classroom
Google classroom
 
Plan10
Plan10Plan10
Plan10
 
Plan9
Plan9Plan9
Plan9
 
Plan
PlanPlan
Plan
 
Edit
EditEdit
Edit
 
Problem
ProblemProblem
Problem
 
ตัวอย่างเล่ม
ตัวอย่างเล่มตัวอย่างเล่ม
ตัวอย่างเล่ม
 
Cal 190856
Cal 190856Cal 190856
Cal 190856
 
Total pub
Total pubTotal pub
Total pub
 
Public
PublicPublic
Public
 
Total pub
Total pubTotal pub
Total pub
 
Bro
BroBro
Bro
 
Training_edmodo
Training_edmodoTraining_edmodo
Training_edmodo
 
Frame
FrameFrame
Frame
 
Frame
FrameFrame
Frame
 
Table
TableTable
Table
 
Link
LinkLink
Link
 
Text1
Text1Text1
Text1
 
Text
TextText
Text
 

User interface

  • 2. ํ  ใ  ปกาหนดกลุมผูใชเปาหมาย กําหนดกลุมเปาหมายอยางเฉพาะเจาะจง นึกถึงผูใชเปาหมายหลายกลุม เรียนรผใชเรยนรูผูใช เขาใจประสบการณของผูใช จําลองสถานการณ
  • 3. ํ  ป 1. กาหนดกลุมเปาหมายอยางเฉพาะเจาะจง ปญหาอยางหนึ่งที่คณจะไดเจอก็คือ จะรไดอยางไรวากลมผใชของคณปญหาอยางหนงทคุณจะไดเจอกคอ จะรูไดอยางไรวากลุมผูใชของคุณ เปนใคร ควรระบุใหเจาะจง
  • 4. ึ ึ ใ  ป 2. นกถงผูใชเปาหมายหลายกลุม ปญหาอยที่วาจะรองรับความตองการของผใชทั้งหมดนี้ไดอยางไรปญหาอยูทวาจะรองรบความตองการของผูใชทงหมดนไดอยางไร ทางออก คือ การออกแบบเนื้อหาและการใชงานสําหรับผูใชแตละ กลมตามลักษณะความสนใจกลุมตามลกษณะความสนใจ
  • 5. ี  ใ 3. เรยนรูผูใช ขั้นตอนการเรียนรผใช ตองศึกษาจากประสบการณของผใช รวมถึงขนตอนการเรยนรูผูใช ตองศกษาจากประสบการณของผูใช รวมถง การสรางตัวอยางผูใชและจําลองสถานการณที่คาดวาจะเกิดขึ้นในการ ใชบริการของเว็บไซตใชบรการของ วบไซต
  • 6. 4 ข ใ ป ส ข ใ 4. เขาใจประสบการณของผูใช ผออกแบบควรจะสนใจกับประสบการณของผใชเพื่อที่จะนําผูออกแบบควรจะสนใจกบประสบการณของผูใชเพอทจะนา ประสบการณของผูใชไปทําการออกแบบที่คํานึงความสะดวกของผูใช ดวยดวย
  • 7. ํ ส 5. จาลองสถานการณ การจําลองสถานการณเปนอีกวิธีหนึ่งที่เขาใจแนวทางการทองเว็บไดดีการจาลองสถานการณเปนอกวธหนงทเขาใจแนวทางการทองเวบไดด ขึ้น มีความคิดสรางสรรคในการออกแบบมากขึ้น โดยการจําลอง เหตการณของผใชหลายๆ กลมที่มีลักษณะและความตองการที่แตกตางหตุการณของผูใชหลายๆ กลุมทมลกษณะและความตองการทแตกตาง กัน
  • 8. ส  ั  ใ สรางตัวอยางจากผูใช ผูใชคนแรก ผูใชคนที่สอง สรางสถานการณ Note: ใหนักศึกษาอานสถานการณ ในหนาที่ 73Note: ใหนกศกษาอานสถานการณ ในหนาท 73
  • 9. สิ่ ี่ไ  ี สิงทีไดเรียนรู หนาแรกของเว็บควรนาสนใจ และแสดงผลอยางรวดเร็ว    ี่  ใ  การแบงกลุมประเภทของการดทีเขาใจงาย ครอบคลุมทุกสถานการณ มีปฎิทินและแสดงวันที่ของวันสําคัญ การแสดงการดที่ตรงกับเทศกาลตางๆ ที่กําลังจะมาถึง มีรูปแบบที่หลากหลายู มีเพลงประกอบใหเลือกมากมาย
  • 10. สิ่ ี่ไ  ี สิงทีไดเรียนรู มีคํากลอนหรือบทความตามโอกาส ใ    ความสามารถในการสงการดลวงหนา ความสามารถในการจดจําอีเมลแอดเดรสทั้งผูรับและผูสง ความงายในการรับการด และที่ผูรับจะสามารถตอบกลับได ความสามารถที่ผูสงรับรูไดวาผูรับไดเปดการดอานแลวู ู ู ความสามารถที่ผูสงรับรูไดวาทางเว็บไดสงการดไปใหเรียบรอยแลว
  • 11. ิ่ ่    ็ สิงทีผูใชตองการจากเว็บไซต ขอมูลและการใชงานที่เปนประโยชน ขาว การตอบสนองตอผใชการตอบสนองตอผูใช ความบันเทิง ของฟรี
  • 12. ่ขอมูลหลักที่ควรมีอยูในเว็บไซต 1. ขอมูลเกี่ยวกับบริษัท 2.รายละเอียดของผลิตภัณฑ  ื   สื่3.ขาวความคบหนาและขาวจากสอมวลชน 4.คําถามยอดนิยม 5.ขอมูลในการติดตอ
  • 13. การออกแบบเว็บไซต ออกแบบตามความตองการของผูใชู ถาผูใชทุกคนมีพฤติกรรมและเปาหมายที่เหมือนกันทุกคน การออกแบบที่ดี ควรใสใจในความตองการที่ตางกันของผูใชหลักทั้งหมดู ถาออกแบบเว็บไซตโดยไมใสใจตอผูใชเลย โดยยึดแตความตองการและ เปาหมายของผูออกแบบอยางเดียว เว็บไซตนั้นก็ไมสามารถที่จะประสบ ํ ็ ไ ความสําเร็จได
  • 14. การออกแบบเว็บไซต ออกแบบเพื่อผูใชทุกระดับู ุ สิ่งที่ผูใชทุกคนตองการ คือ การเขาถึงสวนที่ตองการไดอยาง สะดวก รวดเร็ว โดยผานระบบการนําทางที่สื่อความหมายและมี ิ ิ ั ั้ ใ ็ ึ่ ั ใ  ัประสิทธิภาพ ดังนัน ในเว็บหนึงควรจะรองรับผูใชทุกระดับ ตั้งแตผูเริ่มตน ผูมีประสบการณ และผูเชี่ยวชาญ ดวยการ คํานึงถึงผใชทกกลมอยเสมอ ซึ่งตองสรางสมดลระหวางสิ่งที่คานงถงผูใชทุกกลุมอยูเสมอ ซงตองสรางสมดุลระหวางสงท ชี้แนะมือใหมและความรวดเร็วของผูมีประสบการณ วิธีที่ดีที่สุด คือ การหาเวลาพูดคุยกับพวกเขา รับฟงความคิดเห็นและคําวิจารณ ใ ของผูใช