Summary of How to efficiently demonstrate the APP prototype on iOS devices

I believe that many products and designer boots can use prototype design tools to create a realistic product interaction prototype. If you can easily and directly demonstrate these APP prototypes on the iPhone, it is helpful for us to simulate the real user experience and display the design highlights. Zhuang summed up what he thought was the most efficient method based on his reading materials and exploration practices over the past few days. He hoped it would be helpful for those who had troubles demonstrating the APP interaction prototype on the iPhone. First, I will briefly introduce the tools I have learned to create and demonstrate the APP prototype:

1. ease of use:POP and Quick Start are the most lightweight and simple. You can use your mobile phone to take a picture of brainstorm and hand-drawn sketch, add a hot zone, and immediately demonstrate the prototype on your iPhone, in addition, POP embedded interactive actions such as slide, expand, disappear, and shake instantly can meet the general dynamic demonstration needs; iMockups, Mockop, Grafio Lite, and other tools are embedded with the iPhone control library, which allows you to import design draft images for easy use in the product conception stage. Flash and Fireworks require certain programming or code basics; axure is easy to get started with and proficient in ~~~

2. Functionality:Axure is the most powerful function. Most Interactive effects can be achieved by using dynamic panels, and prototype can be demonstrated on PC and mobile real machines.

3. Efficiency:In my personal opinion, Axure is used for daily design drafts. It is very convenient to import and change prototype materials. UIDeigner has a large number of built-in iPhone controls. The use of custom templates is very efficient for team collaboration, you can use UIDPlayer to demonstrate the original mobile phone model on iOS devices. You only want UIDeigner to add more interactive actions as soon as possible. Adding links to Keynote and PPT is too cumbersome and difficult to change.

In view of my experience, my summary focuses on how to efficiently demonstrate Axurev6.5 on IOS devices. The demo mode is divided into two types by the view mode of the demo prototype: Web APP mode and APP open mode. The usage conditions, usage methods, and demonstration effects of the two modes are compared as follows:

Based on the above points, I personally recommend the "APP open mode". Although it costs 6.00 yuan to purchase the Atomic Web APP, it can be demonstrated offline without restrictions on the network environment, in addition, prototype importing, page opening, and updating are faster, so you do not have to worry about security issues such as online theft of the prototype. The most awesome Web APP mode is the ability to generate icons on the desktop to restore the initial experience, but the information security of the Online demonstration prototype is unreliable. In addition, apps that support "APP open mode" include iZip, GoodReader, and Mercury, but they are not ideal for full screen display and page Jump. In either mode, if you want to demonstrate the app prototype beautifully and efficiently on iOS devices, you must first configure the prototype to adapt the prototype interface to the screen resolution.

Open GenerateF5) generate prototype dialog box, select Mobile/Device

The following describes the application of the two demo modes in detail.

APP open mode 6.00 buy Atomic Web as a demo prototype tool)

Web APP Open Mode

Precautions for prototyping:

1. It is best to name pages in English to prevent Chinese characters from garbled characters during decompression;

2. Do not use the index name on the APP homepage. Otherwise, the sidebar is hidden by default when the Index is opened, and the URL cannot be copied later;

3. the size of the design depends on the demo method selected: ). web APP mode: screen height-ios device Status Bar Height, eg: design size = 480-20px = 460px; B ). APP open mode: default device size

Conclusion:

The prototype design and demonstration tools and applications are growing and updated too quickly. I have limited access to them. For more information, please leave a message; the prototype demonstration is just a means for product designers to express their ideas. You don't have to stick to the tools, so pick your preferred one ~

References:

1. App are alive when Viewing on Your iPhone

2. Desining apps using the iPhone App Template

3. How to import the html prototype generated by axure to iPad or iPhone

4. Best practices for interactive prototypes in iOS

5. How can I demonstrate the best results if I use an app prototype created by Axure and put it on my mobile phone?

6: POPPrototyping on Paper)

7. Web Applications development skills (1)

8. Changing the Viewport Width and Height

Original: http://cdc.tencent.com /? P = 7246