UI/UX Redesign Brief

หน้าคลังข้อมูลอาชีพ (Career Content)

เป้าหมายหลักคือปรับปรุงโครงสร้างข้อมูล (Information Architecture) และการจัดวางเลย์เอาต์ (Layout) ของหน้าคลังข้อมูลอาชีพ เพื่อให้กลุ่มเป้าหมายหลัก (นักเรียน/วัยรุ่น) สามารถเข้าถึงข้อมูล ค้นหา และสำรวจอาชีพได้อย่างง่ายดาย สนุกสนาน และไม่รู้สึกถูกยัดเยียดข้อมูลมากเกินไป (Reduce Cognitive Load)

1. การปรับปรุงการแบ่งประเภทเนื้อหา

ปัจจุบันระบบจำแนกอาชีพตาม "กลุ่มสาขาวิชาชีพ" (15 หมวดหมู่) เป็นหลัก ซึ่งอาจจะกว้างเกินไปสำหรับเด็กที่ยังไม่มีจุดหมายชัดเจน ควรเพิ่มมิติการกรองข้อมูลให้ตรงกับพฤติกรรมและการรับรู้ของเด็ก โดยแบ่งออกเป็น 3 แกนหลัก

ความชอบและบุคลิกภาพ

เด็กมักจะตอบได้ว่าตัวเองชอบทำอะไรมากกว่าอยากเป็นอะไร

สายลุยชอบลงมือทำ, สายติสท์สร้างสรรค์, สายคำนวณและเหตุผล, สายชอบช่วยเหลือผู้คน

วิชาเรียนที่ชอบ

เชื่อมโยงชีวิตในห้องเรียนสู่อาชีพจริง

ชอบเรียนภาษา, ชอบเรียนเคมี/ชีวะ, ชอบเรียนศิลปะ, ชอบคอมพิวเตอร์

แท็กยอดฮิต

เข้าถึงกลุ่มอาชีพที่กำลังเป็นกระแสได้ทันที

#อาชีพมาแรง, #งานWorkFromHome, #เด็กสายศิลป์, #ไม่ต้องจบตรงสาย

2. โครงสร้างและการจัดวางเลย์เอาต์ใหม่

ปรับดีไซน์จากเดิมที่เป็นการ์ด 3 คอลัมน์ยาวลงไปเรื่อย ๆ ให้กลายเป็นแบบ Hierarchy Layer ที่เน้นความกะทัดรัด และรองรับการใช้งานบนมือถือเป็นหลัก (Mobile-First Design)

ส่วนที่ 1: Header & Discovery Section

  • Search Bar ขนาดใหญ่ที่เห็นเด่นชัด พร้อม placeholder เช่น "ค้นหาอาชีพที่ใช่ในสไตล์ที่เป็นเธอ"
  • Trending Quick Tags ใต้ช่องค้นหา เพื่อให้กดเข้าคีย์เวิร์ดยอดนิยมได้ทันทีโดยไม่ต้องเลื่อนหน้าจอ

ส่วนที่ 2: Sticky Top Bar Filter

  • หลีกเลี่ยง sidebar ด้านข้างแบบเว็บดั้งเดิม เพื่อให้หน้าไม่หนักและใช้งานบนมือถือได้ดี
  • ใช้ Capsule Tabs แบบเลื่อนซ้าย-ขวาได้ และตรึงอยู่ด้านบนเมื่อผู้ใช้เลื่อนหน้าลงมา
  • ใส่ emoji หรือไอคอนนำหน้าหมวดหมู่ เช่น แพทย์/สุขภาพ, ศิลปะ/ออกแบบ, วิศวกรรม/ไอที

ส่วนที่ 3: Featured & All Categories Showcase

  • แถวที่ 1: แนะนำอาชีพตามความชอบ/บุคลิกภาพ ด้วยการ์ดเด่นขนาดใหญ่
  • แถวที่ 2: กลุ่มวิชาชีพยอดนิยม เช่น ไอที, การแพทย์, บริหารธุรกิจ
  • แถวที่ 3: คลังหมวดหมู่อื่น ๆ ทั้งหมดในรูปแบบ grid ขนาดเล็กหรือ icon grid ที่กระชับ

3. การปรับปรุงดีไซน์ของการ์ด

ลดทอน text ในหน้าแรก

หน้าแรกของคลังอาชีพควรโชว์เฉพาะ "ชื่อหมวดหมู่", "จำนวนอาชีพภายใน" และ "ภาพกราฟิก/ไอคอน" เท่านั้น ส่วนคำบรรยายคีย์เวิร์ดยาว ๆ ให้ซ่อนไว้ก่อน และแสดงเมื่อเด็กคลิกเข้าไปในหมวดหมู่นั้นแล้ว

ปรับเปลี่ยนสไตล์ภาพ

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