Comparison and practice of prototyping tools

1. The advantages and disadvantages and applicable fields of the ink knife, Axure RP, Mockplus prototype design tool

Ink knife

Ink knife

1.1 Advantages

  • Simple and easy to use. The ink knife gets started quickly, and you can learn some simple operations in one day.
  • Not only get started quickly, you can also quickly share and quickly check the effect of the application on the phone.
  • Any questions during use can be directly raised in the Forum of the ink knife, someone will answer you in time.
  • Because it is an online tool, you can save your work in the cloud, which is really convenient.

1.2 Disadvantages

  • The price is more expensive, and the flow chart cannot be drawn. It is not very comprehensive compared to the other two functions.
  • Application limitations. The ink knife is focused on app prototype design, and is slightly weak in the background and the web page.
  • Insufficient archiving capacity. The ink knife prefers to output in the form of links and QR codes, and cannot be output as documents.

1.3 Application areas

  • Takaho Mahara type
  • Complex multi-interactive projects
  • Android / ios project

2. Axure RP

Axure

2.1 Advantages

  • High-fidelity prototyping tools are famous.
  • There are many design tools and rich content.
  • The application is flexible, scalable, and has super powerful interactive production capabilities.

2.2 Disadvantages

  • Prototyping with Axure is slow (too many interactive operations), often delays time, and is cumbersome to modify.
  • There are many functions, but it is a bit difficult to learn.
  • Local software, you can download html document preview, mobile phone preview is inconvenient.

2.3 Application areas

  • Visual draft / Hi-Fi prototype
  • Large and complex projects
  • Web wireframe
  • Web prototype

3. Mockplus

Mockplus

3.1 Advantages

  • Review collaboration, seamless real machine preview.
  • Mode suitable for rapid development and iteration, get started quickly.
  • Template management, component interactive animation, sketch style and other functions are unique innovations.
  • Simple interaction (just drag and drop), diverse functions, rich component resources, various preview methods and export types, and support team collaboration.

3.2 Disadvantages

  • Gesture interaction is not supported.
  • Civilian software is not professional enough to convince the public.
  • The function is not powerful enough, there is potential for personalized design.
  • The delicateness of the software needs to be improved. In view of its simple operation and quick entry, the pursuit of fast functions, to a certain extent, ignores the delicateness of the functions.

3.3 Application areas

  • Low-fidelity prototype
  • Rapid prototyping
  • WEB / mobile terminal / tablet prototype
  • Wireframes
  • Visual draft

Second, the prototype design tool website recommendation

1. Official Website

Ink Knife Help Center

Axure official website

Mockplus official website

2. Other websites

Axure Philippines Official Chinese Website

Prototyping blog

Introduction to Prototyping Design | Figma

3. Prototype design case based on ink knife

1. Case Introduction

The case is an app-related interface, named: "Shen Hangzhi". There are 11 interfaces including "Homepage" ("Takeaway"), "Order", "My", "Food" and so on.

1.1 Introduction

The app is a takeaway software, mainly for students of Shen Hang, to achieve the distribution of school cafeteria, in order to solve the problem of eating after the outbreak, do not go to the cafeteria to get together, this software was born.

1.2 Main functions

The case mainly has the following functions: app takeaway home page browsing, food area, store ordering, product details, settlement function, shopping cart, reviews, search, mine, red envelope, order and order details.

1.3 Interface introduction

  • Takeaway homepage: Click "Search" to enter the search interface; click "Gourmet" to enter the special food area; "Slide" to browse recommended businesses; there is a "shopping cart" icon in the lower right corner, click to enter; click "Order" to enter the order view; Click "My" to enter personal information.

  • Order interface: slide the map up and down to view the position of the rider.

  • My interface: Click on the red envelope to go directly to view the red envelopes you own.

  • Food area: Click "0090 Fried Chicken (Shen Hang Store)" to enter the restaurant; click "Back" in the upper left corner to return to the takeaway home page.

  • 0090 ordering interface: click the first "hamburger icon" to view the product details; click "checkout" to settle directly.

  • Product details interface: Click "Commodity Evaluation" to enter the comment area; click Settlement to settle directly.

Enter the app interface by scanning the QR code
img

2. User feedback and correction

img

Based on feedback from experienced users, the design prototype was revised.

3. Interactive process demo animation

img img img

Guess you like

Origin www.cnblogs.com/sunickel/p/12728312.html