Mockflow-Good Mockup Tool for web project by akara

Mockup คืออะไร?

คร่าวๆละกันครับ Mockup คือ การร่างแบบโปรเจคคร่าวๆเืืพื่อให้
ทีมพัฒนาเห็นภาำพได้ชัดเจนและเข้าใจตรงกันครับ (อันนี้ความเข้าใจส่วนตัวผมนะ)
ถ้าอยากอ่านละัเอียดๆ เคยมีน้องฝึกงานของผม blog เรื่องนี้ไว้ละครับ เข้าไปอ่านได้ ที่นี่

Mockflow ล่ะคืออะไร? ดียังไง?

ปกติแล้วส่วนใหญ่ผมจะ Mockup ในกระดาษครับ เพราะว่าเร็วและมันส์กว่า
แต่พอดีว่า วันก่อนมีเหตุต้องทำ Mockup ให้คนอื่นที่ไม่ใช่คนในออฟฟิศดู แล้วพอทำออกมาแล้ว
มันดูยากมาก เนื่องจากลายมืออันสวยงามของผม ผมก็เลยมีความคิดที่จะหา Tool อื่นๆมาใช้มั่ง
ก็หาไปเรื่อยๆ แล้วก็มาเจอกับตัวนี้แหละครับ

Mockflow เป็น Online Tool ในการทำ Mockup สำหรับ Software และ Web ครับ
สามารถเข้าไปใช้งานได้ที่ http://app.mockflow.com/mockflow

ข้อดีของ Mockflow มีเพียบเลยครับ ผมขอยกอันที่เด่นๆมาละกัน
component เยอะ, ใช้ง่าย, export เป็น powerpoint, pdf ได้

เริ่มสร้าง Mockup

Mockflow ทำผมประทับใจตั้งแต่เริ่มใช้งานเลยครับ เพราะแค่การ Create Mockup ยังไม่ธรรมดาเลย
มีตัวเลือกสร้าง Mockup ที่หลากหลายมาก (ชอบสุดตรงที่มี Facebook App นี่แหละ)

การใช้งาน

การใช้งานหลักๆคือ ลากเอา component ต่างๆจากทางขวามือเข้ามาครับ
สามารถใช้งาน Ctrl+C, Ctrl+V, Ctrl+Z ได้ตามปกติ
เวลาจะเซฟก็ Ctrl+S ด้วยนะเอ้อ

มี Component อะไรให้ใช้บ้าง?

พวกนี้เป็น component พื้นฐานครับ ไม่ขออธิบายมากนะครับ นอกจากนี้ก็ยังมี component แปลกๆเด็ดๆให้ใช้อีกเีพียบเลยครับ

Icon

เราสามารถเลือกได้เลยครับ จะใช้ icon อะไร มีให้เลือกเพียบ

Alert Box

Captcha

Horizontal & Vertical Scroll Bar

Pagination

Search Box

Text Editor

Video Player !?

Tag Cloud ก็มี

Tab Bar

Tab Navigator

อันนี้ Tab อีกแบบครับ component อันนี้เท่ตรงที่ว่ามันย้ายตำแหน่ง tab ได้

Map

Mockup Store

นอกจาก component ที่ให้มาแล้ว เรายังสามารถไปหา component มาเพิ่มได้อีกจาก Mockup Store

ในนี้จะมีทั้ง component และ layout ที่ผู้ใช้ทำขึ้นเองแล้วเอามาแชร์กันครับ

แบ่้ง Mockup เป็นหน้าๆ

เราสามารถทำ Mockup แยกเป็นหน้าๆได้ครับ โดยไปสร้าง page เพิ่มได้ที่ tab page ทางด้านขวา
(อยู่ที่เดียวกับ component)

และอีก 1 ความเจ๋งของ Mockflow ก็คือ เราสามารถทำ Page เป็น Template ได้ครับ
โดยที่คลิกที่ปุ่ม Apply Template ครับ มันจะให้เราเลือกว่าจะใช้ Page ไหนเป็น Template ของ Page นี้

สร้าง Page นึุงขึ้นมาเป็น Template ก่อน

หลังจากนั้นค่อยเอาไปใช้กับ Page อื่นๆ

การ Export

เราสามารถ export ได้หลายอย่างครับ ทั้ง Powerpoint, Pdf และ อืนๆอีก
คลิกที่ Mockup ตรงเมนูด้านบน แล้วเลือก export

ตัวเลือก export

อันนี้เป็นตัวอย่างทีผมทำเล่นๆ แล้ว export มาครับ Test_for_blog.ppt

ข้อเสียล่ะ?

ข้อเสียก็คือมันไม่ฟรีครับ ฮ่าๆๆ ถ้าใช้แบบฟรีจะโดนจำกัดให้ใช้ได้แค่ 4 page และ project เดียวครับ

ถ้าจะจ่ายตังก็ปีละ $59 ครับ ซึ่งผมว่ามันก็คุ้มดี โดยเฉพาะกับบริษัทที่ทำ Outsource รับโปรเจคเยอะๆผมว่ายิ่้งเหมาะมากเลย