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

Website Spotify [https://www.hotstar.com/th/]

UX

  • Interaction Design สามารถเลือกหนังได้ตั้งแต่เข้าสู่หน้าเว็ป ขนาดรูปภาพใหญ่มาก (แสดงว่ามีคนเลือกดูหนังจากการแนะนำนี้เยอะ หรือไม่ Disneys ก็ต้องการให้คนเห็นหนังเรื่องนี้มากที่สุด วันนี้ 19 สิงหาคม เป็นช่วงที่ดิสนีย์กำลังโปรโมท Shehulk อย่างบ้าคลั่ง มันน่าจะเป็นธรรมดาที่คนเข้าเว็ปมาเพื่อดู Shehulk พวกเขาจึงนำ SheHulk ขึ้นไว้หน้าแรกและใหญ่ที่สุด) ,

สามารถกรอกและค้นหาชื่อหนังด้านบนได้ (มีปุ่มเล็กแสดงว่า คนใช้น้อย)

  • Information Architect แคทตากอรี่สามอันดับแรกของ Disney คือ 1.ติดเทรนด์ประเทศไทย 2.มาใหม่สัปดาห์นี้ 3.ตอนใหม่ทุกสัปดาห์ สามอย่างนี้น่าจะเป็นแคตากอรี่ที่มีคนเข้าค้นหามากที่สุดแล้วสำหรับดิสนีย์ แต่เนื่องจากเป็น Dynamic Website การวิเคราะห์เช่นนี้จึงไม่ถูกต้องเสียทีเดียว อย่างไรก็ดีสามแคตากอรี่นี้อย่างน้อยที่สุดจะต้องเป็น แคตากอรี่พื้นฐานที่มีคนเข้ามากที่สุด ในขณะที่หากผู้ใช้บางคนมีรสนิยมการดูหนังที่แตกต่างออกไป การขึ้นสามอันดับแรกของ Disney ก็อาจแตกต่างออกไปด้วยเนื่องจากเป็น Dynamic website

  • Scenarios ตามที่วิเคราะห์ไปในข้อ interactive ซีรีย์ที่ใหญ่ที่สุดของดิสนีย์ คือซีรีย์ที่พวกเขาโปรโมทเยอะที่สุดอยู่ในเวลานี้

ในขณะที่ปุ่มค้นหานั้นเล็กมาก แสดงว่าผู้คนไม่ได้ต้องการเข้ามาเพื่อหาหนังเรื่องใดเรื่องหนึ่งโดยเฉพาะ หรือถ้ามีก็มีน้อย ดังนั้นจึงเล็กและดูเหมือนไม่ค่อยสำคัญนัก

UI

  • color สีพื้นหลังของดิสนีย์เป็นสีดำ แต่ดำไม่สุด เข้าใจว่า หากเป็นสีดำสุดจะทำให้โปสเตอร์ของภาพยนต์บางเรื่องที่เป็นสีดำสุดถูกกลืนเข้าไป จนส่งผลต่อ Design
  • graphic design ชื่อเรื่องของแต่ละเรื่อง จะไม่ปรากฏไม่เห็น จนกว่าจะนำเมาส์ไป Hover ก็จะมีชื่อเรื่องที่เป็น

    ปรากฏขึ้นมา ความข้อนี้ทำให้สบายตา เว้ปไซต์ดูไม่รก แต่หากสังเกตให้ดี แต่ละโปสเตอร์จะมีชื่อเรื่องที่เขียนเอาไว้อยู่บนนั้นอยู่แล้ว คนสามารถเข้าใจได้ว่าเรื่องใดคือเรื่องใด โดยไม่ต้องนำเมาส์วางก็ได้ แต่หากนำเมาส์ไปวางก็จะได้ข้อมูลที่มากขึ้น อย่างไรก็ดี การทำรูปแบบนี้ทำให้สบายตา ไม่รก นี่น่าจะเป็นประเด็นสำคัญที่สุด

  • layout ในแต่ละแคตากอรี่จะวางภาพยนต์ ซีรีย์เอาไว้ในแพทเทริน์เดียวกัน เข้าใจว่า หากทำแตกต่างกันแล้ว จะทำให้ยุ่งยาก เว้นแต่ซีรีย์ด้านบนที่ใหญ่ที่สุด ซึ่งมีความหมายพิเศษแตกต่างออกไปแต่ละเรื่อง
  • font หากนำเมาส์ไป Hover ที่ภาพยนต์จะมี

    ขึ้นมา แต่ละข้อความ มีสีที่แตกต่างกัน ชื่อเรื่องจะสว่างกว่า ในขณะที่คำอธิบายจะเทากว่า ในขณะที่ชื่อหัวข้อจะใหญ่ที่สุด (ใหญ่ ปกติ และ เทา สามสิ่งนี้น่าจะแบ่งตามความสำคัญของวัตถุชิ้นนั้นๆ)