รีวิว Marvel App เครื่องมือที่ช่วยออก แบบ UX/UI

รีวิว Marvel App เครื่องมือที่ช่วยออก แบบ UX/UI

ในปัจจุบันเครื่องมือสำหรับการออกแบบทั้ง website หรือ mobile app ในท้องตลาดมีอยู่มากมายทั้งที่ฟรี และ เสียเงิน แต่หลังจากที่ผมพยายาม ตามหาเครื่องมือสำหรับออกแบบ mobile app ที่ผมพัฒนาขึ้นก็มาเจอ website ที่ช่วยออกแบบที่มีชื่อว่า Marvel App  โดยราคาการใช้งานนั้นจะมี plan starter ที่ฟรี 1 user 2 project อยู่สามารถลองใช้งานกันได้เลยนะครับ

Marvelapp

รีวิว MARVEL APP เครื่องมือที่ช่วยออก แบบ UX/UI

จุดเด่นหลักของเจ้า Marvel App คือการเก็บข้อมูล Design หรือ Prototype ที่เราทำการออกแบบนั้นไว้บน cloud ที่รองรับทั้ง google drive หรือ dropbox ซึ่งก่อนหน้านี้ผมใช้ program ที่มีชื่อว่า pencil evo แล้วเก็บใน Cloud แต่เวลาการ import รูปภาพเข้าไปในไฟล์ที่ออกแบบไว้ไปเปิดเครื่องอื่น จะเกิดปัญหารูป import หาย ผมเลยหา เครื่องมือออกแบบตัวใหม่จนมาเจอเจ้า Marvel App นี้แหละครับ

เรามาดูกันดีกว่าว่าเจ้า Marvel App ทีหน้าตาการใช้งานอย่างไร

รีวิว MARVEL APP เครื่องมือที่ช่วยออก แบบ UX/UI

เมื่อ register เสร็จสร้าง project ใหม่จะมีรูปแบบ project ที่จะทำการออกแบบให้เลย ซึ่งเมื่อเลือกแล้วเวลาเรา new design มันจะกำหนดค่าหน้าจอให้ auto ตามมาตรฐานทั่วไปของรูปแบบ project ที่เราเลือกไว้ เช่น android app จะมีขนาดที่มันกำหนดให้คื่อ 1080 x 1920 เรียกว่าสะดวกมากเลยครับ

จากนั้นเมื่อเข้ามาในหน้า project จะมีให้เลือก 2 อย่างคือ new image หรือ new design

โดย new design จะเป็นการออกแบบหน้าต่างของ website หรือ app ที่เราต้องการออกแบบซึ่งจะมี tool ให้เลือกใช้มากมายไม่ว่าจะเป็น basic component ต่างๆ ทั้งของ android , ios, website นอกจากนี้ยังมีรูปทรง 4 เหลี่ยมกับวงกลมและตัวอักษรให้ใช้งานอีกด้วย ยังไม่จบเท่านี้ยังมี icon และ stock photo ให้เลือกใช้งานซึ่งมีจำนวนมากมายจุใจกันเลยที่เดียว หรือเราจะเลือก import image เข้ามาสำหรับการออกแบบหน้าจอของเราก็ได้

Marvelapp

สำหรับการ design ออกแบบหน้าจากนั้นสามารถกำหนด team เพื่อรองรับการทำงานหลายคนพร้อมกันซึ่งในส่วนนี้ผมยังไม่ได้รองเล่นดูครับเพราะมันไม่ฟรีต้องเสียครับผมเลยไม่ได้ลอง

ส่วน new image นั้นจะเป็นการ import รูปภาพมาใช้งานใน project หรือ หน้าจอที่ทำเสร็จที่เป็นรูปภาพเพื่อมา link กับหน้า design ที่กำลังออกแบบเอาไว้เวลา demo รองรับทั้ง upload จากเครื่องหรือ เลือกจาก dropbox และ google drive

รีวิว MARVEL APP เครื่องมือที่ช่วยออก แบบ UX/UI

หลังจาก design แต่ละหน้าจอเสร็จแล้วเจ้า Marvel App นั้นยังสามารถทำการ link แต่ละหน้าจอเพื่อทำการ demo work flow ในการใช้งานเวลา user จดแต่ละปุ่มได้อีกด้วย ซึ่ง Marvel App จะใช้รูปแบบการ link แต่ละหน้าตามที่เรากำหนด โดยเราต้องกำหนดขนาดกรอบสี่เหลี่ยม และกำหนด link หน้าจอที่จะให้ไปหลังจากกดบริเวณพื้นที่สี่เหลี่ยมที่กำหนดไว้ ซึ่งเรียกว่าใช้งานง่ายมากสำหรับการสร้าง demo application แค่กดปุ่ม play เท่านั้นไม่พอเพราะมันทำงานผ่าน online ทั้งหมดมันเลยสามารถแชร์ link demo ไปให้คนอื่นๆได้ลองเล่น demo link ได้อีกด้วย

รีวิว MARVEL APP เครื่องมือที่ช่วยออก แบบ UX/UI

 

ข้อเสียของเจ้า Marvel App คือมันทำงานผ่านระบบ online ทั้งหมดเพราะฉะนั้นถ้า internet ไม่ดีการ drag mouse ขยายขนาด icon หรือ เลื่อนตำแหน่ง icon ในงาน design อ้างพลาดได้ หรือการ response การปรับแต่งเวลา design จะช้าหน่อย ซึ่งเป็นจุดเสียที่ผมพบเจอในขณะนี้ครับ

ลองใช้งานกันได้ที่ Marvel App

Add a Comment

Your email address will not be published. Required fields are marked *