How and why did we change the user interface in version 8.3.15

23.01.2020

We attempt to develop and enhance the consumer interface of our functions, whereas sustaining an inexpensive stability between trendy interface design and its usability, whereas sustaining (if attainable) continuity with respect to earlier variations.

We have been criticized (particularly by customers who’re simply beginning to work with our merchandise) for the congestion of the interface of the primary window.

It is extremely necessary for us that the interface of our functions is nicely acquired by new customers who select a program for enterprise automation.

A little bit of historical past

When pc applications received the chance to attract not solely in 16 colours at 640 * 480 decision, many programmers started to make use of the graphics capabilities to the fullest. These of us who’re older bear in mind 3D buttons with shadows and icons in True Colour (and typically with animation!).

However progressively the business started emigrate in the direction of extra ascetic interfaces that don’t tire the notion of the consumer (who typically spends most of his working day in this system). Consequently, the interfaces started to look extra modest, the three-dimensionality and coloration saturation of the interface components progressively light into the previous. The variety of interface controls (buttons, menu gadgets, and many others.) concurrently displayed on the display screen has additionally decreased. “Batteries” of buttons for all events at the moment are “not worn” – not trendy.

We additionally tried to maneuver in the identical route because the business. A number of illustrations beneath.

Model 8.1. Full-color icons, many buttons are pulled to the panel, and greater than half of them should not obtainable in the mean time for urgent (grayish, disabled), as a result of the context just isn’t proper for them proper now:

Model 8.2. The buttons have grow to be extra modest in coloration, their measurement and quantity have decreased, a few of them have moved to the title of the primary window to save lots of display screen area:

Model 8.3, “Taxi” interface – additional migration in the direction of a lighter interface:

What we did in 8.3.15

Ranging from model 8.3.15 we’ve redesigned the consumer utility interface. The principle window has undergone main revision. We tried to save lots of the title of the primary window from pointless overload of features, in addition to to rearrange the menu instructions in accordance with their goal.

Let’s bear in mind how the interface seemed in model 8.3.14:

  • On the prime left of the primary window title was a downward-facing arrow that known as Predominant menucontaining instructions frequent to all functions (instructions for working with information, instructions for enhancing, and many others.). By the best way, in accordance with our observations, customers typically didn’t discover the primary menu (probably as a result of the truth that the “downward arrow” icon was delicate or not perceived as a clickable button).
  • To the fitting of the primary menu on the header was a user-configurable system command panel, which may comprise instructions from the primary menu and plenty of different instructions (“Add quantity to clipboard”, and many others.). As you may see, there was a duplication of instructions from the primary menu (though it shortens the trail to those instructions for the consumer by one mouse click on).
  • The principle window additionally contained toolbarcontaining a button to name the menu of utility features (configuration), in addition to buttons “Favorites”, “Historical past”, “Search” and “Alerts”.

That is how the primary utility window seems to be in model 8.3.16 (the latest on the time of publication of the article):

We eliminated the toolbar and system command bar. All the things that you must work is now in the primary panel.

The presence of buttons “for all events all the time on the display screen” doesn’t correspond to trendy traits and is poorly perceived by customers – they’re frightened by the abundance of instructions (a few of which they might want very not often or by no means in any respect).

We determined that the appliance features (configuration) menu is the primary command for many customers; we positioned them in probably the most simply accessible place, on the left-top, hidden below the “hamburger” button (de facto the usual icon for calling the menu in trendy functions).

Subsequent within the title is the identify of the appliance, then the worldwide search discipline (changing and increasing the search performance of earlier variations).

It’s adopted by three, in our opinion, necessary platform-based methods of navigating the appliance – “Alerts”, “Historical past” and “Favorites”.

We predict that the remainder of the instructions are used a lot much less typically, and never everybody makes use of them, so we put them within the menu “Instruments and settings” (“mini-hamburger-down-arrow”), subsequent to the identify of the present consumer.

Within the menu “Instruments and Settings” we’ve positioned instructions associated to the appliance as a complete. The instructions on this menu are nearly all of the instructions from the eliminated primary menu and the system command bar. Eradicating the system command bar, we visually “unloaded” the title of the primary window, made it look sleeker and extra trendy.

We perceive that this has elevated by one mouse click on (plus mouse motion) navigation to some instructions from the system command bar for these customers who beforehand used these instructions with a mouse (reasonably than utilizing hotkeys). We consider that that is an appropriate worth to pay for a extra logical and modern-looking interface. A lot of the instructions are not often used or auxiliary. Allow us to clarify our perspective utilizing examples of a number of instructions beforehand obtainable from the system command panel.

  • “Open file” (keyboard shortcut Ctrl + О); a really small variety of customers of our merchandise typically open exterior information straight from 1C functions. For instance, for many customers, the flexibility to open exterior processing is normally disabled for safety causes.
  • “Home windows” (switching between home windows). You may as well change between home windows utilizing the “Ahead” and “Again” arrows within the kind header or via the open panel.
  • “Assist” (additionally known as by urgent the F1 key). If there may be assistance on a selected kind, it’s known as by the “Assist” button straight from the shape and there’s no have to name it from the menu. Basic assistance on the system is known as, as a rule, sometimes.
  • Print instructions. If the present kind is a report kind, then it normally has buttons for printing and saving to file. If they aren’t there, it implies that the developer determined that they may not often be used and that it isn’t price losing display screen area on them. We additionally determined to not waste area on them within the utility header and place them within the kind menu.

It’s price remembering that the keyboard shortcuts for save, print, copy, and many others. (Ctrl + S, Ctrl + P, …) proceed to work.

A little bit extra about printing

It’s good observe for a developer to put a big and handy print button in a distinguished place in these types the place it’s typically in demand (paperwork, experiences, and many others.)

A few examples of such types from our “Enterprise Accounting” beneath.

We work “regionally”

In accordance with trendy traits, the buttons / menu gadgets needs to be contextual each time attainable – situated nearer to the article being operated on. Due to this fact, we moved the instructions associated to the present context (present kind, present factor) from the overall menu to the shape itself (menu with three dots “…” within the higher proper nook of the shape). There are instructions “Change scale”, instructions for working with home windows, “Print” and “Preview” (if they’re outlined for the shape), “Save” and “Save As” (if they’re outlined for the shape), enhancing instructions (“Choose all “,” Copy “and others), and many others.

To the left of the shape menu is the Get Hyperlink command.

Lastly

We perceive that the event of the interface all the time creates difficulties from the presence of the actual fact of modifications. Regardless of how handy the brand new interface is, it takes a while to get used to it.

However not growing the interface and never following trendy traits is totally fallacious. If we stayed on the interface degree 8.1 – you may think about how archaic we might look now in opposition to the background of different merchandise.

We actually hope that our companions, specialists within the implementation of 1C merchandise, can be sympathetic to the improvements within the interface, and can assist customers within the transition to a brand new model of the interface.

Tags: UI Taxi 8.3.15

Inform associates:

Facebook
Twitter
Pinterest
WhatsApp

Related Articles

Latest Articles