ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

การวิเคราะห์และออกแบบส่วนประสานกับผู้ใช้ (Analysis and design  interface)

การวิเคราะห์และออกแบบส่วนประสานกับผู้ใช้  (Analysis and Design Interface) เป็นการออกแบบหน้าจอเพื่อให้ตอบสนองกับการใช้งานของผู้ใช้ ซึ่งการออกแบบควรคำนึงถึงการใช้งานง่าย ไม่ซับซ้อน ซึ่งสิ่งนั้นเป็นสิ่งที่ผู้ใช้งานต้องการมากที่สุด โดยใช้แบบจำลองการวิเคราะห์และออกแบบส่วนต่อประสานมี 4 แบบจำลอง คือ User Model Design Model Mental Model Implementation Model  ซึ่งจะนำมาทำอธิบายไว้ในบทความนี้ 

 

การวิเคราะห์และออกแบบส่วนประสานกับผู้ใช้ โดยใช้แบบจำลองการวิเคราะห์และออกแบบส่วนต่อประสานมี 4 แบบจำลองคือ

User Model – แบบจำลองผู้ใช้ (บอกลักษณะของผู้ใช้งานในระบบ ว่ามีผู้ใช้แบบใดบ้าง)

Design Model – แบบจำลองการออกแบบ (การออกแบบที่คำนึงถึงผู้ใช้งาน กำหนดลักษณะการโต้ตอบในการใช้งานระบบ)

Mental Model (System Perception) – แบบจำลองสภาพจิตของผู้ใช้ หรือการรับรู้ระบบ (ภาพลักษณ์ของระบบที่ผู้ใช้จินตนาการไว้ ขึ้นอยู่กับภูมิหลังของผู้ใช้)

Implementation Model – แบบจำลองอิมพลีเมนต์เทชัน (“Look and feel” หน้าตาของส่วนประสานเข้ากับการสนับสนุนข้อมูล)

 

กระบวนการในการพัฒนาส่วนต่อประสาน เป็นกระบวนการวนซ้ำที่แทนได้เป็นแบบจำลองเกลียว

กระบวนการในการพัฒนาส่วนต่อประสาน
กระบวนการในการพัฒนาส่วนต่อประสาน เป็นกระบวนการวนซ้ำที่แทนได้เป็นแบบจำลองเกลียว

 

การวิเคราะห์แบะสร้างแบบจำลอง ประกอบด้วยกิจกรรมดังต่อไปนี้

            การวิเคราะห์ส่วนต่อประสาน (Interface Analysis) ในการวิเคราะห์ส่วนต่อประสาน ต้องเข้าใจปัญหาก่อน นั้นคือ

  • The people – เข้าใจคน บุคลากรที่ใช้งานระบบ
  • The Tasks– เข้าใจงานที่ผู้ใช้ต้องการใช้เพื่อให้ทำงานให้สำเร็จ
  • The Content – เข้าใจเนื้อหาที่จะต้องนำเสนอในส่วนต่อประสาน
  • The environment – เข้าใจสิ่งแวดล้อมที่งานเหล่านั้นทำงานอยู่

 

การวิเคราะห์และออกแบบส่วนประสานกับผู้ใช้ (Analysis and design  interface)  เป็นการออกแบบหน้าจอเพื่อให้ตอบสนองกับการใช้งานของผู้ใช้ ซึ่งการออกแบบควรคำนึงถึงการใช้งานง่าย ไม่ซับซ้อน ซึ่งสิ่งนั้นเป็นสิ่งที่ผู้ใช้งานต้องการมากที่สุด

 

ช่องทางการศึกษาเพิ่มเติมข่าวสารที่น่าสนใจเกี่ยวกับ : บทความทั่วไป

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีแก้ไขรูปแบบวันที่ ในเอกสาร google sheet
โดย thatsawan อ 03 ธ.ค. 2019 10:47 am บอร์ด Microsoft Office Knowledge & line & Etc
1
109
อ 03 ธ.ค. 2019 1:35 pm โดย chatee supasand
สอบถาม ปุ่มส่งค่า Activityไปยังหน้าอื่นและกลับมาหน้าหลัก
โดย Dhanaporn Promchatsoonthorn จ 02 ธ.ค. 2019 10:01 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
0
82
จ 02 ธ.ค. 2019 10:01 pm โดย Dhanaporn Promchatsoonthorn
วิธีการเพิ่ม - ลบ ช่องกรอกข้อมูล โดยใช้ jquery เพื่อปรับเพิ่มลดช่องกรอกข้อมูลได้ตามต้องการ
โดย Ittichai_chupol จ 02 ธ.ค. 2019 5:03 pm บอร์ด Jquery & Ajax Knowledge
0
98
จ 02 ธ.ค. 2019 5:03 pm โดย Ittichai_chupol
ขอความอนุเคราะห์เรื่อง การเขียนคิวรี่ข้อมูลในเดือน
โดย 9kitti จ 02 ธ.ค. 2019 1:39 pm บอร์ด SQL - Database
1
108
จ 02 ธ.ค. 2019 2:22 pm โดย mindphp
วิธีเดินทางจากสุราษฎร์ธานี (เกาะสมุย) มา กทม.
โดย Grammanano จ 02 ธ.ค. 2019 12:21 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
133
จ 02 ธ.ค. 2019 3:49 pm โดย thatsawan
การเดินทางจาก พัทยา มา กทม.(หมอชิต2)
โดย noppadonsk จ 02 ธ.ค. 2019 12:06 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
142
จ 02 ธ.ค. 2019 12:06 pm โดย noppadonsk
ค้นหาสินค้าได้รวดเร็วมากขึ้นจากคีย์เวิร์ดด้วย MooZiiCart Search
โดย prmindphp จ 02 ธ.ค. 2019 11:07 am บอร์ด MindPHP News & Feedback
0
135
จ 02 ธ.ค. 2019 11:07 am โดย prmindphp
การใช้ Ajax แสดงผล เมื่อเลือกรายการใน list แล้วเปลี่ยนรูปภาพที่แสดง
โดย bankjittapol ส 30 พ.ย. 2019 7:13 pm บอร์ด Jquery & Ajax Knowledge
0
552
ส 30 พ.ย. 2019 7:13 pm โดย bankjittapol
วิธีคำนวณ อายุ ด้วย Python นับจากวันเกิด ให้แสดงเป็น ปี เดือน วัน
โดย jirawoot ส 30 พ.ย. 2019 6:05 pm บอร์ด Python Knowledge
1
806
อ 01 ธ.ค. 2019 2:31 pm โดย mindphp
เอา library มาใช้แล้วขึ้น Cannot declare class Gumlet\ImageResize, because the name is already in use
โดย jamepiyawat ส 30 พ.ย. 2019 4:54 pm บอร์ด Programming - PHP
3
170
จ 02 ธ.ค. 2019 11:33 am โดย บุคคลทั่วไป
ทำเว็บขายสินค้าออนไลน์ง่ายๆ ไม่ต้องเขียนโปรแกรมก็สามารถทำได้ ด้วยFeatures Component Mooziicart
โดย prmindphp ส 30 พ.ย. 2019 1:55 pm บอร์ด MindPHP News & Feedback
1
155
ส 30 พ.ย. 2019 2:01 pm โดย mindphp
High Salary อาชีพน่าทำ ที่เงินเดือนเฉลี่ยสูงมาก !
โดย allyme ส 30 พ.ย. 2019 6:22 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
140
ส 30 พ.ย. 2019 6:22 am โดย allyme
TensorFlow ออกรุ่น 2.0 ณ ปัจจุบัน
โดย chatee supasand ศ 29 พ.ย. 2019 6:34 pm บอร์ด Share Knowledge
0
74
ศ 29 พ.ย. 2019 6:34 pm โดย chatee supasand
CSS การใช้ rotate() เพื่อทำให้ icon หมุน เมื่อนำเมาส์ไปชี้
โดย bankjittapol ศ 29 พ.ย. 2019 6:26 pm บอร์ด CSS Knowledge
0
101
ศ 29 พ.ย. 2019 6:26 pm โดย bankjittapol
วิธีการปรับแก้ไขข้อมูลก่อนส่งไปแสดงแจ้งเตือน ของ phpbb
โดย Ittichai_chupol ศ 29 พ.ย. 2019 5:49 pm บอร์ด PHP Knowledge
0
114
ศ 29 พ.ย. 2019 5:49 pm โดย Ittichai_chupol
วิธีการใช้ JQuery สำหรับเพิ่มลูกเล่นการสไล เพื่อปรับเปลี่ยนสีของ Form
โดย Ittichai_chupol ศ 29 พ.ย. 2019 4:51 pm บอร์ด Jquery & Ajax Knowledge
0
99
ศ 29 พ.ย. 2019 4:51 pm โดย Ittichai_chupol
การ import ไฟล์ sql ที่มีขนาดใหญ่ ลงใน phpMyAdmin
โดย bankjittapol ศ 29 พ.ย. 2019 4:31 pm บอร์ด SQL Knowledge
0
853
ศ 29 พ.ย. 2019 4:31 pm โดย bankjittapol
วิธีการปรับขยายช่อง textbox เมื่อมีการ focus เพื่อจะเพื่อที่จะประหยัดพื้นที่หน้าเว็บเวลาไม่ได้ใช้งาน textbox
โดย Ittichai_chupol ศ 29 พ.ย. 2019 2:47 pm บอร์ด CSS Knowledge
0
96
ศ 29 พ.ย. 2019 2:47 pm โดย Ittichai_chupol
วิธีการ ปรับเปลี่ยน class ของ css ด้วย Javascript เพื่อว่าสะดวกต่อการเปลี่ยนค่า css หลายค่าพร้อมกัน
โดย Ittichai_chupol พฤ 28 พ.ย. 2019 6:22 pm บอร์ด Jquery & Ajax Knowledge
0
138
พฤ 28 พ.ย. 2019 6:22 pm โดย Ittichai_chupol
CSS คำสั่ง background การกำหนดรายละเอียดของพื้นหลัง
โดย bankjittapol พฤ 28 พ.ย. 2019 6:03 pm บอร์ด CSS Knowledge
0
118
พฤ 28 พ.ย. 2019 6:03 pm โดย bankjittapol