ลองของใหม่ สร้าง Mockup หน้าจอโปรแกรม

test2.moc

Posted by on July 15, 2014

สัปดาห์ที่แล้ว ทำงานอยู่ชิ้นนึง แล้วจบงานไม่ลง เพราะว่า user ไม่เข้าใจระบบที่เราอธิบาย วันนี้ ก็เลยพยายามแก้ปัญหา โดยการหาวิธีวาดรูปหน้าจอโปรแกรม ให้ user ดูก่อนเริ่มทำ ทีนี้การร่างหน้าจอโปรแกรม นี่มันเป็นอะไรที่เหนื่อยพอสมควร เลยพยายามหาตัวช่วย เป็นโปรแกรมสำเร็จรูปต่างๆ ดูไปดูมา มีให้เลือกหลายโปรแกรมเลยทีเดียว สามารถใช้คำค้นหา เช่น Free Mockup Tool ได้เลย วันนี้ลองใช้อยู่ตัวนึง ชื่อ Balsamiq Mockups ได้ผลงานตามภาพข้างล่างนี้ครับ

test4

test3.moc

test2.moc

test1.moc

 

ที่เห็นข้างบน ใช้เวลาทำ ประมาณ 1.5 ชั่วโมง แต่ถ้าใช้เวลาทำโปรแกรมจริง จะต้องทำ workflow ด้วย จะใช้เวลา 1-2 วัน เมื่อลองเอาไปเสนอ user ก็โดนตีกลับมาให้แก้ไข คือ user ต้องการ flow ที่ซับซ้อน และรองรับการทำงานที่มากกว่าในภาพที่เห็น

ผมคิดในใจว่า โชคดีมากที่ตัดสินใจวาด Mock-up ขึ้นมาก่อน ใช้เวลาแค่ 1.5 ชั่วโมง ดีกว่าเสียเวลา 2 วัน แล้วต้องมาแก้ไขงาน ซึ่งการแก้ workflow นั้น ไม่ยาก แต่มันวุ่นวายพอสมควร

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