User Experience Design

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

MFS2101 การออกแบบประสบการณ์ผใู้ ช้ วิธีก า ร ใ ช้ง า น AR BOOK 1 ดาวนโ์ หลดแอพพลิเคชนั Zappra scan for download 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 ของแต่ละหนา้ กล่มุ คนทีชนื ชอบการทํางานในแบบศิลปน layout Information Architecture โครงรา่ งการวางตําแหนง่ ของวตั ถเุ พอื จดั คือโครงสรา้ งขอ้ มูลทกุ อยา่ งทีอยูภ่ ายในแอป องค์ประกอบ หรอื เวบ็ ไซต์ Typography User Research คือการจดั วางและการออกแบบตัวอักษรเพอื เพอื ทําความเขา้ ใจถึง พฤติกรรม การสอื สาร ประสบการณ์ และเเรงจูงใจ Scenario เค้าโครงเรอื งราว ใชส้ าํ หรบั นาํ เสนอระบบ

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

EXDPUEERSSIIEGERNNCEMFS2101 การออกแบบประสบการณ์ผู้ใช้ scan for download เพือเข้าสูเ่ วบ็ ไซต์ misdigitalebook หรือเรยี นรสู้ อื วดิ ีโอ บทเรยี นในแต่ละ รายวิชาได้เลย !!! ส า ข า วิ ช า ส า ร ส น เ ท ศ ศ า ส ต ร์ แ ข น ง วิ ช า ร ะ บ บ ส า ร ส น เ ท ศ เ พื อ ก า ร จั ด ก า ร ม ห า วิ ท ย า ลั ย ร า ช ภั ฏ ส ว น สุ นั น ท า

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