Back to portal

UX/UI direction menu

ไม่ต้องให้ทุกหน้าเหมือนกัน ใช้ design ตามงานของ user

ชุดนี้แยก option ตาม persona และ job-to-be-done ชัดเจน: foreman ต้องเร็วและปุ่มใหญ่, manager ต้องเห็น exception, planner ต้องเห็น timeline, backoffice ต้องอ่านตัวเลขง่าย

Recommended mix

ถ้าจะขาย owner: ใช้ Executive Brief + Manager Command
ถ้าจะเทสต์หน้างานจริง: ใช้ Foreman Big Button + Field Control Gate
ถ้าจะคุยแผน manpower: ใช้ Planner Blueprint
ถ้าจะคุยเรื่องเงิน: ใช้ Backoffice Ledger
01

Foreman Big Button

Foreman mobile first

Open

หยิบคนเข้า site ให้จบใน 1-2 action ต่อหน้า

ปุ่มใหญ่, search ชื่อ/รหัส/ความถนัด, status เข้า-ออกชัด, confirm ก่อนเอาคนออก

Best for

ทดสอบกับโฟร์แมนจริงหรือ user สูงวัยที่ต้องทำงานกลางแดด

02

Manager Command

Project owner / manager

Open

เห็น money leak และ action needed ก่อนเสีย budget

KPI ก่อน, exception ต่อ, drill-down ทีหลัง ลดการอ่าน dashboard ที่รก

Best for

ขาย value ให้ owner ว่าระบบช่วยคุมเงินและ manpower จริง

03

Planner Blueprint

Engineer / planner

Open

วาง manday demand, shortage, timeline แบบเห็นทั้งแผน

Gantt-first, task demand, validate/publish, warning ก่อน assign เกิน capacity

Best for

ประชุมแผนรายสัปดาห์กับ engineer และ site lead

04

Backoffice Ledger

Finance / HR / admin

Open

salary, manday, site cap, variance อ่านง่ายแบบบัญชี

Table-first, row status, approval queue, export-ready ไม่ cinematic เกินไป

Best for

ทีมหลังบ้านที่ต้องเช็คตัวเลขและ reconcile รายวัน

05

Usecase Wizard

Demo facilitator

Open
1
2
3

เล่าเคสตั้งแต่ no-show ถึง replacement แบบเป็น step

Scenario cards, next best action, severity, owner, evidence checklist

Best for

workshop กับลูกค้าเพื่อเลือก scope pilot

06

Field Control Gate

Safety / site control

Open
Check-in
Skill match
Site permit

กันคนผิด site, skill ไม่ตรง, หรือยังไม่ check-in ก่อนเริ่มงาน

Gate checklist, exception badge, safe-to-assign state, retry/recovery ชัด

Best for

งานที่มี compliance, safety, หรือ subcontractor หลายชุด

07

Executive Brief

C-level / sponsor

Open
32%

ขาย business case ใน 5 นาที ไม่ใช่พาทัวร์หน้าจอ

Pain, proof, impact, pilot plan, CTA เน้น decision มากกว่า feature

Best for

present ให้ผู้บริหารก่อนเริ่ม pilot หนึ่ง site

08

Evidence Wall

QA / product owner

Open

รวม proof ว่าหน้าจอจริง responsive จริง และ flow วิ่งจริง

Screenshot proof, route map, state coverage, test notes, readiness tags

Best for

ใช้ปิด gap ก่อนส่งให้ stakeholder ดู

Next design move

เลือก 2-3 option แล้วค่อยทำเป็นหน้าจริงแบบสุดทาง

Mobile old-man friendly
Desktop command center
Blueprint planner
Finance ledger