How to make mobile app prototype efficiently - Orris Technology
How to make mobile app prototype efficiently? Clear product ideas, smooth collaboration, complete story elements, the real experience of feeling … to ensure efficient process, but also to ensure effective results. Here we will show three steps about how to complete a mobile app prototype efficiently.
Step 1: Using screen flow
A clear idea is the key of efficient prototyping. A screen flow ensures that the overall idea of the product being clear. Mobile app needs focus to the user experience. Because the screen size is relatively small, and mobile devices and operating systems are vary, so we cannot drawing too much details on the screen. This is actually a good thing, we can use the most simple way to draw processes. With each screen as a unit, we define only “heading” and “main content”, as shown below:
And we can use the above as a single unit, for construct a complete screen flow for an app, like the following:
We can understand how many screens and the complexity of the product easily with the screen flow. It is also quite easy to discuss if the product process right or not.
Step 2: Using customisable basic controls
How to quickly output high quality prototype? A spare set of basic controls is essential for prototyping. Most designers typically use Axure to make prototype. And you can find numerous prototype tools and controls by Google. Designers only need to change the text, color, and layout to complete a basic prototype. A basic set of controls is like the following:
Using the above controls, we can quickly make a login screen for an app:
Step 3: making interactive prototype
Based on the screen flow and high quality controls, we can easily create a prototype on mobile that user is able to interactive with. This is very important as product manager and testers are able to experience it on real device. There is a website called www.flinto.com. By importing images, you can define the flow and transition animation by inserting links and pages. And you can view the project on mobile.