Web · UX/UI · 2024

ThaiPBS World

ออกแบบเว็บข่าวภาษาอังกฤษของสื่อสาธารณะ โจทย์ธุรกิจคือความน่าเชื่อถือในสายตาผู้อ่านต่างชาติ และให้คนอ่านจบทั้งชิ้นบนมือถือ

Client Thai PBSRole Strategy, UX/UI, Art DirectionYear 2024
ThaiPBS World
01 — บริบท

ลูกค้าคือใคร
ตลาดเป็นอย่างไร

Thai PBS World คือสื่อภาษาอังกฤษของสถานีโทรทัศน์สาธารณะไทย ผู้อ่านหลักคือชาวต่างชาติในไทยและคนที่ติดตามข่าวไทยจากต่างประเทศ กลุ่มที่เปรียบเทียบเรากับ BBC, Reuters และ Bangkok Post ตลอดเวลา

02 — ความท้าทายทางธุรกิจ

ปัญหาที่ลูกค้าบอก
vs ปัญหาที่เจอจริง

โจทย์ที่ได้รับคือ "อยากได้เว็บใหม่ที่ดูทันสมัย" แต่พอเข้าไปดูข้อมูลจริง ปัญหาคือผู้อ่าน 78% มาจากมือถือ [ตัวเลขสมมติ — แทนด้วยข้อมูลจริง] และส่วนใหญ่ออกก่อนอ่านจบย่อหน้าที่สาม เว็บเดิมออกแบบจากมุมของกองบรรณาธิการ (เอาทุกอย่างขึ้นหน้าแรก) ไม่ใช่จากมุมของคนอ่าน

03 — กลยุทธ์ที่ใช้

Insight ที่นำไปสู่
ทิศทางการออกแบบ

เราตั้งเป้าเดียว: ให้คนอ่านจบทั้งชิ้นบนมือถือ ทุกการตัดสินใจย้อนกลับมาที่เป้านี้ หน้าบทความถูกออกแบบก่อนหน้าแรก (สลับลำดับจากปกติ) ระบบ typography ตั้งค่าเพื่อการอ่านยาว ๆ บนจอเล็ก และสร้าง "ความน่าเชื่อถือแบบสื่อสาธารณะ" ด้วยความนิ่งของ layout ไม่ใช่ลูกเล่น

Photo · ภาพกระบวนการ / sketch / workshop
[ใส่ภาพกระบวนการหรือ sketch ของโปรเจกต์]
04 — กระบวนการและเครื่องมือ

ทำอะไรบ้าง
ตามลำดับ

  • สัมภาษณ์กองบรรณาธิการและผู้อ่านต่างชาติ 12 คน
  • วิเคราะห์ analytics ย้อนหลัง 12 เดือน หาจุดที่คนออก
  • ออกแบบหน้าบทความ 3 แนวทาง ทดสอบกับผู้อ่านจริงก่อนเลือก
  • สร้าง design system 40+ components ส่งต่อทีมพัฒนา
  • ทำ guideline การใช้รูปและพาดหัวให้กองบรรณาธิการ
Photo · ชิ้นงานเพิ่มเติม
[ใส่ภาพชิ้นงานเพิ่มเติม 2–4 ภาพ]
05 — ผลลัพธ์

Impact

[xx%]เวลาอ่านเฉลี่ยต่อบทความ
[xx%]Bounce rate บนมือถือ
[xx]Components ใน design system

[ตัวเลขในวงเล็บเป็น placeholder — แทนด้วยข้อมูลจริงก่อนเผยแพร่]

06 — บทเรียน

สิ่งที่ได้เรียนรู้

ออกแบบหน้าที่คนใช้มากที่สุดก่อน ไม่ใช่หน้าที่ผู้บริหารเห็นก่อน
NewsPublic mediaResponsiveDesign system
ติดต่อ

มีโปรเจกต์ที่อยากให้
แวะมาคุยกัน?

เล่าโจทย์มาคร่าว ๆ ได้เลย ผมจะบอกตรง ๆ ว่าช่วยได้ไหม ควรเริ่มจากอะไรก่อน และถ้าไม่ใช่งานที่ผมถนัด จะแนะนำคนที่เหมาะกว่าให้