Việc tạo nguyên mẫu cho ý tưởng ứng dụng của bạn có thể là yếu tố thay đổi cuộc chơi nhưng việc tìm ra công cụ phù hợp cho công việc không phải lúc nào cũng dễ dàng. Hãy tham gia Proto.io – một nền tảng tạo mẫu dựa trên web đang tạo nên làn sóng kể từ năm 2011.
Ban đầu được thiết kế cho các thiết bị iOS, giờ đây nó là một công cụ đa năng phục vụ những người đam mê ứng dụng, nhà thiết kế và chuyên gia UX trên nhiều nền tảng.
Trong bài đánh giá này, chúng ta sẽ đi sâu vào Proto.io để xem liệu nó có xứng đáng với lời đồn thổi hay không. Chúng ta sẽ khám phá các tính năng chính của nó, từ giao diện kéo và thả trực quan đến các công cụ cộng tác.
Chúng tôi cũng sẽ chia nhỏ cấu trúc giá, cân nhắc ưu và nhược điểm, đồng thời giúp bạn quyết định xem Proto.io có phù hợp với nhu cầu tạo nguyên mẫu của bạn hay không.
Cho dù bạn là chuyên gia lập trình hay người mới thiết kế, hãy theo dõi khi chúng tôi giải mã mọi thứ mà Proto.io cung cấp. Khi kết thúc bài đánh giá này, bạn sẽ có một bức tranh rõ ràng về những gì công cụ này có thể làm cho quá trình phát triển ứng dụng của bạn – và những điểm mà công cụ này có thể thiếu sót.
Bắt đầu nào!
Vì vậy, sao chúng ta không xem xét một công cụ thú vị mà bạn có thể tận dụng cho việc này?
Phán quyết nhanh
Tôi thấy Proto.io là một công cụ tạo mẫu vững chắc với một số tính năng ấn tượng. Giao diện kéo và thả trực quan và các công cụ tương tác mở rộng giúp cả nhà thiết kế và người không phải là lập trình viên có thể truy cập được. Tôi đặc biệt thích các tính năng cộng tác và khả năng chia sẻ nguyên mẫu một cách dễ dàng.
Tuy nhiên, nó không phải là không có sai sót. Việc thiếu tính năng chỉnh sửa ngoại tuyến là một nhược điểm đáng kể, hạn chế tính linh hoạt đối với người dùng cần làm việc mà không cần kết nối internet. Ngoài ra, việc thiếu tính năng xem trước trực tiếp và hoạt ảnh 3D có vẻ hơi lỗi thời đối với một công cụ tạo mẫu hiện đại.
Mặc dù giá cả có vẻ hợp lý, đặc biệt là có giảm giá cho sinh viên và tổ chức phi lợi nhuận, nhưng cấp miễn phí khá hạn chế. Nhìn chung, Proto.io dường như là một công cụ hữu ích cho nhiều quy mô dự án khác nhau, nhưng những hạn chế của nó có thể khiến một số người dùng đang tìm kiếm các tính năng nâng cao hơn hoặc khả năng ngoại tuyến khó chịu.
Proto.io là gì?
Được tạo bởi phòng thí nghiệm Divihoạt động của SNQ Digital, nguyên mẫu.io đã xuất hiện từ năm 2011, khi nó được phát hành dưới dạng nền tảng web thương mại xử lý việc phát triển nguyên mẫu cho iPad và iPhone. Sau đó, nó dần dần biến đổi thành một khuôn khổ năng động hơn và thậm chí còn được mở rộng để chứa nhiều thiết bị.
Hiện tại, nền tảng này chủ yếu nhắm đến những người đam mê ứng dụng, nhà thiết kế di động, nhà thiết kế tương tác và chuyên gia trải nghiệm người dùng với nhiều công cụ tạo nguyên mẫu quan trọng.
Một trong những đặc tính chính của Proto.io là giao diện người dùng trực quan, được xây dựng bằng hệ thống kéo và thả có thể được tận dụng mà không cần mã hóa. Chỉ riêng điều đó đã giải thích tại sao nó tương đối phổ biến đối với cả người lập trình và người không phải là người lập trình.
Nó cũng cung cấp một thư viện tương tác được tích hợp hoàn toàn, có thể được sử dụng một cách có hệ thống trên bất kỳ lớp nào của nó.
Và nói về điều này, Proto.io dường như hợp lý hóa toàn bộ quá trình tạo mẫu bằng cách tạo điều kiện thuận lợi cho nhiều lớp trên các màn hình khác nhau. Người dùng cũng có thể nhập từ Sketch hoặc Photoshop, tạo tương tác với JavaScript, đồng bộ hóa nhiều nội dung với Dropbox và thiết kế chuyển động chi tiết trong khi xem trước hoạt ảnh thông qua cửa sổ soạn thảo của nó.
Sau tất cả, điều khiến Proto.io đáng để kiểm tra là thực tế là các nhà phát triển của nó liên tục cải tiến nó bằng các bản cập nhật mới theo thời gian. Họ đã phát hành hai bản chỉ trong tháng XNUMX, ảnh hưởng đến người chơi và người biên tập.
Nhưng một lần nữa, Proto.io cũng có những điểm yếu đáng chú ý. Chúng có thể ảnh hưởng đến công việc của bạn như thế nào là điều chúng tôi sẽ sớm xem xét. Bài đánh giá Proto.io này bao gồm tất cả các chi tiết quan trọng bạn cần biết- các tính năng cơ bản, giá cả, điểm mạnh và nhược điểm.
Và để bắt đầu, đây là những tính năng chính…
Tính năng của Proto.io
Xây dựng một nguyên mẫu
Khi bắt đầu hành trình của mình trên Proto.io, bạn sẽ nhận thấy rằng nó cung cấp hướng dẫn chi tiết để giúp bạn tìm hiểu hệ thống. Thành thật mà nói, nó thấy nó khá tiện dụng và giao diện còn giúp bạn dễ dàng thích ứng vì các công cụ được sắp xếp hợp lý và dễ tiếp cận.
Rất may, Proto.io không ném mọi thứ vào bạn. Vì vậy, đừng lo lắng nếu bạn không thể nhìn thấy một số yếu tố quan trọng ngay từ đầu. Nhiều chức năng và tùy chọn theo ngữ cảnh sẽ dần dần được cung cấp khi bạn tiếp tục làm việc với dự án của mình.
Bây giờ, bắt đầu một dự án dễ dàng bằng cách nhấp vào tùy chọn dự án mới trên bảng điều khiển, đặt tên cho nó, chọn kích thước màn hình và phương tiện dự định, sau đó thì đấy!
Bản thân quá trình điều hướng diễn ra liền mạch nhờ giao diện người dùng đơn giản mà không mất nhiều thời gian để làm quen. Tôi đã tạo nhiều màn hình trong khoảng một giờ hoặc lâu hơn, sau đó tiếp tục kết hợp chúng với các chuyển tiếp hấp dẫn và tương tác đầy phong cách.
Việc hợp nhất và thử nghiệm chúng không tốn nhiều công sức vì Proto.io được xây dựng với tính năng xem trước hoạt ảnh. Đáng buồn thay, tôi sẽ không coi đây là bản xem trước trực tiếp 100% theo thời gian thực vì trước tiên người dùng phải lưu dự án của mình trước khi các thay đổi hoạt ảnh được phản ánh trong bản xem trước.
Chà, ít nhất thì hệ thống cũng bù đắp được điều đó bằng giao diện kéo và thả phong phú. Việc kéo bất kỳ phần tử nào cũng đơn giản đến mức đáng ngạc nhiên và bạn có thể điều chỉnh nó cho phù hợp rồi chuyển sang phần tiếp theo.
Nếu bạn tình cờ sử dụng các mục mà bạn cho rằng sau này bạn có thể cần (hoạt ảnh, tương tác, thành phần giao diện người dùng), hãy tiết kiệm công sức bằng cách tận dụng tính năng tiết kiệm vùng chứa. Bằng cách đó, bạn có thể chỉ cần kéo và đặt chúng một cách thích hợp khi cần. Nó thực sự là không căng thẳng.
Đủ công bằng. Nhưng, những chức năng chúng ta đang nói đến ở đây là gì?
Để bắt đầu, bạn có thể xoay, làm mờ, thay đổi kích thước và di chuyển hình động. Sau đó, các tương tác hỗ trợ các chức năng như nhấp chuột phải, nhấp chuột, nhả, chạm, chạm hai lần, chạm, v.v. Mặt khác, các chuyển đổi cung cấp khả năng lật, trượt lên/xuống, trượt sang trái/phải, v.v. Kết hợp điều đó với một màn hình lớn thư viện gồm các thành phần giao diện người dùng điển hình và bạn có cho mình một hệ thống tạo nguyên mẫu thân thiện với người dùng.
Vậy dự án sẽ đi về đâu sau khi hoàn thành?
Vấn đề là thế này đây. Trang tổng quan không chỉ cung cấp tất cả các dự án mà còn cho phép bạn xóa, lưu trữ, sao chép, chỉnh sửa và truy cập chúng. Về cơ bản, đây là nơi bạn cũng có thể chia sẻ dự án và tiến hành điều chỉnh các cài đặt tương ứng.
Chia sẻ và hợp tác
Tốt thôi, bạn có thể xử lý một dự án một mình và có thể tạo ra một nguyên mẫu ấn tượng. Hoặc, bạn có thể làm mọi thứ dễ dàng hơn nhiều và mở rộng khả năng của mình bằng cách làm việc với một nhóm phối hợp tốt.
Hóa ra proto.io đã giải quyết được vấn đề này. Nó cung cấp một loạt các công cụ chia sẻ và cộng tác để giới thiệu và mở rộng các dự án của bạn.
Bạn hỏi như thế nào?
Ví dụ: để thể hiện mức tối thiểu, Proto.io cho phép bạn chụp ảnh nhanh dự án của mình bất kỳ lúc nào rồi chia sẻ nó với các thành viên trong nhóm.
Nếu không, bạn có thể chọn cách chia sẻ phiên bản trực tiếp của nguyên mẫu và thậm chí cho phép quay video cùng với bình luận. Như vậy là đủ để cung cấp thông tin đầy đủ về dự án và do đó, kích hoạt phản hồi chi tiết.
Nhưng, bạn biết gì không? Bạn có thể làm nhiều hơn thế vì Proto.io còn hỗ trợ Usertesting.com và Validately. Việc kích hoạt chúng sẽ giúp bạn nhận được phản hồi toàn diện, chuyên sâu từ người dùng nguyên mẫu.
Và không quan trọng họ sử dụng thiết bị nào để truy cập bản xem trước. Hệ thống có thể thích ứng với cả trình duyệt trên thiết bị di động và máy tính để bàn.
Và nhận được điều này. Nếu bạn đang tạo một ứng dụng dành cho điện thoại thông minh, trải nghiệm gốc của ứng dụng Android và iOS sẽ mang lại lợi ích cho các nguyên mẫu của bạn bằng cách hiển thị chúng trên phương tiện mà chúng được phát triển.
Điều đó nói lên rằng, cần lưu ý rằng Proto.io 6 đã khiến mọi việc trở nên dễ dàng hơn nhiều bằng cách giới thiệu tính năng chia sẻ chỉ bằng một cú nhấp chuột. Về cơ bản, điều đó có nghĩa là bạn có thể phân phối nguyên mẫu của mình cho các thành viên trong nhóm chỉ bằng một cú nhấp chuột. Thật tuyệt vời phải không?
Công cụ tương tác
Sau tất cả những điều đã được xem xét, toàn bộ thiết kế tương tác của ứng dụng của bạn chính là điều cuối cùng tạo nên sự khác biệt khi nói đến khả năng sử dụng. Đó có thể là lý do tại sao chúng tôi thậm chí còn tạo ra nguyên mẫu ngay từ đầu.
May mắn thay, Proto.io không có ý xấu khi nói đến các công cụ tương tác. Nó cung cấp một loạt các chức năng mà bạn có thể tận dụng để tạo ra trải nghiệm người dùng đáng nhớ.
Ngoài màn hình nội dung có thể cuộn, một số tùy chọn phổ biến ở đây bao gồm menu trượt và màn hình tích hợp - chỉ đề cập đến một số tùy chọn. Và để mang lại dấu ấn cá nhân đó, Proto.io cho phép người dùng điều chỉnh linh hoạt tất cả các công cụ tương tác.
Được rồi, nhưng chính xác thì bạn thêm chúng bằng cách nào?
Chà, bạn có nhớ khi chúng tôi đề cập rằng Proto.io sử dụng nhiều giao diện kéo và thả không? Đoán thử xem nào? Đạt được bất kỳ kết quả tương tác nào chỉ đơn giản là kéo và thả các thành phần từ biểu tượng vào các thành phần giao diện người dùng của bạn. Bạn thậm chí không cần một dòng mã.
Thiết bị hỗ trợ
Luôn nên phát triển nguyên mẫu của bạn trên máy tính để bàn. Nó cung cấp trải nghiệm nhập vai phù hợp để thiết kế một nguyên mẫu vững chắc.
Bây giờ, xem trước nguyên mẫu là một trò chơi bóng khác. Rất may, Proto.io không bắt buộc mọi người phải làm điều này trong môi trường tự nhiên mà nguyên mẫu đã được xây dựng trên đó.
Về cơ bản, điều đó có nghĩa là bạn có thể giới thiệu tác phẩm sáng tạo của mình với tất cả các loại người dùng, bất kể họ lựa chọn thiết bị nào. Họ sẽ có thể truy cập thông qua trình duyệt trên PC và thiết bị di động.
Trên thực tế, Proto.io thậm chí còn đi trước phát triển phiên bản dành cho iOS và Android. Về cơ bản, họ tối ưu hóa toàn bộ trải nghiệm xem xét các nguyên mẫu được phát triển cho thiết bị di động.
Bây giờ, sau khi chia sẻ dự án của mình, bạn có thể dựa vào nhận xét tiếp theo của người dùng để đánh giá nguyên mẫu của mình. Tuy nhiên, điều thú vị ở đây là- Như thể vẫn chưa đủ, Proto.io đã liên kết với Lookback.io để tạo ra khả năng ghi lại màn hình người dùng và nét mặt của những người sử dụng nguyên mẫu.
Vì vậy, vâng. Bạn cá là bạn có thể đưa ra đánh giá sáng suốt về hiệu suất của nguyên mẫu dựa trên cách người dùng mỉm cười hoặc cau mày. Thật ấn tượng phải không?
Đường cong học tập
Tôi biết. Tôi đã từng ở đó. Lúc đó bạn cho rằng nền tảng dành cho nguyên mẫu phải đủ phức tạp để xử lý việc phát triển giao diện người dùng mở rộng.
May mắn thay, Proto.io đã tìm cách loại bỏ mã hóa mà không ảnh hưởng đến quá trình phát triển nguyên mẫu. Bạn có thể thiết lập cả wireframe có độ chính xác thấp và nguyên mẫu có độ chính xác cao được phát triển đầy đủ, hoàn chỉnh với tất cả các tính năng cần thiết để thử nghiệm kỹ lưỡng.
Điều đó nói lên rằng, bạn phải thừa nhận rằng không mất nhiều thời gian để thành thạo giao diện kéo và thả thông thường. Tuy nhiên, trong trường hợp bạn gặp phải bất kỳ khó khăn nào trong quá trình thực hiện, Proto.io sẽ cung cấp tài liệu chi tiết về cơ bản chứa mọi thứ về nền tảng này.
Giá Proto.io
Trước hết, tôi rất vui khi thấy Proto.io cung cấp tùy chọn miễn phí vĩnh viễn. Thật không may, nó khá hạn chế vì nó chỉ cung cấp:
- xem trước ứng dụng io
- Lưu trữ 10MB
- Không có người đánh giá bổ sung
- 5 màn hình nguyên mẫu
- 1 dự án đang hoạt động
- Người dùng 1
Cách duy nhất để đảm bảo có nhiều tính năng hơn là đăng ký một trong bốn gói của Proto.io. Tất cả đều cung cấp:
- Email hỗ trợ
- Mã hóa 256-bit
- Nhập phác thảo/Photoshop
- đồng bộ hóa Dropbox
- Xây dựng thương hiệu
- Xuất sang PDF/PNG/HTML
- Phản hồi của người dùng ở dạng video do Lookback cung cấp
- Nhận xét
- Chia sẻ
- xem trước ứng dụng io
- Xem trước trong trình phát
Giờ đây, tất cả chúng đều đi kèm với toàn bộ hệ sinh thái tính năng, yếu tố phân biệt chính giữa các gói là số lượng người dùng và dự án được hỗ trợ. Các kế hoạch dường như được cấu trúc để phục vụ các cấp độ người dùng và tổ chức khác nhau.
Và đây là chi tiết:
Người làm nghề tự do- Chi phí 29 USD mỗi tháng nếu thanh toán hàng tháng hoặc 24 USD mỗi tháng nếu thanh toán hàng năm
- Hỗ trợ 1 người dùng
- Cung cấp 5 dự án đang hoạt động
Startup- Chi phí 49 USD mỗi tháng nếu thanh toán hàng tháng hoặc 40 USD mỗi tháng nếu thanh toán hàng năm
- Hỗ trợ 2 người dùng
- Cung cấp 10 dự án đang hoạt động
Đại lý- Chi phí 99 USD mỗi tháng nếu thanh toán hàng tháng hoặc 80 USD mỗi tháng nếu thanh toán hàng năm
- Hỗ trợ 5 người dùng
- Cung cấp 15 dự án đang hoạt động
doanh nghiệp- Chi phí 199 USD mỗi tháng nếu thanh toán hàng tháng hoặc 160 USD mỗi tháng nếu thanh toán hàng năm
- Hỗ trợ 10 người dùng
- Cung cấp 30 dự án đang hoạt động
Xét theo các thang đo sử dụng này, tôi cho rằng các gói này phù hợp với cá nhân và doanh nghiệp nhỏ. Các doanh nghiệp lớn đã được trao quyền đàm phán với Proto.io để có các gói tùy chỉnh cung cấp hỗ trợ ưu tiên, phân tích, bảo mật cấp doanh nghiệp, dự án không giới hạn, người dùng bổ sung và nhiều hơn nữa.
Mặt khác, sinh viên và các tổ chức phi lợi nhuận có thể đủ điều kiện được giảm giá 50%. Tất cả phụ thuộc vào quá trình sàng lọc của Proto.io.
Bây giờ điều đó không tệ. Không xấu cả. Nhưng tôi tự hỏi liệu việc giảm giá dựa trên mô hình hàng tháng, thanh toán hàng năm hay cả hai.
Chà, nếu bạn không đủ điều kiện, ít nhất bạn có thể giảm chi phí của mình khoảng 20% khi chuyển từ thanh toán hàng tháng sang thanh toán hàng năm. Ngoài ra, bạn còn có thời gian dùng thử miễn phí 15 ngày để kiểm tra mọi thứ khi đăng ký.
Ai nên cân nhắc sử dụng Proto.io?
Càng xa càng tốt. Tuy nhiên, có lẽ không có gì đáng ngạc nhiên khi Proto.io có khá nhiều nhược điểm.
Hãy xem xét việc chỉnh sửa ngoại tuyến chẳng hạn. Mặc dù thật đáng khen ngợi khi nền tảng này cho phép người dùng xuất các nguyên mẫu sang PDF và HTML, nhưng có vẻ như điều đó chỉ xảy ra khi bạn không có kết nối internet. Điều duy nhất bạn có thể làm là xem trước một nguyên mẫu.
Việc tạo và điều chỉnh nguyên mẫu yêu cầu kết nối ổn định với web. Về cơ bản, điều đó khiến bạn không thể làm việc một cách thuận tiện khi đang di chuyển.
Và nói về việc tạo nguyên mẫu, hãy hy vọng rằng nhóm phát triển tại Proto.io sẽ nghiêm túc xem xét việc giới thiệu hoạt ảnh 3D và bản xem trước trực tiếp. Rốt cuộc, đó là năm 2019 để khóc thành tiếng.
Ngoài ra, chúng ta có thể kết luận rằng Proto.io là một nền tảng tốt được xây dựng tập trung vào năng suất và khả năng mở rộng. Nó đủ linh hoạt để hỗ trợ cả các dự án đơn giản của người mới và các thiết kế nhiều lớp phức tạp của các nhóm công ty.
Vì vậy, sau khi xem xét mọi thứ, bạn nghĩ chúng ta nên mong đợi điều gì từ các nhà phát triển của nó trong tương lai gần?
Tôi đã tạo một dự án ở phiên bản dùng thử và 2 ngày sau tôi không tìm thấy nó để tiếp tục chỉnh sửa. Làm thế nào để tôi tìm thấy nó?
Bạn đã thử liên hệ với nhóm hỗ trợ của họ chưa?