Website ที่สนใจ : https://www.coursera.org/
วิเคราะห์ UX ในหัวข้อต่อไปนี้
1. Interaction Design
- มีช่องค้นหาคอร์สหรือหัวข้อที่ผู้ใช้ต้องการเรียน เมื่อผู้ใช้คลิ๊กที่ช่องค้นหา
- หากผู้ใช้ไม่ได้กรอกข้อมูลใดๆ จะปรากฏแถบข้อความคอร์สเรียนที่ได้รับความนิยมมากที่สุดและคำยอดนิยมที่ผู้ใช้ส่วนใหญ่ค้นหาในตอนนี้ ด้านล่างช่องค้นหา
- หากผู้ใช้ทำการกรอกข้อมูล จะมี autocomplete ทำให้รู้ว่ามีหัวข้อ/คอร์สเรียนอะไรบ้าง
2. Information Architect
- ถัดจากช่องค้นหาจะปรากฏแถบข้อความแนะนำคอร์สใหม่ หากผู้ใช้ไม่สนใจสามารถคลิ๊กปิดแถบข้อความนี้ได้
- ลำดับข้อมูลเนื้อหาที่ผู้ใช้ต้องรู้ได้ดี เริ่มจากการบอกว่าเว็บนี้คือเว็บที่มีการสอนเนื้อหาหลักสูตรโดยมหาวิทยาลัยและบริษัทต่างๆ หากสนใจสามารถเข้าร่วมได้โดยไม่มีค่าใช้จ่าย ถัดจากนั้นจึงเพิ่มความน่าเชื่อถือของเว็บด้วยการกล่าวถึงจำนวนมหาวิทยาลัยและบริษัทชั้นนำที่ร่วมมือกับเว็บนี้ แล้วจึงแสดงตัวอย่างคอร์สเรียนแนะนำที่มีการแบ่งหมวดหมู่ต่างๆ
3. Scenarios
- ผู้ใช้ที่มีหัวข้อที่สนใจอยู่แล้วค้นหาหัวข้อหรือคอร์สที่ผู้ใช้ต้องการเรียนที่ช่องค้นหา
- ผู้ใช้ที่ไม่มีหัวข้อเนื้อหาที่ต้องการเรียนเป็นพิเศษเลื่อนหน้าเว็บเพื่อดูตัวอย่างคอร์สเรียนแนะนำ ซึ่งมีการแบ่งหัวข้อตามหมวดหมู่
วิเคราะห์ UI ตามหัวข้อต่อไปนี้
1. Color
- เมื่อพื้นหลังสีอ่อนใช้ตัวอักษรสีเข้ม เมื่อสีพื้นหลังเข้มใช้ตัวอักษรสีอ่อน ทำให้เห็นเนื้อหาชัดเจน ไม่ปวดตา
- ใช้สีพื้นหลังเพื่อแบ่งส่วนเนื้อหา ทำให้อ่านได้ง่ายขึ้น
- ใช้สีแบ่งส่วนข้อความธรรมดาและลิงก์ โดยข้อความธรรมดาใช้สีเข้ม ในส่วนของข้อความที่เป็นลิงก์ใช้สีที่อ่อนกว่าอย่างเห็นได้ชัด
2. Graphic Design
- มีการใช้ภาพหรือโลโก้ของมหาวิทยาลัยและบริษัทชั้นนำประกอบเนื้อหา ซึ่งสื่อความหมายได้ชัดเจนและน่าอ่านมากกว่าเนื้อหาที่มีเพียงตัวอักษรอย่างเดียว
3. Layout
- ใช้พื้นที่ว่างในการแบ่งกลุ่มเนื้อหาทำให้ดูเป็นระเบียบเรียบร้อย
- ขนาดของกล่องคอร์สเรียนมีรูปแบบที่แตกต่างกันตามหมวดหมู่
4. Font
- ใช้ขนาดและความหนาของตัวอักษรในการแบ่งหัวข้อและเนื้อหา แสดงว่าต้องการให้ผู้ใช้สามารถอ่านเนื้อหาได้ง่ายและชัดเจน
- ใช้ตัวอักษรพิมพ์ใหญ่ทั้งหมดเพื่อบอกหมวดหมู่ว่าเป็น COURSE, PROFESSIONAL CERTIFICATE, 100% ONLINE ทำให้มองเห็นได้ชัดเจนขึ้นกว่าตัวอักษรพิมพ์เล็ก