รีวิว Proto.io: ทุกสิ่งที่คุณต้องรู้

การสร้างต้นแบบแนวคิดแอปของคุณอาจเป็นตัวเปลี่ยนเกมได้ แต่การค้นหาเครื่องมือที่เหมาะสมสำหรับงานนั้นไม่ใช่เรื่องง่ายเสมอไป เข้าสู่ Proto.io – แพลตฟอร์มสร้างต้นแบบบนเว็บที่ได้รับความนิยมมาตั้งแต่ปี 2011

เดิมทีออกแบบมาสำหรับอุปกรณ์ iOS ปัจจุบันเป็นเครื่องมืออเนกประสงค์สำหรับผู้ที่ชื่นชอบแอป นักออกแบบ และผู้เชี่ยวชาญด้าน UX บนหลายแพลตฟอร์ม

ในรีวิวนี้ เราจะเจาะลึก Proto.io เพื่อดูว่ามันทำได้จริงอย่างที่โฆษณาไว้หรือไม่ เราจะสำรวจคุณสมบัติหลักๆ ของมัน ตั้งแต่ส่วนต่อประสานแบบลากและวางที่ใช้งานง่ายไปจนถึงเครื่องมือการทำงานร่วมกัน

นอกจากนี้เรายังจะแจกแจงโครงสร้างราคา ชั่งน้ำหนักข้อดีและข้อเสีย และช่วยคุณตัดสินใจว่า Proto.io เหมาะสมกับความต้องการในการสร้างต้นแบบของคุณหรือไม่

ไม่ว่าคุณจะเป็นผู้เชี่ยวชาญด้านการเขียนโค้ดหรือมือใหม่ด้านการออกแบบ อย่าลืมติดตามในขณะที่เราแกะทุกสิ่งที่ Proto.io นำเสนอออกมา เมื่อสิ้นสุดการตรวจสอบนี้ คุณจะมีภาพที่ชัดเจนว่าเครื่องมือนี้สามารถทำอะไรได้บ้างสำหรับกระบวนการพัฒนาแอปของคุณ และจุดใดที่อาจไม่เพียงพอ

มาเริ่มกันเลย!

แล้วเรามาดูเครื่องมือหนึ่งที่น่าสนใจที่คุณสามารถใช้ประโยชน์จากสิ่งนี้ได้อย่างไร

Proto.io คืออะไร?

สร้างโดย Labs Division ของ SNQ Digital โปรโต.io เปิดตัวมาตั้งแต่ปี 2011 เมื่อมันเปิดตัวในฐานะแพลตฟอร์มเว็บเชิงพาณิชย์ที่เกี่ยวข้องกับการพัฒนาต้นแบบสำหรับไอแพดและไอโฟน จากนั้นจะเปลี่ยนเป็นเฟรมเวิร์กที่มีพลังมากขึ้นและขยายเพื่อรองรับอุปกรณ์หลาย ๆ อย่าง

ในปัจจุบันแพลตฟอร์มนี้มีเป้าหมายเป็นผู้ที่ชื่นชอบแอพนักออกแบบมือถือนักออกแบบการโต้ตอบและผู้เชี่ยวชาญด้านประสบการณ์ผู้ใช้ด้วยเครื่องมือสร้างต้นแบบที่สำคัญหลากหลาย

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

นอกจากนี้ยังมีไลบรารีของการโต้ตอบแบบครบวงจรซึ่งสามารถนำไปใช้อย่างเป็นระบบกับเลเยอร์ใดก็ได้

และเมื่อพูดถึงสิ่งที่ Proto.io ดูเหมือนจะปรับปรุงกระบวนการทั้งหมดของการสร้างต้นแบบโดยการอำนวยความสะดวกหลายชั้นบนหน้าจอต่างๆ ผู้ใช้ยังสามารถนำเข้าจาก Sketch หรือ Photoshop, สร้างการโต้ตอบกับ JavaScript, ซิงค์สินทรัพย์จำนวนมากด้วย Dropbox และการออกแบบการเคลื่อนไหวรายละเอียดในขณะที่ดูตัวอย่างภาพเคลื่อนไหวผ่านหน้าต่างแก้ไข

ทุกสิ่งที่พิจารณาแล้วสิ่งหนึ่งที่ทำให้ Proto.io มีค่าควรพิจารณาคือความจริงที่ว่าผู้พัฒนาปรับปรุงอย่างต่อเนื่องด้วยการอัพเดทใหม่เป็นครั้งคราว พวกเขาได้เปิดตัวสองตัวในเดือนพฤศจิกายนปีเดียวซึ่งส่งผลกระทบต่อผู้เล่นและบรรณาธิการ

แต่แล้วอีกครั้ง Proto.io ก็มาพร้อมกับจุดอ่อนที่น่าทึ่ง วิธีที่พวกเขาสามารถส่งผลกระทบต่อการทำงานของคุณเป็นสิ่งที่เราจะตรวจสอบในไม่ช้า การตรวจสอบ Proto.io นี้ครอบคลุมรายละเอียดที่สำคัญทั้งหมดที่คุณต้องทราบคุณสมบัติพื้นฐานการกำหนดราคาจุดแข็งและข้อเสีย

และเพื่อเริ่มต้นเรานี่คือคุณสมบัติหลัก ...

คุณสมบัติ Proto.io

สร้างต้นแบบ

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

โชคดีที่ Proto.io ไม่ได้โยนทุกอย่างที่คุณ ดังนั้นอย่ากังวลหากคุณไม่เห็นองค์ประกอบสำคัญบางอย่างในตอนเริ่มต้น ฟังก์ชันการทำงานที่มากขึ้นและตัวเลือกตามบริบทจะได้รับประโยชน์อย่างมากเมื่อคุณดำเนินโครงการของคุณต่อไป

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

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

การผสานและทดสอบพวกเขาไม่ได้ใช้ความพยายามมากนักเนื่องจาก Proto.io สร้างขึ้นด้วยคุณสมบัติการแสดงตัวอย่างภาพเคลื่อนไหว น่าเศร้าที่ฉันไม่คิดว่ามันเป็นพรีวิวแบบเรียลไทม์ 100% เนื่องจากผู้ใช้จะต้องบันทึกโครงการของพวกเขาก่อนที่จะมีการเปลี่ยนแปลงภาพเคลื่อนไหวในตัวอย่าง

อย่างน้อยระบบจะชดเชยสิ่งนั้นด้วยส่วนต่อประสานแบบลากแล้วปล่อย การลากองค์ประกอบใด ๆ นั้นเป็นเรื่องง่ายอย่างน่าประหลาดใจและคุณสามารถปรับได้ตามต้องการจากนั้นไปยังองค์ประกอบถัดไป

หากคุณใช้รายการที่คุณคิดว่าคุณอาจต้องการในภายหลัง (แอนิเมชั่น, การโต้ตอบ, องค์ประกอบ UI) ช่วยตัวคุณเองให้ทำงานหนักโดยใช้ประโยชน์จากการประหยัดตู้คอนเทนเนอร์ ด้วยวิธีนี้คุณจะสามารถลากและวางอย่างเหมาะสมเมื่อคุณต้องการ มันเป็นเรื่องที่ปราศจากความเครียด

ยุติธรรมพอสมควร แต่เรากำลังพูดถึงฟังก์ชั่นอะไร

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

ดังนั้นโครงการจะไปหลังจากเสร็จสิ้น

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

การแบ่งปันและการทำงานร่วมกัน

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

proto.io ปรากฎออกมาแล้ว มันมีชุดเครื่องมือการแบ่งปันและการทำงานร่วมกันมากมายสำหรับการจัดแสดงและขยายโครงการของคุณ

อย่างไรคุณถาม?

เพื่อแสดงตัวอย่างขั้นต่ำเปลือย Proto.io ช่วยให้คุณถ่ายภาพสแน็ปช็อตของโปรเจ็กต์ของคุณเมื่อใดก็ได้ จากนั้นแชร์กับสมาชิกในทีม

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

แต่คุณรู้อะไรไหม? เป็นไปได้ที่จะก้าวไปไกลกว่านี้เนื่องจาก Proto.io ยังรองรับ Usertesting.com และถูกต้อง การเปิดใช้งานพวกเขาควรช่วยให้คุณได้รับความคิดเห็นที่ครอบคลุมและลึกจากผู้ใช้ต้นแบบ

และไม่สำคัญว่าพวกเขาจะใช้เครื่องมือใดในการเข้าถึงตัวอย่าง ระบบสามารถปรับให้เข้ากับเบราว์เซอร์มือถือและเดสก์ท็อปได้อย่างเหมาะสม

และรับสิ่งนี้ หากคุณกำลังสร้างแอปพลิเคชันสมาร์ทโฟนประสบการณ์ดั้งเดิมของแอพ Android และ iOS จะเป็นประโยชน์ต่อต้นแบบของคุณโดยการนำเสนอในสื่อที่พวกเขาได้รับการพัฒนา

ที่กล่าวมามันคุ้มค่าที่จะทราบว่า Proto.io 6 ทำให้การทำสิ่งต่างๆง่ายขึ้นโดยการแนะนำการแบ่งปันแบบคลิกเดียว โดยทั่วไปหมายความว่าคุณสามารถแจกจ่ายต้นแบบให้กับสมาชิกในทีมได้ด้วยคลิกเดียว มันเจ๋งแค่ไหน?

เครื่องมือการโต้ตอบ

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

โชคดีที่ Proto.io ไม่ได้หมายความว่าต้องมีเครื่องมือในการโต้ตอบ มันมีฟังก์ชั่นมากมายที่คุณสามารถใช้เพื่อสร้างประสบการณ์ผู้ใช้ที่น่าจดจำ

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

ตกลง แต่คุณจะเพิ่มได้อย่างไร

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

อุปกรณ์ที่สนับสนุน

ขอแนะนำให้พัฒนาต้นแบบบนเดสก์ท็อปพีซีเสมอ เพราะจะได้ประสบการณ์ที่สมจริงและเหมาะสมสำหรับการสร้างต้นแบบที่แข็งแกร่ง

ตอนนี้การดูตัวอย่างต้นแบบเป็นเกมบอลที่แตกต่าง โชคดีที่ Proto.io ไม่ได้บังคับให้ผู้คนทำสิ่งนี้ในสภาพแวดล้อมดั้งเดิมที่มีการสร้างต้นแบบขึ้นมา

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

ตามความเป็นจริงแล้ว Proto.io ยังเดินหน้าพัฒนาเวอร์ชั่นสำหรับ iOS และ Android พวกเขาพื้นฐานเพิ่มประสิทธิภาพประสบการณ์ทั้งหมดของการทบทวนต้นแบบที่พัฒนาขึ้นสำหรับอุปกรณ์มือถือ

ตอนนี้หลังจากแบ่งปันโครงการของคุณคุณสามารถพึ่งพาความคิดเห็นของผู้ใช้ที่ตามมาเพื่อจัดอันดับต้นแบบของคุณ แต่ที่นี่สิ่งที่น่าสนใจ - ราวกับว่ายังไม่เพียงพอ Proto.io เชื่อมโยงกับ Lookback.io เพื่อสร้างความสามารถในการบันทึกหน้าจอผู้ใช้และการแสดงออกทางสีหน้าของผู้คนที่ใช้ต้นแบบ

ใช่. คุณพนันได้ว่าคุณสามารถตัดสินใจอย่างชาญฉลาดเกี่ยวกับประสิทธิภาพของต้นแบบของคุณโดยดูจากวิธีที่ผู้ใช้ยิ้มหรือขมวดคิ้ว น่าประทับใจใช่มั้ย

เส้นโค้งการเรียนรู้

ฉันรู้ว่า. ฉันเคยไปที่นั่น. ทันทีที่คุณคิดว่าแพลตฟอร์มสำหรับต้นแบบต้องมีความซับซ้อนพอที่จะรองรับการพัฒนา UI อย่างกว้างขวาง

โชคดีที่ Proto.io สามารถกำจัดการเข้ารหัสได้โดยไม่กระทบต่อกระบวนการพัฒนาต้นแบบ คุณสามารถตั้งค่าทั้งโครงลวดความเที่ยงตรงต่ำและต้นแบบต้นแบบที่มีความเที่ยงตรงสูงซึ่งได้รับการพัฒนาเต็มที่พร้อมด้วยคุณสมบัติทั้งหมดที่จำเป็นสำหรับการทดสอบอย่างละเอียด

ที่กล่าวว่าคุณต้องยอมรับว่ามันไม่ได้ใช้เวลามากในการควบคุมอินเทอร์เฟซการลากและวางทั่วไป แต่ในกรณีที่คุณประสบปัญหาระหว่างทาง Proto.io จะให้รายละเอียดเอกสารเกี่ยวกับแพลตฟอร์มโดยทั่วไป

ราคา Proto.io

ก่อนอื่นฉันยินดีที่พบว่า Proto.io มีตัวเลือกฟรีอย่างถาวร น่าเสียดายที่มันค่อนข้าง จำกัด เพราะมีเพียง:

• ดูตัวอย่างแอป io
• พื้นที่เก็บข้อมูล 10MB
• ไม่มีผู้ตรวจสอบเพิ่มเติม
• 5 หน้าจอต้นแบบ
• 1 โครงการที่ใช้งานอยู่
• ผู้ใช้ 1

วิธีเดียวที่จะรักษาความปลอดภัยของฟีเจอร์ได้มากขึ้นคือการสมัครสมาชิกหนึ่งในสี่แผนของ Proto.io พวกเขาทั้งหมดเสนอ:

• การสนับสนุนทางอีเมล์
• การเข้ารหัส 256-bit
• การนำเข้า Sketch / Photoshop
• การซิงค์ Dropbox
• Branding
• ส่งออกเป็น PDF / PNG / HTML
• ความคิดเห็นของผู้ใช้ในรูปแบบวิดีโอขับเคลื่อนโดย Lookback
• ความคิดเห็น
• Share
• io แอปดูตัวอย่าง
• ดูตัวอย่างในผู้เล่น

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

และนี่คือรายละเอียด:

ฟรีแลนเซอร์ - ค่าใช้จ่าย $ 29 ต่อเดือนพร้อมการเรียกเก็บเงินรายเดือนหรือ $ 24 ต่อเดือนพร้อมการเรียกเก็บเงินรายปี

• รองรับผู้ใช้ 1 คน
• จัดทำ 5 โครงการที่ใช้งานอยู่

Startup- ค่าใช้จ่าย $ 49 ต่อเดือนพร้อมการเรียกเก็บเงินรายเดือนหรือ $ 40 ต่อเดือนพร้อมการเรียกเก็บเงินรายปี

• รองรับผู้ใช้ 2 คน
• จัดทำ 10 โครงการที่ใช้งานอยู่

หน่วยงาน - ค่าใช้จ่าย $ 99 ต่อเดือนพร้อมการเรียกเก็บเงินรายเดือนหรือ $ 80 ต่อเดือนพร้อมการเรียกเก็บเงินรายปี

• รองรับผู้ใช้ 5 คน
• จัดทำ 15 โครงการที่ใช้งานอยู่

องค์กร- ค่าใช้จ่าย $ 199 ต่อเดือนพร้อมการเรียกเก็บเงินรายเดือนหรือ $ 160 ต่อเดือนพร้อมการเรียกเก็บเงินรายปี

• รองรับผู้ใช้ 10 คน
• จัดทำ 30 โครงการที่ใช้งานอยู่

เมื่อพิจารณาจากระดับการใช้งานเหล่านี้ ฉันคิดว่าแผนเหล่านี้เหมาะสำหรับทั้งบุคคลและธุรกิจขนาดเล็ก องค์กรขนาดใหญ่มีทางเลือกในการเจรจากับ Proto.io สำหรับแพ็คเกจที่กำหนดเองซึ่งให้การสนับสนุนที่สำคัญ การวิเคราะห์ ความปลอดภัยระดับองค์กร โปรเจ็กต์ไม่จำกัด ผู้ใช้เพิ่มเติม และอื่นๆ อีกมากมาย

ในทางกลับกันนักเรียนและองค์กรที่ไม่แสวงหาผลกำไรสามารถมีสิทธิ์ได้รับส่วนลด 50% ทุกอย่างขึ้นอยู่กับกระบวนการคัดกรองของ Proto.io

ตอนนี้ไม่เลวเลย ไม่เลวเลย แต่ฉันสงสัยว่าส่วนลดจะขึ้นอยู่กับรุ่นรายเดือนการเรียกเก็บเงินรายปีหรือทั้งสองอย่าง

ถ้าคุณไม่มีคุณสมบัติอย่างน้อยที่สุดคุณสามารถลดค่าใช้จ่ายลงได้ประมาณ 20% เมื่อคุณเปลี่ยนจากการเรียกเก็บเงินรายเดือนเป็นรายปี นอกจากนั้นคุณจะได้รับช่วงทดลองใช้ฟรี 15 วันเพื่อทดสอบทุกอย่างเมื่อคุณสมัครใช้งาน

ใครควรพิจารณาใช้ Proto.io

จนถึงตอนนี้ดีมาก แต่อาจจะไม่น่าแปลกใจเลยที่ Proto.io มีข้อเสียพอสมควร

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

การสร้างและปรับแต่งต้นแบบต้องการการเชื่อมต่อที่เสถียรกับเว็บ โดยพื้นฐานแล้วทำให้ไม่สามารถทำงานได้ทุกที่

และเมื่อพูดถึงการสร้างต้นแบบเราหวังว่าทีมพัฒนาของ Proto.io จะพิจารณานำเสนอภาพเคลื่อนไหว 3 มิติและตัวอย่างสดอย่างจริงจัง ท้ายที่สุดมันคือ 2019 ที่ร้องไห้ออกมาดัง ๆ

นอกจากนั้นเราสามารถสรุปได้ว่า Proto.io เป็นแพลตฟอร์มที่เหมาะสมซึ่งสร้างขึ้นโดยมุ่งเน้นที่ประสิทธิภาพและความสามารถในการปรับขยาย มีความยืดหยุ่นเพียงพอที่จะรองรับทั้งโครงการที่เรียบง่ายโดยมือใหม่และการออกแบบหลายชั้นที่ซับซ้อนโดยทีมงานขององค์กร

คุณคิดว่าเราควรคาดหวังอะไรจากนักพัฒนาซอฟต์แวร์ในอนาคตอันใกล้นี้