ทำ Wireframe แนะนำโปรแกรมทำ Wireframe และ Mockup

ทำ Wireframe แนะนำโปรแกรมทำ Wireframe และ Mockup

ในขั้นตอนของการพัฒนา หลังจากขั้นตอนการค้นหาและรวบความข้อมูล การเสนอไอเดียกับลูกค้า
รวมไปถึงการเก็บ requirement จากลูกค้าเสร็จแล้ว ขึ้นต่อไปคือ การสรุปรวมไอเดียต่าง ๆ
จากการพูดคุยกันในทีมและกับลูกค้าให้กลายเป็น Wireframe หรือ Mockup
การทำ Wireframe คือการเปลี่ยนกระดาษโน๊ตให้กลายเป็นรูปร่างมากยิ่งขึ้น ทีมพัฒนากับเจ้าของงาน
จะเห็นรูปร่างของงานชัดเจนขึ้นจากการทำ Wireframe

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

ภาพตัวอย่าง wireframe และ design จริง
ไวเฟรม, wireframe, รับทำเว็บไซต์

Balsamiq สุดยอดโปรแกรมทำ Wireframe

Balsamiq เป็นโปรแกรมทำ Mockup & Wireframe สามารถออกแบบได้ทั้ง website และ Application
การทำ wireframe จะใช้โปรแกรม photoshop ธรรมดาก็ได้ หรือบางคนถนัดใช้ปากกา ดินสอ ก็สามารถวาดมือได้

Balsamiq เป็นโปรแกรมเสียเงินนะครับ ไม่ฟรี และเราสามารถใช้แบบ trial ได้ทั้งแบบใช้งานผ่านเว็บและ
ใช้งานแบบ standalone มีทั้งแบบเวอร์ชั่นบนเครื่อง mac และ pc ลองดาวน์โหลดมาทดลองใช้งานได้กันครับ
สามารถหาข้อมูลเพิ่มเติมได้ที่เว็บไซต์ balsamiq.com

กระทู้ใกล้เคียง

ลืมรหัสผ่าน FTP วิธีกู้คืนรหัสผ่านโปรแกรม FileZill... ลืมรหัสผ่าน FTP วิธีกู้คืนรหัสผ่านจากโปรแกรม FileZilla FTP ลืมรหัสผ่าน FTP วิธีกู้คืนรหัสผ่านโปรแกรม FileZilla FTP รหัสผ่านของโปรแกรม FTP ส่วนใหญ่...
วิธียืนยัน facebook page verified badge... วิธียืนยัน facebook page verified badge วิธียืนยัน facebook page ปัจจุบันการยืนยัน facebook แฟนเพจ จะมีอยู่ 2 ช่องทางนะครับ 1. ยืนยันด้วยการคุ...
วิธีแก้สระลอย สำหรับภาษาไทย ในโปรแกรม Photoshop... วิธีแก้สระลอย สำหรับภาษาไทย ในโปรแกรม Photoshop วิธีแก้สระลอย สำหรับภาษาไทย ในโปรแกรม Photoshop ในการออกแบบ graphic ในรูปแบบต่าง ๆ โดยโปรแกรมออกแบ...
วิธีทำ mockup, wireframe ด้วย balsamiq mockup 3... วิธีทำ mockup, wireframe ด้วย balsamiq mockup 3 หลาย ๆ คนยังทำ mockup หรือ wireframe สำหรับวางโครงสร้างเว็บหรือแอพลิเคชั่น สำหรับนำเสนอลูกค้า ...

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.