Công cụ cho Prototyping Mobile Apps

Trực quan miêu tả cử chỉ cảm ứng với các chú thích wireframe là hỗn loạn và không trực quan. Bạn sẽ kết thúc bày ứng dụng của bạn ở phía trước của một khán giả với những câu như "tưởng tượng nếu swooshes thanh công cụ từ đầu" khi vẫy tay của bạn như một máy bay trực thăng, tuyệt vọng cố gắng để bắt chước các cử chỉ cảm ứng.

Tôi nhớ khi thực hiện các bài thuyết trình như vậy trong trường trung học, đó là niềm vui lớn, tuy nhiên bạn có thể muốn để nhằm mục đích cao hơn một chút.

Tương lai tại là

May mắn thay, có càng nhiều công cụ cho phép bạn tạo mẫu ứng dụng di động. Dưới đây chúng tôi sẽ có một cái nhìn tại một số trong số họ, những tính năng của họ, và nếu đó là công cụ phù hợp để bạn sử dụng.

Proto.io

Proto.io đã phát triển các giải pháp tạo mẫu trong nhiều năm và gần đây đã giới thiệu một tính năng mới nhằm thiết lập nó ngoài các công cụ tương tự. Tính năng này là khả năng xem nguyên mẫu cho iOS bản địa và các ứng dụng Android một cách thực tế.

Bạn có thể thử nghiệm nguyên mẫu ứng dụng của bạn trên máy nghe nhạc ứng dụng Proto.io cho Android và iOS. Đó là một công cụ hữu ích và nếu nó được sử dụng đúng có thể cải thiện sân của bạn khi trình bày một ứng dụng.

Đối với người dùng bình thường này có nghĩa là họ có thể nhanh chóng thực hiện chỉnh sửa để nguyên mẫu của bạn và xem nó như là một ứng dụng di động (gần như) thích hợp. Công cụ tạo mẫu khác sẽ chỉ cho phép điều này trên một trình duyệt di động, tuy nhiên đó Kinh nghiệm người dùng là thiếu sót, do giao diện của trình duyệt nhận được trong cách.

Một điều mà làm cho Proto.io tuyệt vời là sự dễ dàng của các công cụ của nó. Bạn không cần phải là một nhà thiết kế Photoshop chết cứng để tạo ra nguyên mẫu tuyệt vời với nó. Bạn kéo-và-thả các thành phần khác nhau trên màn hình, thêm văn bản, hình ảnh hoặc các nút và các liên kết đến các màn hình khác.

Nếu âm thanh này quá đơn giản để bạn và muốn có toàn quyền kiểm soát thiết kế, bạn có thể tự do tùy chỉnh đầy đủ nguyên mẫu của bạn. Ví dụ, có công cụ cho phép bạn sử dụng hình ảnh động tùy chỉnh cho các yếu tố của bạn. Bạn bắt đầu với một dự án trống hoặc mẫu và xây dựng theo cách của bạn để nguyên mẫu thức.



Nếu bạn là người mới đến các dịch vụ, bạn sẽ được hướng dẫn thông qua việc tạo ra các mẫu thử nghiệm ứng dụng của bạn. Proto.io cung cấp tài sản từ các hệ thống khác nhau và các bộ và thậm chí bạn có thể tạo banner.



Giao diện trực quan, và cá nhân tôi tin rằng đó là một dịch vụ mà bạn học tốt hơn bằng cách quan trọng xung quanh, chứ không phải làm theo bất kỳ hướng dẫn. Hãy dành một chút thời gian cho chính mình để khám phá giao diện, và phần còn lại sẽ chỉ bị giới hạn bởi sự sáng tạo của bạn.

Proto.io có tự do và một kế hoạch bảo hiểm trả tiền, bạn có thể thưởng thức sau 15 ngày khi bạn tham gia và quyết định nếu bạn thấy dịch vụ đáng giá hay không. Các kế hoạch này là linh hoạt và họ cung cấp một "parking" kế hoạch để chỉ tổ chức các dự án của bạn khi bạn không cần những tính năng cao cấp nữa, hoặc chỉ là đi nghỉ.

UI chất lỏng

Một thay thế cho ứng dụng tạo mẫu di động là giao diện người dùng chất lỏng. Giống như Proto.io nó cung cấp hỗ trợ cho việc thử nghiệm ứng dụng di động năng động cho Android và iOS. Với các khách hàng như Google, Samsung, NASA và eBay nó cung cấp các tính năng mà công ty hy vọng sẽ phân biệt các dịch vụ từ các đối thủ khác.

Đến bây giờ, các biên tập viên cung cấp các quy trình công việc và quy trình đơn giản, với một kinh nghiệm người dùng rất trực quan, cho phép bạn kéo và thả các yếu tố khác nhau và trộn chúng lên theo mong muốn của bạn. Nó thực sự có nhiều "chưa hoàn thành" cảm hơn Proto.io, nhưng đây không phải là một điều xấu, như hầu hết các ứng dụng sẽ không cần tính năng quá trớn ở giai đoạn tạo mẫu.

Với giao diện người dùng chất lỏng bạn có thể gặp khó khăn trong việc tạo ra các màn hình của bạn ngay lập tức. Bạn nên tìm thấy nó là công cụ khá thoải mái một cách nhanh chóng như giao diện người dùng chất lỏng có thể có nhiều hơn kéo 'n' thả hơn bất kỳ công cụ tạo mẫu khác.

Như với Proto.io có rất nhiều yếu tố giao diện khác nhau có sẵn cho Android, iOS, W8 và nhiều người khác.




>> khóa học lâp trình android tại hà nội !

UI chất lỏng cung cấp kế hoạch giá khác nhau tùy thuộc vào nhu cầu của bạn và bạn có thể thử UI dịch miễn phí với các ứng dụng giới hạn trong 10 màn hình trong số những hạn chế khác.

Bonus: Ratchet

Bên cạnh các giải pháp này, Syed Fazle Rahman đã viết một bài viết chi tiết về một sự thay thế khác mà bạn có thể không có xem xét, Ratchet.

Tôi sẽ không đi vào chi tiết ở đây, butread bài viết của ông về tạo mẫu trong Ratchet nếu bạn quan tâm.

Prototyping đúng cách chưa?

Cả hai Proto.io và Lỏng UI sử dụng hai cách tiếp cận khác nhau trong các dịch vụ của họ, đáng chú ý nhất trong UX. Cá nhân tôi không thể nói rằng một tốt hơn khác, vì cả hai đều sử dụng triết lý và phương pháp tiếp cận khác nhau.

Hãy cho cả hai người trong số họ một thử và cho tôi biết suy nghĩ và kinh nghiệm của bạn, cũng như bất kỳ các dịch vụ khác mà bạn nghĩ phù hợp với chủ đề.