Overflow Pro
(โปรแกรมสร้าง User Flow Diagrams สำหรับออกแบบ User Interface)

Subscription License

โปรแกรม Overflow Pro เป็น โปรแกรมด้านงานกราฟิกและการออกแบบ ที่มีความสามารถในการสร้าง User Flow Diagrams และนำเสนออกมาในรูปแบบที่สวยงาม เข้าใจง่าย โดยที่โปรแกรมนี้เป็นผลงานการพัฒนาจากบริษัทที่มีชื่อว่า Proto.io Inc เป็นโปรแกรมที่ทำให้นักออกแบบ UI สามารถนำเสนอไอเดีย หรือแนวคิดในการออกแบบ UI/UX (อินเตอร์เฟสผู้ใช้งาน/ประสบการณ์ผู้ใช้งาน) ให้กับลูกค้า หรือทีมงานผู้พัฒนาแอปพลิเคัชัน ได้เข้าใจไอเดียในการออกแบบ UI/UX และทำให้เห็นการไหลไปยังหน้าจอต่างๆ ของผู้ใช้งานได้อย่างชัดเจน ช่วยให้งานในการนำเสนอ หรือบอกเล่าไอเดียในการออกแบบ UI/UX ที่เคยเป็นเรื่องยุ่งยาก กลายเป็นเรื่องง่าย และรวดเร็วขึ้นมาในทันที

สะดวดรวดเร็ว ด้วยความสามารถในการนำเข้า (Import) ภาพหน้าจอ, รูปภาพ วัตถุดิบต่างๆ จากโปรแกรมด้านงานออกแบบ UI/UX ยอดนิยม อาทิ โปรแกรม Adobe XD , Figma , Sketch for Mac และ Adobe Photoshop มาเพื่อทำการสร้าง User Flow Diagrams และสร้างงานนำเสนอ ด้วยโปรแกรม Overflow Pro ตัวนี้ได้เลย และเราสามารถซิงค์การเปลี่ยนแปลงในรายละเอียดของงานออกแบบที่เกิดขึ้นใน โปรแกรม Overflow Pro กลับไปยังโปรแกรมต้นทางได้ด้วย ทำให้ชีวิตของนักออกแบบ UI/UX ง่ายขึ้นเยอะ รองรับการใช้งานทั้งบน Windows และ macOS

สำหรับองค์กรธุรกิจใด ที่ต้องการเร่งความเร็ว และเพิ่มประสิทธิภาพในการออกแบบ UI/UX สำหรับการพัฒนาแอปพลิเคชัน หรือหน้าเว็บ ก็สามารถหาซื้อลิขสิทธิ์แท้ของ โปรแกรมสร้าง User Flow Diagrams และสร้างงานนำเสนอ Overflow Pro ลิขสิทธิ์แท้ ได้ที่ ร้านขายสินค้าไอที ไทยแวร์ช้อป (Thaiware Shop) แล้ววันนี้

ตัวอย่าง VDO สาธิตการใช้งาน โปรแกรมสร้าง User Flow Diagrams และสร้างงานนำเสนอ Overflow Pro

คุณสมบัติ และ ความสามารถ (Features)

เปลี่ยนงานดีไซน์ให้มีชีวิตชีวา

โปรแกรมสร้าง User Flow Diagrams และสร้างงานนำเสนอ Overflow Pro มีความสามารถในการสร้าง User Flow Diagrams และสร้างงานนำเสนอแบบอินเตอร์แอคทีฟ ได้อย่างรวดเร็ว เพื่อให้ทีมงาน หรือลูกค้า เข้าใจประสบการณ์ในการใช้งาน แอปพลิเคชัน หรือเว็บไซต์ ที่เรากำลังจะพัฒนาขึ้นมา โดยการนำเข้าภาพหน้าจอ , รูปภาพ วัตถุดิบต่างๆ จากโปรแกรมด้านงานออกแบบ UI/UX ยอดนิยม อาทิ โปรแกรม Adobe XD , Figma , Sketch for Mac และ Adobe Photoshop มาทำการสร้างสรรค์ User Flow Diagrams ด้วยโปรแกรมนี้ได้ในทันที

สามารถวางรูปทรงง่ายๆ  หรือเส้นลูกศรลงใน User Flow Diagrams เพื่อแสดงให้เห็นเส้นทางการไหลไปยังแต่ละหน้าจอของผู้ใช้งาน ทำให้ทีมนักพัฒนาเข้าใจเส้นทางของผู้ใช้งานอย่างชัดเจน

จัดเรียง และใส่รายละเอียดในงานออกแบบ

เมื่อนำเข้าวัตถุดิบต่างๆ เรียบร้อยแล้ว โปรแกรมสร้าง User Flow Diagrams และสร้างงานนำเสนอ Overflow Pro เปิดโอกาสให้เราได้จัดเรียงลำดับหน้าจอการใช้งานได้อย่างอิสระ และลากเส้นเชื่อมโยงเส้นทางการใช้งานระหว่างหน้าจอต่างๆ เพื่อสร้าง User Flow Diagrams โดยภาพหน้าจอที่ Import มาจากโปรแกรมตัวอื่น จะมีการแยกเก็บวัตถุต่างๆ บนหน้าจอ ไว้ในรูปแบบของ Layers อย่างครบถ้วน ทำให้สามารถสร้างจุดเชื่อมต่อไปยังหน้าจออื่นๆ เพื่อสร้างเส้นทางของผู้ใช้งานได้อย่างง่ายดาย

หรือถ้าภาพหน้าจอที่เราเอามาใช้ ไม่ได้มีการแยก Layers ของวัตถุต่างๆ เอาไว้ เราก็สามารถสร้างจุด Hotspot สำหรับการลิงก์ไปยังหน้าจออื่นๆ ได้ด้วยตัวเอง และเรายังสามารถใส่รายละเอียดข้อความกำกับให้เก็บเส้นเชื่อมโยงแต่ละเส้น อย่างเช่น "Go to Product" (ไปยังหน้ารายละเอียดสินค้า) , "Go to Cart" (ไปยังรถเข็น) หรือ "Back" (ย้อนกลับไปหน้าก่อน)

และยังสามารถใส่ภาพของตัวเครื่องอุปกรณ์ (สมาร์ทโฟน , แท็บเล็ต , หน้าจอคอมพิวเตอร์) ในลักษณะของกรอบให้กับภาพหน้าจอของเรา เพื่อให้เห็นว่างานออกแบบหน้าจอของเรามีความเหมาะสม สวยงามหรือไม่ เมื่อไปแสดงผลบนขนาดหน้าจอต่างๆ

สร้างงานนำเสนอ User Flow แบบอินเตอร์แอคทีฟ

นำเสนอให้เห็น User Flow อย่างสวยงาม เข้าใจง่ายด้วย โปรแกรมสร้าง User Flow Diagrams และสร้างงานนำเสนอ Overflow Pro โดยที่โปรแกรมนี้มีการนำเสนอใน Presentation Mode ที่สามารถแสดงให้เห็นขั้นตอนการไหลไปยังหน้าจอต่างๆ ของผู้ใช้งาน ด้วยการคลิกบนปุ่ม หรือวัตถุต่างๆ บนหน้าจอ แล้วโปรแกรมจะแสดงให้เห็นการเดินทางไปยังหน้าจอต่างๆ อย่างสวยงาม เข้าใจง่าย โดยในระหว่างการเดินทางของผู้ใช้งาน ก็ยังสามารถซูมมออก เพื่อให้เห็นภาพรวมของกลุ่มหน้าจอต่างๆ และสามารถซูมกลับเข้าไปเพื่อดูรายละเอียดบนหน้าจอแบบชัดๆ ได้ตามต้องการ

ในโปรแกรมนี้ยังมี Prototype Mode ที่จำลองการแสดงภาพหน้าจอบนเครื่อง แท็บเล็ต/สมาร์ทโฟน และผู้ที่ชมการนำเสนอ หรือผู้ทดลองใช้งาน สามารถคลิกที่ภาพสินค้า หรือคลิกที่ปุ่มต่างๆ เพื่อให้เห็นการเดินทางไปยังหน้าจอต่างๆ ของผู้ใช้ ที่เกิดขึ้นบนอุปกรณ์จริงอย่างชัดเจน

แชร์ User Flow Diagrams ให้ทีมงาน หรือลูกค้าได้เข้าชม

โปรแกรมสร้าง User Flow Diagrams และสร้างงานนำเสนอ Overflow Pro มีเครืองมือสำหรับการแชร์งานออกแบบ User Flow ให้กับทีมงาน หรือลูกค้าได้เข้าชม ผ่านทางระบบออนไลน์ Overflow Cloud ด้วยการส่งลิงก์แบบสาธารณะ หรือลิงก์ที่ต้องใช้รหัสผ่านในการเข้าชมผลงานได้ตามต้องการ โดยมีช่องทางให้ผู้เข้าชม สามารถให้คอมเมนต์ หรือพูดคุยเกี่ยวกับประเด็นเรื่องงานออกแบบได้ตามต้องการ สามารถกล่าวถึง (Mention) เพื่อพูดคุยกับใครโดยตรง และไม่พลาดทุกความเคลื่อนไหวเกี่ยวกับข้อคิดเห็นในงานออกแบบ ด้วยการแจ้งเตือนผ่านอีเมล

นอกจากการแชร์ผลงานในรูปแบบลิงก์ออนไลน์แล้ว โปรแกรมนี้ก็ยังสามารถสั่งพิมพ์ภาพโครงข่ายของ User Flow Diagrams ในรูปแบบของภาพโปสเตอร์ขนาดใหญ่ ด้วยการขยายภาพของ User Flow Diagrams แล้วพิมพ์ลงบนกระดาษ A4 หลายๆ แผ่น แล้วนำมาเรียงต่อกันเป็นภาพโปสเตอร์ขนาดใหญ่ ทำให้นักพัฒนาแอปพลิเคชันเข้าใจขั้นตอนการทำงานอย่างชัดเจน รวมถึงสามารถ Export ภาพของ User Flow Diagrams ในรูปแบบไฟล์ PDF หรือ PNG ได้ด้วย

ซิงค์ความเปลี่ยนแปลงที่เกิดขึ้น กลับไปยังโปรแแกรมออกแบบ UI/UX

โปรแกรมสร้าง User Flow Diagrams และสร้างงานนำเสนอ Overflow Pro ช่วยให้การทำงานของนักออกแบบ UI/UX จบ ครบลูป ได้อย่างง่ายดาย โดยเมื่อเราได้รับ Feedback เกี่ยวกับงานออกแบบจากผู้มีส่วนเกี่ยวข้อง และเราได้ทำการแก้ไข User Flow Diagrams ตาม Feedback นั้นเรียบร้อยแล้ว เราก็สามารถซิงค์ความเปลี่ยนแปลงที่เกิดขึ้น กลับไปยังโปรแกรมออกแบบ UI/UX ต้นทาง อย่าง โปรแกรม Adobe XD , Figma , Sketch for Mac หรือ Adobe Photoshop ได้เลย ทำให้นักออกแบบไม่ต้องทำงานซ้ำซ้อน