More Related Content
Similar to ประสบการณ์ผู้ใช้ / ส่วนต่อประสานงานกับผู้ใช้ / ปฏิสัมพันธ์ / การตอบสนอง (UX / UI / Interactive / Responsive) (20)
More from Dr.Kridsanapong Lertbumroongchai (20)
ประสบการณ์ผู้ใช้ / ส่วนต่อประสานงานกับผู้ใช้ / ปฏิสัมพันธ์ / การตอบสนอง (UX / UI / Interactive / Responsive)
- 4. User Interface : UI
ในแง่ของไอทีมักหมายถึงอุปกรณ์หรือสิ่งที่ทาหน้าที่เป็น
ตัวกลางเชื่อมประสานให้ผู้ใช้และเครื่องจักรหรือคอมพิวเตอร์
สามารถจะสื่อสารหรือทางานร่วมกันเพื่อบรรลุเป้าหมายใด
เป้าหมายหนึ่งได้
ส่วนต่อประสานงานกับผู้ใช้
- 10. User Interface : UI
เป็นการออกแบบเชิงภาพ เช่น การออกแบบหน้าโฮมเพจ
การออกแบบหน้าต่างโปรแกรมคอมพิวเตอร์ให้สื่อ
ความหมายและใช้งานง่าย รวมถึงการออกแบบเสียงเตือน
ต่างๆ ของโปรแกรมให้เหมาะสม
ศาสตร์และศิลป์ของการออกแบบ
- 11. User Interface : UI
พบในแวดวงของนักวิจัยและพัฒนาสิ่งประดิษฐ์เทคโนโลยี
ใหม่ๆ เป็นหลัก มักเกี่ยวข้องกับเทคนิคเบื้องลึกที่ถูกใช้ใน
การสร้างและพัฒนานวัตกรรมฮาร์ดแวร์หรือซอฟต์แวร์
หรือทั้งคู่ จึงต้องอาศัยความรู้ทางเทคโนโลยีเฉพาะทาง
ในการทาความเข้าใจ
ในเชิงวิจัยและพัฒนา
- 12. User Experience : UX
เป็นสิ่งที่พูดถึงกันอย่างกว้างขวางมาก พูดถึงในเรื่องของ
ความชอบ ความประทับใจ ความพึงพอใจ หรือแม้แต่ใช้แล้ว
หงุดหงิดอารมณ์เสีย เช่น
ประสบการณ์ผู้ใช้
- 16. UI / UX
UI เป็นส่วนหนึ่งของ UX การสร้าง UX ที่ดีจะละเลยในส่วนของ UI ไม่ได้
แม้จะออกแบบ UI มาดี แต่องค์ประกอบอื่นทามาได้ไม่ดี ก็ไม่สามารถทาให้ UX ออกมาดีได้
- 17. การสร้าง UX ที่ดีได้ จะต้องเรียนรู้ความต้องการและลักษณะ
ของผู้ใช้ ทดสอบว่าผู้ใช้สามารถใช้ผลิตภัณฑ์ที่สร้างมานี้ได้จริง
หรือไม่ จะนาผลการทดสอบมาปรับปรุงผลิตภัณฑ์อย่างไร
- 27. User Friendly
ความเป็นมิตรกับผู้ใช้ (User Friendly) จะเน้นความพึงพอใจ
ของผู้ใช้เป็นหลัก โดยอาจไม่สนใจว่าผลิตภัณฑ์นี้ได้ทาในสิ่งที่
ผู้ใช้ต้องการสาเร็จลุล่วงอย่างถูกต้องหรือไม่ เพิ่มภาระให้กับ
ผู้ใช้เกินความจาเป็นหรือเปล่า
- 32. วิวัฒนำกำรของ UI และ UX
จากอดีตถึงปัจจุบัน
CLI
Command Line Interface
GUI
Graphic User Interface
NUI
Natural User Interface
1 2 3
- 33. Command Line Interface : CLI
เป็นลักษณะการพิมพ์บรรทัดคาสั่ง Command Line เพื่อสั่งงานคอมพิวเตอร์โดยตรงเช่นใน
ระบบปฏิบัติการ Windows หากต้องการสาเนาไฟล์ผ่านเครื่องมือบรรทัดคาสั่ง (Command
Prompt) ก็สามารถทาได้โดยการพิมพ์บรรทัดคาสั่ง
copy C:origin.txt D:destination.txt
ซึ่งจะทาสาเนาไฟล์ต้นฉบับ C:origin.txt และวางไฟล์สาเนาไว้ที่ D:destination.txt
- 34. Graphic User Interface : GUI
เป็นลักษณะที่คาสั่งต่างๆ ถูกแสดงเป็นภาพกราฟิกของแถบเมนูหรือไอคอนเรียง
บนหน้าจอทาให้ผู้ใช้สามารถใช้เมาส์เลือกคลิกคาสั่งที่ต้องการได้โดยไม่ต้องจา
ไวยากรณ์ของคาสั่งเหมือนอย่างการใช้งานบรรทัดคาสั่งในยุคแรก
- 35. Natural User Interface : NUI
สมาร์ทโฟนและแท็บเล็ตนอกจากจะมี GUI ที่ทาให้ใช้งานง่ายแล้ว ยังมุ่งเน้นความ
เป็นธรรมชาติของปฏิสัมพันธ์ด้วย สามารถใช้นิ้วจิ้มเลือกสิ่งที่ต้องการบนหน้าจอ
ได้เลย เหมือนกับวิธีที่คนเราทากันอยู่แล้วในชีวิตประจาวัน
- 36. CLI GUI NUI
วิวัฒนำกำรของ UI และ UX
จากอดีตถึงปัจจุบัน
Command Line Interface Graphic User Interface Natural User Interface
1 2 3
การเปลี่ยนแปลงใน 3 ยุคนี้ล้วนแต่เป็นการพัฒนา Usability และ UX ให้ดีขึ้น
• CLI : ที่ใช้ยากต้องจาชื่อคาสั่งและวิธีใช้รวมถึงไวยากรณ์ของแต่ละคาสั่งเองหมด
• GUI : ที่ให้ผู้ใช้มองและเลือกสิ่งที่ต้องการโดยไม่ต้องจา
• NUI : ที่ปรับการออกแบบรวมถึงปฏิสัมพันธ์ให้สอดคล้องกับหลักของ Usability
- 37. UX ที่ดีทาให้ UI มีความเป็นธรรมชาติมากขึ้น ผู้ใช้สามารถเรียนรู้การใช้งานได้
ด้วยตนเองอย่างอัตโนมัติจากสัญชาตญาณ
CLI GUI NUI
Command Line Interface Graphic User Interface Natural User Interface
- 38. ก้ำวต่อไปของ UI และ UX ในอนำคต
NUI ที่นักพัฒนากาลังพยายามสร้างกันอยู่ในปัจจุบัน คือ Zero UI (UI ล่องหน) ผู้ใช้แทบ
จะไม่รู้สึกถึงว่ามี UI ระหว่างใช้งานเลย อาจกล่าวได้ว่าเป็น NUI ที่ถูกเพิ่มระดับความเป็น
ธรรมชาติ ทาให้ UI นั้นถูกปิดซ่อนและทางานอยู่เบื้องหลังได้อย่างแนบเนียน
- 41. ประเภทของ UI
การแบ่งประเภทของ UI นั้นยังไม่มีเกณฑ์ที่แน่ชัด บ้างก็แบ่งเป็นประเภทฮาร์ดแวร์และประเภท
ซอฟต์แวร์ บ้างก็แบ่งตามประเภทของสื่อดิจิทัลที่เกี่ยวข้อง บ้างก็แบ่งตามชนิดของประสาท
สัมผัสที่ผู้ใช้รับรู้ ตัวอย่างเช่น
- 42. Text-based / Textual UI
หมายรวมถึง UI ในยุคของ Command Line Interface (CLI) ก่อนที่จะ
เปลี่ยนมาเป็นยุคของ Graphic User Interface (GUI) โดยใน UI ประเภท
นี้จะเน้นการสื่อสารและแสดงผลด้วยข้อความตัวอักษร
- 43. Visual UI
เป็น UI ที่ใช้หรือเกี่ยวข้องกับรูปภาพ เช่น ระบบปฏิบัติการที่
แสดงผลแบบ GUI หน้าจอสมาร์ทโฟนที่แสดงผลเป็นรูปภาพ 2
มิติ เทคโนโลยีที่เกี่ยวข้องกับการแสดงภาพ 3 มิติหรือกึ่ง 3 มิติ
เช่น Hologram, Projection Mapping, Virtual Reality,
Augmented Reality, กล้องวิดีโอ 360 องศา
- 44. Voice / Audio UI
UI ที่ใช้หรือเกี่ยวข้องกับเสียง เช่น ฟีเจอร์สั่งงานด้วยเสียง
บนสมาร์ทโฟน เทคโนโลยีการสร้างเสียงที่สมจริงสาหรับ
แว่นตาดิจิทัล
- 46. Touch / Tactile UI
UI ที่มุ่งเน้นการสัมผัสของนิ้วมือผู้ใช้บนพื้นผิวต่างๆ เช่น หน้าจอ
สัมผัสของสมาร์ทโฟนแท็บเล็ต และคอมพิวเตอร์ กาไลอัจฉริยะที่
ฉายภาพหน้าจอสมาร์ทโฟนลงบนท่อนแขนผู้ใช้ เปลี่ยนท่อนแขนนั้น
ให้กลายเป็นเสมือนหน้าจอที่สั่งงานด้วยการสัมผัสได้ เป็นต้น
- 47. Brain UI
หรือที่นิยมเรียกว่า Brain computer Interface (BCI)
เป็น UI ที่มุ่งเน้นการเชื่อมต่อระหว่างคลื่นไฟฟ้าสมองของ
ผู้ใช้กับคอมพิวเตอร์ประมวลผล เช่น อ่านคลื่นสมองของ
ผู้ใช้แล้วนามาแปลงเป็นคาสั่งสาหรับควบคุมไฟในบ้านให้
เปิดติดตามที่คิด
- 48. แบบฝึกหัด
สืบค้นและยกตัวอย่างของ UI ที่มีอยู่จริง อธิบายโดยสังเขปถึงเทคนิคหรือ
เทคโนโลยีที่ใช้อยู่เบื้องหลัง UI ที่เลือกมา แล้ววิเคราะห์ว่า UI นั้นทาหน้าที่
เป็น Input หรือ Output และสามารถนาสิ่งที่เลือกมานี้ให้เกิดประโยชน์กับ
ตัวเองได้อย่างไรบ้าง
1. Visual UI
2. Voice / Audio UI
3. Natural Language UI
4. Touch/Tactile UI
5. Haptic UI
6. Brain UI