Axure is my prototyping tool. Since VSkyPoint provides IT infrastructure services, a large amount of data needs to be inputted and saved; meanwhile, the status of VSkyPoint requires to be displayed. The strength of Axure is simulation of UI changes after data input / output, reducing the burden on the interface for communication.

How users interact with the App can also be well demonstrated and feedback in the prototyping stage.

VSkyPoint is one product of the VSky series. In order to highlight the features, and simplify UI operations, the design followed a simple and flat style. We used repeated elements as much as possible for UI patterns to achieve consistency.

The Logo design echoes the enterprise's own cloud system (The "cloud" is its appearance), emphasizing that users could use their own desktop across multiple devices (The "rectangle" symbolizes multiple devices such as a desktop or tablet). The visual master image refer to the name of the product "Point" to bring out the idea of dots, which are used in the look of the desktop application and the mobile app.

The main color of VSkyPoint is green, the obvious differences between competitors. Since this is an IT product focusing on data and usage, the green, yellow, and red are reserved to reflect the facts. I also adoptedthe scheme of gray color from light to dark to separate data and reorganize layouts.

Finally all the projects were completed. If the previous process was smooth going, you would be still cautious at this stage. This is the value of GUI testing, which is performed from the perspective of a user rather than a developer. 

Consequently, GUI testing refers to testing the functions of an application that are visible to a user. In this case, they would include verifying that the application responds correctly to events such as clicking on the numerical inputs and function buttons. GUI testing would also confirm that appearance elements such as fonts and images conform to design specifications.

When I designed prototypes for desktop applications and tablets, there was a dilemma: Do users need to have one, two, four, or more desktops when they sign in to their homepage? How to display the appearance?

After comparing its appearance with VMware Horizon Client, I found how many virtual desktops on the home page depended on the user's needs. As the original direction of product planning, most people only use one virtual desktop, only the research and development department may need a dozen units; therefore I decided to show one desktop when users signed in. Users can swipe left or right to see more desktops. In addition, by adding Table View, users can quickly and extensively scan all desktops. They can switch between the two views according to their needs.

Taking a look at the“rectangular tablecloth” early design, at first glance it is difficult to recognize this piece of cloth as a computer. After thinking, I decided to increase the appearance of the "LCD screen". This is indeed a computer that can be used.

In addition, if the tablecloth on the screen only shows the operating system screen (for example, Windows 7 wallpaper), then when the user owns more than three desktops, it needs to be identified by the computer name. Therefore, we improved the tablecloth and replaced it with the thumbnails of current computer so that users can quickly scan the tablecloths.