UXUI 1 - วิเคราะห์ UX/UI - [Yok]

website ที่เลือก คือ https://www.w3schools.com/

User Experience Analysis

Interaction Design
user สามารถเลือกภเรียนภาษาอะไรก็ได้ตามต้องการด้านบน ซึ่งค้นหาได้ง่ายที่แถบสีดำ ด้านข้างมี features ต่างๆของแต่ละภาษาแบ่งแยกไว้อย่างละเอียด ในหน้าเว็บเพจที่กดเข้าไปดูแต่ละ features ของภาษานั้นๆก็มีตัวอย่าง code และสามารถกดเพื่อไปทดลอง code ได้

Information Architecture
เว็บไซต์แบ่งเป็นหมวดได้อย่างดีและใช้ง่ายมากๆ user สามารถอ่านเพื่อทำความเข้าใจ features, functions, methods ต่างๆของแต่ละภาษาได้ เว็บไซต์ยังมีการเก็บข้อมูลของคำตอบที่ตอบไปในแต่ละ exercise

Scenario
user จะให้ความสนใจกับสิ่งที่ค้นหาเป้นพิเศษ เช่น how to use split() in java เขาก็จะหาสิ่งที่เขาต้องการ
user บางคนต้องการจะทดลอง code ก็สามารถใช้ IDE ของ w3school ได้โดยคลิกปุ่ม try it yourself ไป อีกทั้งในเว็บยังมีการโฆษณาเกี่ยวกับ certificate เพื่อให้ user รู้สึกสนใจอยากได้ certificate เพื่อสนับสนุนอาชีพของตัวเอง

User Interface Analysis

Color
เว็บไซต์ใช้สีโทนเย็น สีเขียว สีขาว ดูไม่ปวดตา เรียบง่ายแต่สวยงาม

Graphic Design
มีการใช้รูปภาพจำนวหนึ่งเพื่อบ่งบอกว่า link หรือ url ที่จะไปนั้นคืออะไรได้ชัดเจน ไม่สบสัน เว็บไซต์ยังมี dark mode feature สำหรับใครที่ชอบสีโทนมืด ดูแล้วไม่สว่างเกินไปเหมือนสีขาว

Layout
ข้อความ คำอธิบายอยู่ตรงกลางของเว็บเพจซึ่งก็ถูกต้องแล้ว ดูง่าย มีการแบ่ง scroll bar ไว้ด้านซ้าย และโฆษณาในหน้าเว็บไม่ดูรกรุงรัง

Font
ตัวอักษรใหญ่พอดี ไม่ต้องจ้องอ่าน โดดเด่นด้วยสีคำ มีการใช้ font หลากหลาย แยกชัดเจน เช่น font สำหรับ code และ font สำหรับคำอธิบาย