We have already mentioned that the new Mago4 preserves the functional features of Mago.net, while radically changing its interface. The new design has to deal with not only graphic elements, and color, but it goes beyond the concept of User Interface to embrace the broader idea of true User Experience.
The new look is inspired by the latest trends in content before chrome: data and content on which you work are the primary substance to perceive, while the interface elements remain in the background. Mago4 adopts a flat appearance without 3D effect and photorealistic images with stylized icons and rich colors.
Mago4 design also takes into account the evolution in referring to the size and resolution of the displays in use. The traditional constraints associated with these features are now meaningless, given the multifaceted range of available devices, each with their own values. The goal of the new design is the dynamic adaptation to different situations: the new interface applies the principles of responsive design to adapt the elements to the available screen space. Special attention also goes to touch-screen devices, which, while not ideal tools for a complex operability, are useful for consultation and for operations of verify or confirmation. Mago4 interfaces are then touch friendly, responsive and have enough space to tapping as an alternative to clicking.
To give Mago4 a highly intuitive design, we started with an observation: "If there is a need to explain the interface, you probably made a mistake in the choice of design." The new design communicates the user a clear message about the meaning of what is displayed and on possible actions, taking care of the affordances (ie the invitation) proposed by the elements. The affordance draws on the common and computer cultural background (a blue underlined text suggests a link to other information; three diagonal lines at the corner of a window indicate that the same can be enlarged, etc.). Users can predict which actions will be performed, starting from the look of interface elements.
The restyling of the Home Page leads to a totally new look, clear, clean and light, characterized by the presence of tiles (ie panels containing groups of consistent fields), that are also the key elements common to all the application interface. The responsive design is here: the tiles can change size and orientation adapting to the various form factors and the extension of the texts in different languages. The occupation of space is improved, readability and understanding are maximized.
Navigation is intuitive; the desired functionality are recalled with a few clicks and the appearance of the home page is customizable, to fit the daily operational flows, hiding the items used with a lower frequency. A powerful search system allows you to quickly find any functionality of application or framework: the entire usual search functions are implemented: bookmarks, last-used and pinning.The look and feel is linked to the theme and therefore is customizable.
All the windows of the application interface (data entry, batch, wizards, forms, etc.) are new in look and organization of information. The data are grouped by operation logic and meaning in the new container represented by the tiles, which can be collapsed by the user, while continuing to carry information. All you need is at hand on the first page of the document, and other not-basic information are in accessory boards. You have the same result in Activity Panel thanks to the Accordion model: the sections collapse or expand themselves while you proceed in the activity. There are also other characteristic elements, such as lateral selectors with customizable icon and description and a concise and descriptive header, designed to recall the information that you always want to be visible (name of the customer, document number, etc.).
Even Mago.net toolbars change: from uniform stripes of small images, functions move in different areas of the display. The new toolbars are lighter, thanks to the drop-down buttons, and can move freely; toolbars are reduced in number (the accessory functions are in separated informative panels), they have larger icons, useful on a touch screen, accompanied by a descriptive text for easier understanding. Available icons change depending on the context and the possible actions.
Colors, fonts and other graphics change: a powerful templates technology collects the styles of different components to model the product on the tastes of the individual user. In this way, it is easy to create a familiar user experience, even between different applications and products.
These are just some of the innovations - mainly related to the product interface - that you will soon experiment with Mago4. If you are curious to see other innovative features that will change your ERP, you just have to follow the next editions of the blog!