Software interface prototype design method and tool based on state diagram

A software interface and design method technology, applied in software engineering design, computing, instruments, etc., can solve problems such as lack, and achieve the effect of easy testing and simplified programming complexity

Inactive Publication Date: 2019-11-26
创新奇智(广州)科技有限公司
View PDF8 Cites 2 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

Lack of a common interface interaction design method and tool for inte

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Software interface prototype design method and tool based on state diagram
  • Software interface prototype design method and tool based on state diagram

Examples

Experimental program
Comparison scheme
Effect test

Embodiment

[0031] Example: such as figure 2 Shown are the JSON data of an intelligent traffic light interface prototype design and the visual editing interface generated by MVC.

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention discloses a software interface prototype design method based on a state diagram in the field of interface interaction design. The method specifically comprises the following steps: designing a JSON-format data structure representing a state diagram: abstracting all interface interaction behaviors and form changes of a software system into the state diagram, and designing a specific JSON-format data structure for describing the state diagram of the software system; generating a visual editing interface by the JSON data; using Web technology, interactively binding the representative software system state diagram JSON data with a generated visual and editable prototype interface; a user designing a prototype of software interface operation on a visual interface; exporting and importing the JSON data representing the software system state diagram. The problem that interaction designers, product managers and software development engineers are difficult to communicate with theuser interface interaction logic is solved, software interaction becomes easier to test, and the test engineers clearly know the interaction design of the whole software through the state diagram.

Description

technical field [0001] The invention relates to the technical field of interface interaction design, in particular to a software interface prototyping method and tool based on a state diagram. Background technique [0002] Prototyping is a tool for interaction designers to communicate with product managers and software development engineers, and it is a framework design before a software product goes on the market. However, the current prototype design in the market only focuses on the style of the user interface and simple page jump actions. It is far from being able to complete the development of a software system with complex interface interaction logic to develop a fully functional and stable software with only static design diagrams including page styles and no prototype design representing the state changes of the software system. At this stage, software engineers usually only have the design diagram of the software interface before development. They often need to com...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
IPC IPC(8): G06F8/38
CPCG06F8/38
Inventor 张发恩陈锐桐滕安琪张雯婷黄泽
Owner 创新奇智(广州)科技有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products