วิธีออกแบบ Prototype Application สุดง่ายด้วยMarvel app !!!

ในการ Design Application & Workflow ก่อนที่จะเริ่มพัฒนาโปรแกรมนั้นเป็นขั้นตอนที่สำคัญมาก เพราะคงน่าเบื่อไม่น้อยถ้าเราต้องกลับมาแก้ Workflow & UX UI ในภายหลัง

จะดีกว่าไหมน้าาา ถ้าเราสามารถออกแบบ Workflow UX UI ให้ถูกใจก่อนพัฒนา เพื่อจะไม่ต้องมาแก้ย้อนหลังให้เหนื่อยเปล่า

ดังนั้นวันนี้ผมจึงมาแนะนำ Tools ที่ใช้ในการออกแบบ workflow และ UX UI ของเรานั่นเอง!! โดย Tools ที่นำมาแนะนำวันนี้มีชื่อว่าาาา ……. Marvel App นั่นเองงงง!! ทาด๊าาาาาา..

Marvel App เป็น Tools ตัวหนึ่งที่ใช้ในการออกแบบ prototype workflow รวมไปถึงหน้าตาของแอพพลิเคชันอย่าง UX&UI นั่นเองครับ

ซึ่งตัวนี้ใช้งานบนหน้าเว็ป มีลักษณะเรียบง่ายเข้าใจได้ไม่ยาก แต่ก็ทำอะไรได้ไม่มากนักเช่นกัน ไม่มี Component ให้จัดวางบน Workspace ต้องนำเข้าภาพหน้าจอมาใส่เพียงอย่างเดียว สิ่งที่ทำได้คือ Action และ Transition เพื่อเปลี่ยนหน้า และสามารถใส่ Comment ในแต่ละหน้าได้ และหน้า Preview ก็ดูเข้าใจง่าย

วิธีใช้งานง่ายๆ ดังนี้

1. กด log in (เข้าสู่ระบบ)  หรือ sign up (ลงทะเบียน)

2. กด Create Project เพื่อสร้างชิ้นงาน

3. ตั้งชื่อชิ้นงาน พร้อมเลือกขนาดของอุปกรณ์

4. เลือก UI ที่จะนำมาใช้ดังนี้

  1. อัพโหลดรูปภาพจาก Computer, Dropbox, GoogleDrive และBox
  2. ออกแบบหน้า UI ใหม่จากหน้าเวปไซต์

5. ครอบพื้นที่ในการใช้ฟังก์ชันต่างๆ

6. เลือกรูปแบบการเปลี่ยนหน้าต่าง

7. เลือกรูปแบบการสั่งการ

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

โดยวิธีการใช้งานก็ช่างง่ายดายเหลือเกินเพียงแค่ทำตามคลิปสอนการใช้งานนี้เลยครับ

YouTube Preview Image

 

Tevin Braunshausen
at GlurGeek.Com

Leave a Reply

© 2022 GlurGeek.Com