การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
•
2 j'aime•7,978 vues
ฝากติดตามกด Like กด Love ❤️ กด Share ⤴️ ที่ https://www.facebook.com/TouchPoint.in.th/ ------------------------------------------------------------------ ฝากกด Subscribe ช่อง YouTube TouchPoint ที่ https://www.youtube.com/c/TouchpointTH ------------------------------------------------------------------ เว็บไซต์ https://touchpoint.in.th/ ------------------------------------------------------------------ ดร.กฤษณพงศ์ เลิศบำรุงชัย
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
Similaire à การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model) (20)
Plus de Dr.Kridsanapong Lertbumroongchai
Plus de Dr.Kridsanapong Lertbumroongchai (20)
การปฏิสัมพันธ์และโมเดลปฏิสัมพันธ์ (Interaction and Interactive Model)
- 2. คือ การสื่อสารระหว่างผู้ใช้กับระบบ โดยที่ระบบมีส่วนต่อประสานเป็นทั้งส่วนที่ ผู้ใช้ สนใจและเป็นเหมือนคน สนทนา/ตัวกลางระหว่างผู้ใช้และระบบ เริ่มจากผู้ใช้ ป้อนคําสั่ง/ออกคําสั่งแก่ส่วนต่อประสานจากนั้นเป็นหน้าที่ของส่วนต่อประสาน ที่จะดําเนินการตามคําสั่ง ดังนั้นการสื่อสารระหว่างผู้ใช้และระบบมีความหมาย คือเป็นภาษาทางอ้อม (Indirect Language) แทนที่จะเป็นการกระทําโดยตรง (Direct action) การปฏิสัมพันธ์
- 3. การปฏิสัมพันธ์ประกอบด้วย รูปแบบของการปฏิสัมพันธ์ การแปลความหมาย ระหว่างผู้ใช้ และระบบศาสตร์ของการออกแบบ ลักษณะทางกายภาพหรือภายนอก ของการปฏิสัมพันธ์ ลักษณะเฉพาะแบบของการปฏิสัมพันธ์ ธรรมชาติของการ สนทนาโต้ตอบระหว่างผู้ใช้กับระบบ บริบท เนื้อหา สังคม องค์กร และการกระตุ้น
- 4. ความสามารถในการสร้างปฏิสัมพันธ์ การสร้างปฏิสัมพันธ์อาจจะทําได้โดยง่ายโดยที่ผู้ใช้มีการเข้าถึงหรือนําเข้าข้อมูล ด้วยวิธีการที่ มีความหลากหลายของอุปกรณ์นําเข้าข้อมูล เช่น แป้นพิมพ์ การ ชี้ตําแหน่งด้วยเมาส์ หน้าจอสัมผัส หรือการใช้เสียงพูด ซึ่งทํางานผ่านเทคโนโลยี ที่มีการแสดงผลข้อมูลด้วยรูปแบบของภาพหรือเสียง เช่น ข้อความ กราฟิก การ พิมพ์หรือเสียงพูด และลําดับของการกระทําในรูปแบบปฏิสัมพันธ์ยังมี ความสําคัญต่อการตอบสนองของปฏิสัมพันธ์ระหว่างคอมพิวเตอร์และผู้ใช้ เหล่านั้นด้วย
- 7. วิธีการในการดําเนินการเชื่อมต่อ เช่น ซอฟต์แวร์ ชุดเครื่องมือและห้องสมุด ขั้นตอนวิธีการที่มีประสิทธิภาพ 2.
- 11. มีการพัฒนา ที่ต่อเนื่องอย่างรวดเร็ว แต่ยังไม่มีความแน่ชัดในการรับข้อมูลมาก นัก ทําอย่างไรที่จะมีส่วนต่อประสานที่ดีและเหมาะสม คือต้องเป็นส่วนต่อประสาน ที่ทํางานมีปฏิสัมพันธ์กับผู้ใช้ได้ดีนั่นเอง เช่น ระบบการจองตั๋วเครื่องบินที่ใช้เสียง เป็นปฏิสัมพันธ์กับผู้ใช้อาจมีคําถามให้ผู้ใช้ตอบว่า “ใช่” (Yes) หรือ “ไม่ใช่" (No) เท่านั้นไม่เพียงพอ ควรมีการทวนคําถามเป็นเสียง หรือถ้าสามารถแสดงเป็นภาพ และเสียงได้ พร้อมกันจะทําให้ระบบมีประสิทธิภาพมากกว่าใช้เสียงเพียงอย่างเดียว ส่วนต่อประสานที่ใช้เสียงพูด เป็นตัวกระตุ้นคําสั่ง Speech-driverInterface
- 13. หมายถึง ขอบเขตของการทํางานที่อาศัยความเชี่ยวชาญและความรู้ ของกิจกรรม หรือขอบเขตความสนใจของงานที่กําลังศึกษาอยู่ เช่น Graphic design domain คือ ขอบเขตการทํางานที่มีแนวคิดเรื่อง รูปทรงต่างๆ และการวาดพื้นผิวเป็นต้น โดเมน Domain
- 14. หมายถึง สิ่งที่ต้องการจะทําให้สําเร็จ เช่น ต้องการสร้างรูปทรง สามเหลี่ยมสีแดงล้วนบนผืนผ้าใบ เป้าหมาย Goal
- 15. หมายถึง สิ่งที่กําลังทําอยู่เพื่อบรรลุเป้าหมาย หรือหมายถึงการปฏิบัติ หรือการกระทํา (Operations or Actions) เช่น เลือกเครื่องมือเต็ม (Fill) และคลิกบนรูปทรง สามเหลี่ยม ภารกิจ Task
- 17. โมเดลของโดนอลด์ นอร์แมน DonaldNorman'smodell มุ่งไปที่มุมมองของส่วนต่อประสานของผู้ใช้ประกอบด้วย 7 ขั้นตอน ดังนี้ ผู้ใช้กําหนดเป้าหมาย การทํางาน UserEstablishestheGoal STEP 1 กําหนดความตั้งใจ FormulatesIntention STEP 2 ระบุการกระทํากับส่วนต่อ ประสานของระบบไว้ SpecifiesActiorsatInterface STEP 3 ลงมือปฏิบัติการให้เกิดผล ExecutesAction STEP 4
- 18. โมเดลของโดนอลด์ นอร์แมน DonaldNorman'smodell มุ่งไปที่มุมมองของส่วนต่อประสานของผู้ใช้ประกอบด้วย 7 ขั้นตอน ดังนี้ รับรู้สถานะของระบบ PerceivesSystemState STEP 5 เข้าใจสถานะของระบบ InterpretsSystemState STEP 6 ประเมินสถานะของระบบ พร้อมกับเป้าหมาย ที่กําหนดไว้ EvaluatesSystemStatewith Respectto Goal STEP 7
- 19. โมเดลของนอร์แมนจะเน้นที่มุมมองของส่วนต่อประสาน ของผู้ใช้ระบบ (User's View of the Interface) โมเดลนี้ เรียกอีกชื่อว่า โมเดลการวนซ้ําของการปฏิบัติการให้บัง เกิดผลและการ ประเมินค่า(Execution/Evaluation Loop) Goal System Execution Evaluation
- 20. สถานะของเป้าหมายหรือgoal ผู้ใช้เริ่มกําหนดเป้าหมายการทํางานในขั้นตอนที่ 1 ช่วง กระทํา (Executionphase) ขั้นตอนที่ 2 - 4 คิดวิธี/ระบุการกระทํา/กระทําช่วงประเมินผล (Evaluationphase) ขั้นตอนที่ 5 - 7 ดูผลลัพธ์/ตีความ/ประเมินผล
- 21. แบบจําลองของนอร์แมนประกอบด้วย วงจรการปฏิสัมพันธ์ (Interactive cycle) ในหนึ่ง รอบของการปฏิสัมพันธ์จะประกอบด้วย 7 ขั้นตอนที่กล่าว ไปแล้ว ซึ่งอาจแบ่งออกเป็น 2 ขั้นตอนใหญ่ คือ ขั้นตอนการดําเนินการ (Execution) และ ขั้นตอนการประเมิน (Evaluation) การนําแบบจําลอง ของ นอร์แมนมาใช้งานนิยมนํามาอธิบายว่าทําไมบางระบบถึงใช้งานยากกว่า ระบบอื่นๆ ทั้งนี้ระบบที่ออกแบบการปฏิสัมพันธ์จะจัดให้อยู่ในอ่าวการ ปฏิบัติให้บังเกิดผล (Gulf of execution) หรืออ่าวการประเมินผล (Gulf of evaluation) ลักษณะของอ่าวดังกล่าวมีดังนี้
- 22. อ่าวการปฏิบัติให้บังเกิดผล Gulfof execution คือ ความแตกต่างระหว่างการกําหนดความตั้งใจของผู้ใช้เพื่อบรรลุถึง เป้าหมาย (User's Formulation of Actions) และการกระทํานั้นจะถูก อนุญาตให้ดําเนินการได้โดยระบบ (Actions Allowed by the System) หรืออีกนัยหนึ่งก็คือ มนุษย์ระบุขั้นตอนการทํางานแตกต่างจาก คอมพิวเตอร์
- 23. อ่าวการประเมินผล Gulfof evaluation คือ ความแตกต่างระหว่างความคาดหวังของการ เปลี่ยนแปลงสถานะของระบบ (User's Expectation of Changed System State) กับสถานะจริง ที่เกิดขึ้น จากกาตอบสนองของระบบที่เป็นผลลัพธ์ (Actual Presentation of this State) หรือ ความคาดหวังของผู้ใช้ในการเปลี่ยนแปลงสถานะของระบบ อาจ แตกต่างจากสถานะที่กําลังแสดงผลอยู่ ณ ปัจจุบัน นั่นคือ สิ่งที่ผู้ใช้เห็นเป็น ผลลัพธ์ อาจไม่ใช่สิ่งที่ผู้ใช้ต้องการจริงๆ หรืออีกนัยหนึ่งก็คือความ แตกต่าง ระหว่างการประเมินผล คือ ผลที่ได้จากคอมพิวเตอร์แตกต่างจากสิ่งที่มนุษย์ คาดหวัง
- 27. ขั้นตอนที่ 3 ระบุการกระทํากับส่วนต่อประสานของระบบไว้ โดยเอื้อมมือไปที่ปุ่มเปิดไฟ หรือถ้าสถานการณ์ต่างออกไปโดยที่มีคนยืนใกล้โคมไฟมากกว่า อาจจะ ขอให้เขาเปิดไฟให้
- 29. ขั้นตอนที่ 5 รับรู้สถานะของระบบ สังเกตว่าไฟเปิดหรือไม่ ขึ้นอยู่กับประสบการณ์ของ แต่ละคน
- 30. ขั้นตอนที่ 6 เข้าใจสถานะของระบบ แปลผลสถานะของระบบ ถ้าผลคือแสงสว่างที่ส่องมา ไม่ได้ส่องมาทางที่ต้องการ หรืออาจจะไปหันโคมไฟมาทางที่ต้องการ หรือ ถ้าไฟไม่ติด อาจจะไปตรวจสอบว่าเสียบปลั๊กหรือไม่ อาจจะกําหนด เป้าหมายใหม่ คือการเสียบปลั้กไฟแล้วลองเปิดไฟอีกครั้ง
- 31. ขั้นตอนที่ 7 ประเมินค่าสถานะของระบบโดยสัมพันธ์กับเป้าหมาย เมื่อสองเสียบปลั๊กไฟ แล้วลองเปิดไฟอีกครั้ง ผลลัพธ์ที่ได้เป็นอย่างไรโดยที่ประเมินเทียบกับ เป้าหมายแรกที่ตั้งไว้คือการเพิ่ม แสงสว่างว่าได้แสงที่พอเทียงหรือไม่
- 32. แบบจําลองของนอร์แมน เน้นที่มุมมองจากผู้ใช้ระบบต่อการปฏิสัมพันธ์เท่านั้น แต่ไม่ได้สนใจการสื่อสารของระบบผ่านทางส่วนประสานผู้ใช้ ส่วนขยายโมเดล ของนอร์แมนที่ถูกเสนอโดยกรอบงานเอบาวต์และบีลล์ (Abowd and Beale Framework) มี 4 ส่วน คือ ผู้ใช้ระบบ (U: User สิ่งรับเข้า (I Input) ระบบ (S: System) และสิ่งนําออก (O. Output) แต่ละส่วนจะมีภาษาของตนเอง ซึ่งภาษาที่ ใช้ในระบบ เรียกว่า ภาษาหลัก (Core Language) และภาษาที่ผู้ใช้ระบบเรียกว่า ภาษาภารกิจ (Task Language) ภาษาที่ใช้กับสิ่งนําเข้าและสิ่งนําออกเรียกว่า ส่วนต่อประสาน (Interface) อีกนัยหนึ่ง ปฏิสัมพันธ์คือ การเปลี่ยนแปลงระว่าง ภาษาทั้ง 4 ส่วน และปัญหาของปฏิสัมพันธ์คือปัญหาการเปลี่ยนแปลงนั่นเอง กรอบงานของปฏิสัมพันธ์ TheInteractionFramework S core U Task output input presentation observation performance articulation
- 34. ผู้ใช้ระบบเริ่มวงจรปฏิกิริยาโดยการตั้งใจสร้างสูตรความสําเร็จของเป้าหมายและเลือกงานหรือวิธีการที่ทําให้บรรลุ เป้าหมายนั้น ทางเดียวที่ทําให้ผู้ใช้สามารถใช้งานเครื่องจักร/คอมพิวเตอร์อย่างเหมาะสม โดยผ่านทางสิ่งรับเข้า (Input) เพราะฉะนั้นงานหรือวิธีการที่ใช้ให้สอดคล้องกับภาษา ของข้อมูลนําเข้า ซึ่งภาษาข้อมูลนําเข้าถูกแปลมาเป็น ภาษาหลักของระบบเรียกว่า การกระทําหรือปฏิบัติ(Operation) แล้วระบบจะจบกระบวนการปฏิบัติงานให้บัง เกิดผล (Execution)หลังจากนั้นจึงเริ่มกระบวนการประเมิน (Evaluation) โดยระบบจะเข้าสู่สถานะใหม่และเริ่ม สื่อสารกับผู้ใช้โดยผ่านสิ่งนําออก (Output) และผู้ใช้จึงสังเกตผลลัพธ์ที่เกิดขึ้นได้ทางการนําเสนอ (Presentation)
- 35. กรณีที่ 1 ภารกิจ Task เพื่อบรรลุเป้าหมายต้องมีความสัมพันธ์กับข้อมูลนําเข้าเป็นอย่างดี เพื่อส่งผล ให้กระบวนการทําให้สําเร็จของระบบเป็นประโยชน์สูงสุด เพราะถ้าไม่สัมพันธ์กัน จะไม่เกิดผลสําเร็จ ตัวอย่างเช่น ในห้องใหญ่ๆ ห้องหนึ่งมีไฟบนเพดานเป็นแผง ๆ ซึ่งควบคุมโดยแผงวงจรสวิตซ์ ที่ควบคุมไฟที่ติดอยู่บนฝาผนัง ซึ่งอาจจะไม่ สามารถทราบได้ว่าสวิตซ์ใตควบคุมไฟแผงไหน ถ้าต้องการเปิดไฟแผงหน้าห้อง ถือเป็นเป้าหมาย (Goal) ที่ต้องทําให้สําเร็จ การกระทําที่เกิดขึ้นคือต้องลองเปิด สวิตซ์ที่มีอยู่ทั้งหมดไปเรื่อย ๆ จนกว่าจะพบว่าสวิตซ์ตควบคุมไฟแผงหน้าห้อง
- 36. กรณีที่ 2 ถ้าสร้างส่วนต่อประสานของข้อมูลนําเข้าสัมพันธ์กับภารกิจที่ทํา (Task) เป็นอย่าง ดี (Good mapping) เช่น ระบบเสมือนจริง ซึ่งข้อมูลนําเข้าคือถุง มือป้อนข้อมูล (Data grove) ผู้ใช้ สามารถส่งข้อมูลโดยใช้ถุงมือนี้คือส่วน ต่อประสานการเคลื่อนไหวมือเป็นการป้อนข้อมูลโดยตรง เรียกว่า Direct Manipulate Interface ตัวอย่าง คือ หน้าต่าง (Windows) ที่เป็น ระบบปฏิบัติการ ซึ่งสามารถมองเห็นปฏิกิริยาที่เกิดจากข้อมูลนําเข้า โดยตรงจากหน้าจอทันที
- 37. การมุ่งเน้นที่การออกแบบปฏิสัมพันธ์ ส่วนต่อประสานที่ใช้ในอุตสาหกรรม (Industrial Interface) แบบเก่าจะใช้ปุ่ม หมุนหรือ ลูกบิด (Dial and Knobs) และจะเชื่อมโยงยังสายต่อหรือท่อที่ต่อไป ยังอุปกรณ์โดยตรง ในสมัยใหม่ ส่วนต่อประสานแบบแก้ว (Glass Interface) ปัจจุบันนี้ส่วนต่อประสานที่ใช้ในอุตสาหกรรม ซึ่งเป็นการควบคุมผ่านทาง หน้าจอและการกดปุ่มคล้ายแผงแป้นพิเศษ (Screens and Keypad) เป็นการ แสดงส่วนต่อประสานที่ใช้ในอุตสาหกรรมที่เป็นการแสดงบนหน้าจอและมีการ แสดงผลหลาย แบบ ทั้งแบบตัวเลขแบบรูปภาพ เป็นมาตราส่วน/สเกล (Scale) เรียกว่า ส่วนต่อประสานที่ใช้แก้ว (Glass Interface) 113 Vessel B Temp 0 100 200
- 38. การมุ่งเน้นที่การออกแบบปฏิสัมพันธ์ คือ มีราคาถูกกว่า และมีความยืดหยุ่นมากกว่า สามารถเลือกการแสดงผลได้หลายแบบได้ค่าที่ ชัดเจน ข้อดี คือ ไม่มีที่ตั้งที่แน่นอน ใช้ข้อความน้อยลง บางครั้ง ขาดเนื้อหาที่สําคัญไป และส่วนต่อประสานมีความ ซ้ําซ้อน ข้อเสีย
- 39. การจัดการกับอุปกรณ์ โดยทางอ้อม Indirectmanipulation ในสํานักงาน ผู้ใช้งานระบบสามารถจัดการอุปกรณ์ที่เรา สร้างขึ้น (Artificial) ด้วยปฏิสัมพันธ์ แบบการจัดการ โดยตรง (Direct Manipulation) ในระบบอุตสาหกรรม ผู้ใช้ระบบ สามารถจัดการกับอุปกรณ์ในโลกแห่งความเป็น จริง (Real World) โดยทางอ้อม (Indirect Manipulation) ฉะนั้นสิ่งที่ควรคํานึงถึงสําหรับการจัดการแบบไม่ใช่ โดยตรงผ่านทางส่วน ต่อประสานอาจเกิดการย้อนกลับ และเกิดความล่าช้า ระบบคอมพิวเตอร์เช่น เครื่องคอมพิวเตอร์ตั้งโต๊ะ อุปกรณ์ในสถานที่ทํางานจริง เช่น ในโรงงาน ส่วนต่อประสาน
- 42. ส่วนต่อประสานคอมมานด์ไลน์ Commandlineinterface เป็นอินเตอร์เฟสแบบบรรทัดคําสั่ง เป็นวิธีที่สามารถแสดงคําสั่งให้ คอมพิวเตอร์ทํางานตามคําสั่งโดยตรง เป็นส่วนต่อประสานแบบแรกที่ เกิดขึ้น ประกอบด้วยแป้นพิมพ์ฟังก์ชันอักษรเดี่ยว คําย่อ คําเต็ม หรือคํา ย่อแล คําเต็มผสมกัน เหมาะกับงานที่ต้องทําซ้ํา ๆ เหมาะกับผู้ใช้ที่มีความ ชํานาญมากกว่าคนทั่วไป เข้าถึงการทํางานของฟังก์ชันในระบบโดยตรง คําสั่งและตัวย่อทุกตัวมีความหมาย
- 43. ส่วนต่อประสานคอมมานด์ไลน์ Commandlineinterface คือ เป็นการเข้าถึง ระบบได้รวดเร็วและตรงที่สุด ทั้ง ยังสามารถใช้คําสั่งลัดให้ระบบทํางานที่ ๆ ได้ดีเช่น การเปลี่ยนชื่อไฟล์ให้ขึ้นต้นด้วยตัวอักษรเดียวกัน 1,000 ไฟล์ในคําสั่งเดียว ข้อดี คือ การเรียนรู้คําสั่งทําได้ยาก กว่าอินเทอร์เฟส ประเภทอื่นตัวอย่างระบบปฏิบัติการที่ใช้อยู่คือ ระบบยูนิกซ์ (UNIX System) ดอส (DOS) บน ระบบปฏิบัติการวินโดว์ ข้อเสีย
- 44. เป็นกลุ่มหรือเซตของทางเลือกที่แสดงบนหน้าจอ ง่ายต่อการเรียกใช้ และ ทํา ให้จําได้ง่าย และควรตั้งชื่อให้มีความหมายง่ายต่อการเลือกใช้ รูปแบบ ปฏิสัมพันธ์แบบนี้ มีตัวเลือกให้ผู้ใช้ตัดสินใจบนจอภาพ โดยใช้อุปกรณ์เช่น เมาส์ คีย์บอร์ด ปุ่มตัวเลขหรือตัวอักษร ดังนั้นตัวเลือกจะต้องเป็นที่เข้าใจ ง่ายและไม่คลุมเครือ รายการเลือก Menu
- 45. ถือว่าเป็นภาษาที่คุ้นเคยสําหรับผู้ใช้ เพราะเกี่ยวข้องกับภาษาที่ใช้อยู่ประจําวัน เช่น ตัวพิมพ์ตามภาษานั้น ๆ หรือการส่งระบบโดยการใช้เสียงพูด ธรรมชาติ ของคน แต่อาจทําให้เกิดปัญหาเรื่องความคลุมเครือของเสียง เพราะผู้ใช้แต่ละ คนอาจออกเสียงไม่เหมือนกัน ระบบปัจจุบันที่ใช้ภาษาแบบธรรมชาตินี้จะ กําหนดขอบเขตการใช้ ภาษาของผู้ใช้ระบบโดยระบบอาจจะถามคําถามเพื่อให้ ผู้ใช้ตอบสั้นๆ เช่น ใช่ ไม่ใช่ เป็นต้น เพื่อให้ง่ายกับระบบในการเข้าใจการโต้ตอบ ภาษาธรรมชาติ NatureLanguage
- 46. เป็นส่วนต่อประสานแบบถามตอบ (Question/Answer Interfaces) มี ลักษณะ เช่น ผู้ใช้จะนําปฏิสัมพันธ์ผ่านทางชุดของคําถาม เหมาะกับผู้ใช้ที่ ไม่ค่อยมีประสบการณ์แต่รู้ฟังก์ชันการทํางาน ใช้มากกับระบบการจัดการ สารสนเทศ ภาษา สอบถาม(Query Language) ใช้ในการเรียกข้อมูลจาก ฐานข้อมูล ซึ่งเหมาะกับผู้ที่มีความชํานาญ ส่วนต่อประสานแบบสอบถาม QueryInterface
- 47. เป็นปฏิสัมพันธ์ที่มีลักษณะการรับเข้า - นําออกข้อมูล ส่วนใหญ่จะเลียน แบหน้าจอรับข้อมูลให้เหมือนกับฟอร์มกระดาษที่ผู้ใช้คุ้นเคย ควร ออกแบบให้มีความยืดหยุ่นในการนําเข้าข้อมูล มีตัวช่วยในการเติมข้อมูล ที่เหมาะสมกับช่องว่างที่ให้กรอก ฟอร์มให้เต็ม Form-fill
- 48. ตารางคํานวณ Spreadsheets มีลักษณะเป็นตารางซึ่งแบ่งออกเป็นเซลล์ แต่ละเซลล์จะบรรจุค่าหรือสูตร คํานวณ ซึ่งสูตรคํานวณสามารถนําค่าจากเซลล์อื่นๆ มาคํานวณได้ ผู้ใช้ สามารถป้อนข้อมูลหรือเปลี่ยนแปลงข้อมูลบน Spreadsheets ได้
- 49. WIMP ย่อมาจาก Windows Icons Menus and Pointers (หรือ Windows Icons Mice and Pull-down menus) เป็นรูปแบบส่วนต่อประสานที่มีอยู่ใน ระบบคอมพิวเตอร์ที่มีการปฏิสัมพันธ์เฉพาะกับเครื่องคอมพิวเตอร์ส่วน บุคคล ส่วนต่อประสานที่คุ้นเคยกันมากที่สุด เช่น โปรแกรมระบบปฏิบัติการ (Operating System) ไม่ว่าจะ เป็น Windows, Mac OS หรืออื่น ๆ ที่ ประกอบด้วยหน้าต่างโปรแกรม ไอคอนรูปต่างๆ เมนูสําหรับการทํางานและ ลูกศรที่ใช้เมาส์เลื่อนเพราะง่ายในการควบคุมและใช้งาน ส่วนต่อประสานแบบวิมป์ WIMPInterface
- 50. เป็นส่วนต่อประสานโดยการให้คลิกเพื่อทํางาน ผู้ใช้ระบบเพียงแค่ใช้เมาส์ชี้ที่ บริเวณที่ต้องการสั่งระบบ แล้วคลิก เช่น การคลิก link ในเว็บไซต์ นิยมใช้กับ ระบบ Multimedia web browsers และ Hypertext เช่น ชี้ไปที่แผนที่เมือง พัทยา พอคลิกแล้วระบบจะเปิดหน้าต่างเพื่อแสดงข้อมูลที่เกี่ยวข้องกับเมือง พัทยา ส่วนต่อประสานและคลิกนี้จะไม่ยึดติดกับ Mouse-based interface อาจใช้กับ Touch screen ก็ ได้ ซึ่งช่วยลดการพิมพ์ลง นิยมใช้มากใน Navigation ผ่านเว็บเพจ ส่วนต่อประสานแบบการชี้และคลิก Pointand clickInterfaces
- 51. ใช้กับระบบความเป็นจริงเสมือน การใช้เทคนิคแบบ 3 มิติ อาจจะใช้เนื้อที่มาก ขึ้นโดยใช้แสงและสีเน้นให้เกิดมิติขึ้น ทําให้เกิดระยะทางขึ้น สมจริงมากขึ้น เริ่มมี การใช้ส่วนต่อประสานแบบสามมิติกันมากขึ้น ที่เห็นได้ชัดก็คือระบบเวอร์ชวล เรียลริตี้ (Virtual Reality: VR) ที่ทําให้ผู้ใช้ระบบรู้สึกเสมือนว่าส่วนต่อประสาน มีความลีกความหนา ส่วนต่อประสานแบบ 3 มิติ Three-dimensionalInterfaces