User Experience Design

EXDPUEERSSIIEGERNNCEMFS2101 การออกแบบประสบการณ์ผู้ใช้ MFS2101 การออกแบบประสบการณ์ผู้ใช้ User Experience Design สาขาวิชาสารสนเทศศาสตร์ แขนงวิชาระบบสารสนเทศเพือการจัดการ มหาวิทยาลัยราชภัฏสวนสุนันทา

MFS2101 การออกแบบประสบการณ์ผใู้ ช้ วิธีก า ร ใ ช้ง า น AR BOOK 1 ดาวนโ์ หลดแอพพลิเคชนั Zappar 2 เปดแอพพลิเคชนั สอ่ งไปทีมารค์ เกอร์ 3 marker ISC2103 พฤติกรรมสารสนเทศ M F S 2 1 0 1 ก า ร อ อ ก แ บ บ ป ร ะ ส บ ก า ร ณ์ ผู้ ใ ช้

จุ ด มุ่ ง ห ม า ย ข อ ง ร า ย วิ ช า 1 เพือให้นกั ศึกษามีความรู้ ความเข้าใจ เกียวกับการโตต้ อบ ระหวา่ งคอมพิวเตอร์กับผ้ใู ชง้ านขนั พืนฐาน 2 เพือให้นกั ศึกษาทราบแนวคิดเกยี วกับ การโตต้ อบแบบกราฟก และแบบเว็บไซต์ 3 เพือให้นกั ศึกษาทราบและเขา้ ใจเกยี วกับการเก็บพฤตกิ รรมผใู้ ช้ M F S 2 1 0 1 ก า ร อ อ ก แ บ บ ป ร ะ ส บ ก า ร ณ์ ผู้ ใ ช้

ส า ร บัญ| OAKRIDGE HOLDINGS 01 กรอบแนวคิดของการออกแบบ สว่ นต่อประสานผใู้ ช้ 02 ความแตกต่างระหวา่ ง UX / UI 03 การเก็บพฤติกรรมผใู้ ช้

กรอบแนวคิดของการออกแบบสว่ นต่อประสานผใู้ ช้ PAGE | 01 สว่ นต่อประสานงานผใู้ ช้ (User Interface: UI) คือ สว่ นทีใหผ้ ใู้ ชง้ านสามารถโต้ตอบ กับ ระบบ หรอื บรกิ าร เวบ็ ไซต์แอปพลิเคชนั หรอื ซอฟต์แวร์ การออกแบบสว่ นต่อประสานผใู้ ช้ (User Interface Design: UI Design คือ การออกแบบสว่ นต่อประสานผใู้ ชท้ ีเนน้ ไปทีภาพ (Visuals) ซงึ มกี ระบวนการ ทีเรมิ จากการรวบรวมขอ้ มูลทีเกียวขอ้ ง เพอื มารว่ มกันพฒั นากระบวนการ ออกแบบพฒั นาสว่ นต่อประสานผใู้ ชใ้ หใ้ ชง้ านไดอ้ ยา่ งมปี ระสทิ ธภิ าพ องค์ประกอบของสว่ นต่อประสานผใู้ ช้ มี 3 องค์ ประกอบ 12 3 ขอ้ มูลนาํ เขา้ การนาํ ทาง สว่ นประกอบของขอ้ มูล (Input Controls) (Navigation Controls) (Information Elements) เปนองค์ประกอบทีใหผ้ ใู้ ชส้ ามารถ เปนการเลือกตําแหน่งของผใู้ ช้ เปนการใหข้ อ้ มูลกับผใู้ ช้ เลือกในตัวเลือก และสามารถ ปลายทาง หรอื เปลียนขอ้ มูลที โดยใชส้ ว่ นต่อประสาน ปอนขอ้ ความได้ แสดงบนหน้าจอ

M F S 2 1 0 1 ก า ร อ อ ก แ บ บ ป ร ะ ส บ ก า ร ณ์ ผู้ ใ ช้ PAGE | 02 ประเภทของสว่ นต่อประสานผใู้ ช้ มี 3 ประเภท 1 สว่ นติดต่อแบบคอมมานด์ไลน์ (Command Line Interface) ผใู้ ชพ้ มิ พค์ ําสงั และเครอื งตอบสนองต่อ คําสงั แสดงออกมาโดยการพมิ พ์ หรอื แสดง ขอ้ ความบนจอภาพ มคี วามยากในใชง้ าน 2 สว่ นต่อประสานผใู้ ชแ้ บบกราฟก (Graphic User Interfaces: GUI) สว่ นต่อประสานผใู้ ชแ้ บบกราฟก เปน รปู แบบของสว่ นต่อประสานกับผใู้ ช้ ทีใหผ้ ใู้ ชโ้ ต้ตอบ กับผลิตภัณฑ์ดจิ ทิ ัลผา่ นองค์ประกอบภาพ 3 สว่ นติดต่อผใู้ ชท้ ีเปดใชง้ านด้วยเสยี ง (Voice-enabled User Interface) เสยี งของผใู้ ชโ้ ต้ตอบกับระบบ โดยใชก้ ารประมวล ผลภาษาธรรมชาติ เชน่ ระบบผชู้ ว่ ยเสมอื น (Virtual Assistant)

M F S 2 1 0 1 ก า ร อ อ ก แ บ บ ป ร ะ ส บ ก า ร ณ์ ผู้ ใ ช้ PAGE | 03 6 กระบวนการสาํ หรบั การสรา้ งสว่ นต่อประสาน 1. การสรา้ งตัวแทน 4. โครงรา่ งแบบปฎิสมั พนั ธ์ ของกล่มุ เปาหมาย โครงรา่ งแบบ ต้นแบบ ทําความเขา้ ใจความ เปนวธิ ที ีมปี ระสทิ ธภิ าพทีสดุ ต้องการของกล่มุ เปาหมาย ซงึ ใชว้ ธิ กี ารวาด 2. การระบุสถานการณ์ 5. การลดความซบั ซอ้ น สรา้ งปฏิสมั พนั ธท์ ีมี การจดั ทําแผนทีประสบการณช์ ว่ ย ประสทิ ธภิ าพทีตรงตาม ลดความซบั ซอ้ นเพอื ดาํ เนนิ การตามที ความคาดหวงั ของผใู้ ช้ ต้องการ 3. การจดั ทําแผนทีประสบการณ์ 6. การลดจาํ นวนตัวเลือก จดั ทําขนั ตอนของการเดนิ ทางทีผใู้ ช้ ลดความสบั สนทีอาจเกิดขนึ ในการเลือก

ควาMมFแS ต2 1ก0 1ต่กางา รรอะอหกวแ บา่ งบ ปUร ะ Xส บ /ก าUร ณI์ ผู้ ใ ช้ PAGE | 04 Visual design Interaction Design การออกแบบศิลปะในรปู แบบต่างๆ ทีเรา Interaction Design (IxD) คือ การออกแบบ สามารถมองเหน็ ปฎิสมั พนั ธร์ ะหวา่ งผใู้ ชง้ าน (user) กับวตั ถุ color wireframe and prototype สที ีใชใ้ นการออกแบบผลงาน รา่ งแบบขาว-ดาํ ของเวบ็ ไซต์ / แอพ โดยเนน้ ที graphic design Content ของแต่ละหนา้ กล่มุ คนทีชนื ชอบการทํางานในแบบศิลปน Information Architecture layout คือโครงสรา้ งขอ้ มูลทกุ อยา่ งทีอยูภ่ ายในแอป โครงรา่ งการวางตําแหนง่ ของวตั ถเุ พอื จดั หรอื เวบ็ ไซต์ องค์ประกอบ User Research Typography เพอื ทําความเขา้ ใจถึง พฤติกรรม ประสบการณ์ คือการจดั วางและการออกแบบตัวอักษรเพอื และเเรงจูงใจ การสอื สาร Scenario เค้าโครงเรอื งราว ใชส้ าํ หรบั นาํ เสนอระบบ

M F S 2 1 0 1 กกาารร อเกอ ก็บแพบ บฤปตร ะิกสรบ รก มา รผณ์ใู้ ผชู้ ใ ช้ ้ PAGE | 05 การเก็บพฤติกรรมผใู้ ช้ (User Behavior) เปนสว่ นหนงึ ของการวจิ ยั ผใู้ ช้ (User Research) โดยมจี ุดประสงค์เพอื เก็บรวบรวมทกุ อยา่ งทีเปน เสน้ ทางการใชง้ านผลิตภัณฑ์ใชใ้ นการวเิ คราะห์ พฤติกรรมการใชง้ านและออกแบบตัวระบบเพอื ให้ ตรงต่อความต้องการของผใู้ ชง้ านมากทีสดุ ยกตัวอยา่ งเชน่ จาํ นวนการคลิก อัตราสว่ น ของการเขา้ ระยะเวลา ชมเวบ็ ไซต์ ในการอยูใ่ น session วธิ กี ารและเครอื งมอื ในการเรยี นรูเ้ กียวกับ พฤติกรรมของผใู้ ช้ การสมั ภาษณผ์ ใู้ ช้ แผนทีเสน้ ทางผใู้ ช้ การวเิ คราะห์ขอ้ มูลเชงิ ลึก การวเิ คราะห์งาน

EXDPUEERSSIIEGERNNCEMFS2101 การออกแบบประสบการณ์ผู้ใช้ ส า ข า วิ ช า ส า ร ส น เ ท ศ ศ า ส ต ร์ แ ข น ง วิ ช า ร ะ บ บ ส า ร ส น เ ท ศ เ พื อ ก า ร จั ด ก า ร ม ห า วิ ท ย า ลั ย ร า ช ภั ฏ ส ว น สุ นั น ท า

อ้างอิง เนอื หาทังหมดอ้างอิงจาก รายวชิ า MFS 2101 การออกแบบ ประสบการณผ์ ใู้ ช้ User Experience Design ขอขอบพระคณุ อาจารย์ ดร.จารมุ น หนคู ง อาจารยป์ ระจาํ รายวชิ า MFS 2101 การออกแบบประสบการณผ์ ใู้ ช้ M F S 2 1 0 1 ก า ร อ อ ก แ บ บ ป ร ะ ส บ ก า ร ณ์ ผู้ ใ ช้