Mobile interface development

We’ve considerably redesigned the interface of the cell platform so that 1C: Enterprise functions look pure for the system on which they’re run: iPhone, Android smartphone or pill. Our principal want was to make the different interfaces fashionable, natural and handy. We tried to carry it nearer to the Taxi interface at a similar time.

There are various improvements and particulars within the new interface. We’re not even attempting to checklist all of them on this brief word. We wish to present which path we’re creating the cell interface and the primary concepts underlying it.

Key concepts

We’ve fastidiously studied the newest tendencies within the growth of cell interfaces. Builders accustomed to desktop software programs might discover these tendencies uncommon. In a nutshell, the primary thought is that the design shouldn’t compete with the content material. Quite the opposite, the plan ought to assist the content material to be perceived.

We’ve seen that not too long ago, brilliant coloured backgrounds have developed into a factor of the previous in cell interfaces of various distributors, gradients on controls have disappeared, frames for entering fields and buttons have disappeared. Solely textual content and footage remained. Furthermore, the photographs have additionally misplaced all of the richness of colouration. They started to be displayed in a flat kind, drawn with contour traces, in a single colouration. This makes them appear like font characters.

We determined to make use of the identical strategy within the interface of the cell platform. For instance, the buttons for regulation, opening, the choice now appear like this:

And the checkbox subject has solely two states and is displayed in a particular manner for the cell interface:

In the identical figures, you can see that many kinds of components now haven’t any borders. So that they don’t combine, we organize them within traces separated by horizontal paths, similar to a college pocketbook.

Discipline titles, subject values, and button titles now differ solely within the colouration and textual content. So the sector headings are displayed in grey, subject values ​​in black, and button headings in inexperienced. Furthermore, in many instances, you can’t use the sector headers, however, exchange them with an enter trace. To avoid wasting area on the shape:

The buttons differ not solely within the inexperienced colouration of the headings but also their means. For instance, the phrase Add. It invitations him to press.

Another trick that frees up extra area for knowledge placement is a brand new window title. It incorporates the command bar of the shape, and the complete set of instructions opens within the drop-down checklist:

Enter fields typically behave like a button rather than a textual content entry subject. That is very true for the date, enter fields numbers and choose areas. It’s identified that it’s a lot simpler on cell gadgets to scroll by one thing, pick out one thing, and click on giant buttons. However, it isn’t handy to kind on the keyboard at all times. Due to this fact, to pick out the date, we open the calendar drum, and to enter numbers, we open the calculator:

Fast Choose enter fields now not will let you enter textual content; however, behave like one wide range button:

Software Launch and Begin Web page Command Interface

When launching the appliance, we now show a full-screen image, which you’ll be able to set yourself. At a specific time limit, the 1C emblem and copyright seem on the backside of the display screen, overlapping a part of the image:

After we thought concerning the beginning web page, we have seen that it’s used to show a menu consisting of giant buttons in lots of cell functions. With the assistance of those buttons, the consumer chooses what he’ll do subsequent.

To simplify such a menu in 1C: Enterprise cell functions, we have made a particular show mode for the beginning web page. In this mode, the instructions of the primary part are displayed on the beginning web page within the type of giant buttons with footage and captions:

Along with the menu itself on this web page, you can present an arbitrary type of the preliminary web page. Such a kind could also be wanted when, along with the menu, you wish to show some additional instructions. For instance, to replace knowledge, to configure and comparable actions.

One other innovation consideration is the operating menu. Now it may be known as not solely by urgent the button, but in addition by gesturing to the fitting:

desk

Several new options have been added to the shaped desk. For instance, a particular enter subject for full-text search. As you enter textual content, the checklist is up to date to replicate the traces discovered:

This subject could be initially hidden or at all times seen. You may customize this. If the sector is hidden, the consumer can scroll “behind” the info space, and the industry will seem.

Two different vital new desk options are gesture row ordering and multi-selection. A particular desk command enables row ordering. After that, an space seems within the desk in which you’ll be able to seize and drag the string, thereby ordering the checklist:

A particular command can also enable several choices. In consequence, the traces could be marked, and the instructions will act on all marked paths:

I might additionally like to say the context menu within the desk. It seems proper on the road. To do that, transfer the road to the left with a gesture:

Typically, there is no such thing as a present row within the desk in regular mode. It’s undefined. And through the execution of the instructions of the context menu of the desk, the current row is set and is the same as the row during which this context menu was known as. Due to this fact, the context menu shows solely these instructions that genuinely use the present line. The remainder of the instructions that don’t use the current line is carried over to the command bar of the desk.

Pages and navigation bars

We have added two new show modes for kind pages. Indeed, one of them has no analogue within the platform for a private pc and is known as “swiping”:

In this mode, bookmarks are displayed as dots beneath the web page. Neither the textual content nor the image of the bookmarks is displayed. The pages could be flipped with a horizontal gesture to the fitting – to the left. That is similar to the primary menu of a cellphone.

If the shape has navigation instructions, the navigation bar seems on the backside as a radio button. With it, you possibly can choose the energetic kind.

Spreadsheet doc

In a spreadsheet doc, the consumer can now choose an arbitrary variety of cells, after which a context menu will seem. It permits, for instance, to repeat the desired space to the clipboard to show the transcript. You, too, can add your instructions to this menu.

One other innovation that now we have applied for a spreadsheet doc is scaling with two fingers. It permits you to rise from 50 to 300 p.c:

As we mentioned firstly, that is simply part of the adjustments that we have now applied within the cell platform interface. We tried very trying to create a brand new interface. We hope that it will allow you to essentially develop the handiest, lovely, and fashionable cell functions on the 1C: Enterprise platform.

Facebook
Twitter
Pinterest
WhatsApp

Related Articles

Latest Articles