Process Funnel หลักการออกแบบ minimal interface


ด้วยเจตนาของการพัฒนาซอฟต์แวร์ KnowledgeVolution เพื่อให้เป็นระบบการจัดการความรู้ ซึ่งปัจจุบันได้ติดตั้งกับเว็บไซต์ GotoKnow.org, Researchers.in.th และ Learners.in.th

KnowledgeVolution ประกอบด้วยระบบย่อยๆ หลายระบบ เช่น blog, file sharing, blog aggregator, tagging เป็นต้น ดังนั้น interface แต่ละส่วนเราได้พยายามแก้ไขปรับปรุงให้ผู้ใช้ใช้งานได้สะดวกรวดเร็ว

สำหรับส่วน interface ที่ผู้ใช้ต้องการทำงานที่สำคัญ (critical tasks) เช่น งานที่ต้องมีการ fill forms ต่างๆ เป็นต้น

ซึ่งปรากฏในการใช้งาน KnowledgeVolution เช่น การบันทึกลงบล็อก การอัพโหลดไฟล์ การแก้ไขประวัติ การเข้าระบบ เป็นต้น

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

การออกแบบ interface ลักษณะนี้เรียกว่า Process Funnel

นอกจากนี้ Process Funnel ยังเป็นเทคนิคที่ใช้เพื่อการออกแบบการทำงานที่เป็น steps ขั้นตอน เช่น การลงทะเบียนสมัครสมาชิก เป็นต้น อีกด้วยค่ะ

องค์ประกอบส่วนสำคัญอื่นๆ ที่มีอยู่ในหน้า minimal interface ลักษณะนี้ นอกจาก แบบฟอร์มแล้ว ก็จะมีส่วน navigation bars, buttons ในการ submit form, logo เป็นต้น

และสำคัญอย่างมากที่ minimal interface ลักษณะนี้จะต้องมีความ consistency ในการออกแบบ ไม่ว่าจะเป็น สีฟอนต์, รูปแบบฟอนต์, theme, color, background เป็นต้น เพื่อให้ผู้ใช้จำได้และไม่หลงทางหรืองงสับสนว่าอยู่ในเว็บใด

คำสำคัญ (Tags): #minimal interface#process funnel
หมายเลขบันทึก: 84997เขียนเมื่อ 19 มีนาคม 2007 10:58 น. ()แก้ไขเมื่อ 15 สิงหาคม 2014 10:46 น. ()สัญญาอนุญาต:


ความเห็น (5)

[นอกเรื่อง] อันนี้จงใจหรือเปล่าครับ? หรือว่าโปรแกรมเปิดเวบแสดงผลออกมาไม่เหมือนกัน? 

ถ้าหากว่าไม่ใช้ process funnel นี่ KnowledgeVolution จะออกมาหน้าตาอย่างไรครับ?

อย่างหน้า register ของ Drupal นี่ ใช้ process funnel หรือเปล่าครับ?

(ยกหน้า register เป็นกรณีตัวอย่างเหมาะสมหรือเปล่าครับ? หรือว่าควรดูหน้าอื่น?) 

ก้าวหน้าอย่างไม่หยุด  ฉุดก็ไม่อยู่ นะครับ

คงต้องทำให้สีอ่อนกว่านี้อีกหน่อยค่ะ แต่ก็พูดยากนะค่ะ Aesthetics กับ Usability

เสริมตรงนี้นิดหนี่งด้วยนะครับ

Minimal interface หรือน่าจะเรียกอีกอย่างหนึ่งได้ว่า Minimal design ใช้ได้ดีมากถ้า Object modeller และ UI designer ทำงานไกล้ชิดกันมากๆเพราะจริงๆแล้วจะเป็นผลดีกับทั้งสองฝ่ายครับ ตรงนี้จะยากสักหน่อยถ้าทั้งคู่ทำงานแบบ Silo หรือ Production line

process funnel  ตอนนี้ถือได้ว่าเป็น UI pattern ที่ค่อนข้าง mature แล้วครับสำหรับช่วยในการดีไซด์  step-by-step process 

พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ขอแนะนำ ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี