วิเคราะห์ UX/UI - Yarinda

วิเคราะห์ ux/ui ของ website : YouTube : www.youtube.com
1. Ux
1.1 Interaction Design
- การวางเมาส์เหนือวิดิโอเพื่อเล่นวิดิโอตัวอย่าง ช่วยให้เห็นตัวอย่างวิดิโอก่อนกดเข้าไปดูวิดีโอเต็มๆ
- การเอาเม้าส์คลิกที่ช่อง search เมื่อต้องการค้นหาบางอย่างจะปรากฏ history search หรือประวัติการค้นหาที่เคยค้นหาก่อนหน้า ช่วยให้ผู้ใช้ที่ต้องการค้นหาสิ่งที่เคยค้นหามาแล้วเจอสิ่งที่ต้องการค้นหาได้สะดวกและรวดเร็วมากยิ่งขึ้น
- การค้นหาในช่อง search แล้วปรากฎ search suggestions ทำให้ผู้ใช้สามารถดูได้ว่าสิ่งที่ค้นหาสะกดถูกต้องหรือไม่ และช่วยให้ผู้ใช้ค้นหาในสิ่งที่ต้องการได้สะดวกและรวดเร็วมากยิ่งขึ้น
- การวางเมาส์ไว้ที่ไอคอนต่างๆ จะปรากฏคำอธิบายว่าไอคอนต่างๆนั้นมีหน้าที่อะไร ยกตัวอย่างเช่น วางเมาส์ไว้ที่ไอคอนรูปไมค์โครโฟนจะปรากฎคำอธิบายว่า ค้นหาด้วยเสียง ทำให้ผู้ใช้ที่ไม่รู้ความหมายไอคอนต่างๆสามารถเข้าใจความหมายของไอคอนนั้นๆได้
- การวางเมาส์ไว้บนเมนู เมนูที่เลือกจะปรากฏสีแตกต่างจากเมนูอื่น ทำให้ผู้ใช้รู้ว่ากำลังเลือกเมนูไหนอยู่
1.2 Information Architect
- มี banner โฆษณา YouTube Premium อยู่ตรงกลางดึงดูดสายตา เป็นสิ่งแรกที่เห็นเมื่อเข้ามาในเว็บไซต์ มีแถบเมนูด้านซ้ายมือจัดวางได้ค่อนข้างสะดวกต่อการใช้งาน มีแถบช่อง search ซึ่ง pin ไว้อยู่ด้านบนตลอดเวลาเเม้ว่าจะเลื่อนลงมาด้านล่างสุดก็ยังสามารถเห็นแถบช่อง search ได้ทำให้สะดวกต่อการใช้งาน สามารถกดค้นหาซึ่งที่ต้องการได้ตลอดเวลา มีไอคอนการแจ้งเตือนและโปรไฟล์อยู่ด้านบนซ้ายมือซึ่งค่อนข้างเป็นสากลและเป็นสิ่งที่ผู้ใช้ค่อนข้างคุ้นเคย
1.3 Scenarios
- ผู้ใช้ต้องการเข้าไปค้นหาเพลงที่เคยฟังไปแล้วเมื่อสัปดาห์ก่อนแต่จำชื่อเพลงได้เพียงบางส่วน search suggestions และ history search ช่วยให้ผู้ใช้หาเพลงที่ต้องการได้สะดวกและรวดเร็วมากขึ้น
- ผู้ใช้เข้ามาโดยที่ยังไม่รู้จะดูอะไร ผู้ใช้จึงวางเมาส์ไว้บนวิดิโอเพื่อดูตัวอย่างวิดิโอไปเรื่อยจนเจอวิดิโอที่อยากดู
2. Ui
2.1 Colors
- การออกแบบตัว body ของ website ไม่เน้นสีเยอะเพราะตัววิดิโอมีสีสันมากมายอยู่แล้ว การเลือกพื้นหลังสีขาวทำให้ตัววิดิโอเด่นชัดขึ้นมา ดูแล้วสบายตา พื้นหลังไม่ตีกับตัวสีของวิดิโอ
2.2 Graphic Design
- โลโก้หรือ banner ออกแบบได้เรียบๆ สวยงาม ค่อนข้างคลาสสิคและจดจำง่าย
2.3 Layout
- จัดวางระยะห่างของแต่ละวิดิโอที่โชว์ให้กับผู้ใช้ได้ดี แต่ละวิดิโอมีระยะห่างพอดี ไม่ติดกันเกินไปทำให้ดูเป็นระเบียบ ผู้ใช้ไม่ลายตา และไม่สับสนกดผิดวิดีโอ
2.4 Font
- ขนาดกำลังพอดีสำหรับผู้ใช้งานทั่วไปที่ไม่มีปัญหาทางด้านสายตา แต่สำหรับผู้มีปัญหาทางด้านสายตาหรือผู้สูงอายุอาจมองเห็นตัวหนังสือต่างๆได้ลำบากเพราะค่อนข้างเล็ก