Nokia renewal does not follow suit to bring the mobile phone back to nature

Said by "Fan Ye. Its movie "do not follow" is awesome! Recently, another song of the same name, "do not follow", seems like Nokia is a bloody success.

However, Nokia has been paying close attention to its popularity since its launch, and many of them have been enthusiastic about the smart phone segment. This article will share with you an understanding of Nokia's sliding operations from different perspectives.

The full text written by netizens is as follows:

Do you like the pull-down refresh function of the twitter or weibo client? Do you like "cutting fruit" and "playing birds "? Do you like to slide the enhanced status bar of Android? Do you like to slide down to close ios's multi-taskbar? Even if you click on any region, you can close it. Do you like the pleasure of sliding cards out in webos?

......

For mobile phones and Nokia, I want to talk too much about interaction design. Today I only want to talk about the interaction connotation of sliding gestures.

What is mobile interaction?

In general, we use a mobile phone, which is actually a kind of communication between us and our mobile phone. We tell it what we want to do), and it tells us the result output ). Interaction means input and output. To give an intuitive example, when you play the piano, press the piano key by hand, and the piano key status changes and sounds, you can press the piano key by hand, which is part of the interaction between people and the piano. On mobile phones, the main function of the Interaction System is to guide users to complete the required operations.

The interaction process is from input to output.

Interaction between touch screens and hands

To sum up, there are two types:

The first type is "point", including click, double-click, and long-press. It can be single-finger or multi-finger. Currently, mobile phone systems mainly refer to single-finger.

The first category is "slide", which includes the slide of the single finger in all directions, the moving of the double finger together, the moving of the double finger in the same direction, and so on.

"Point" and "slide" are both input methods.

"Point" and "slide" can be freely combined. For example, you can change the position of an icon by swiping the icon in ios. In this regard, touch screen devices have a wide range of input methods.

The input method can be created. "point" has three variables: Click Time, number of clicks, and number of fingers, however, these three variables cannot be significantly changed in actual design. "slide" has four variables: distance, direction, number of fingers, and acceleration, especially the direction. The variable range is wide, therefore, it can create more input methods than "points.

Although "point" has a time variable, the most common click is instant completion, while "slide" has a time process, which ensures the time of interaction between hands. More importantly, "points" are static compared with the touch plane, while "slide" is moving, while the interaction process is a moving process, sliding gestures facilitate the interaction of hands. Therefore, it is good to slide. Users can experience the interaction process as a result ).

Defining functions for interaction methods is even more innovative. For example, the twitter client defines a sliding operation as a refresh operation.) Although it is agreed in the history of computer development, click "OK, go to the "function and continue to the mobile device. However, due to the directionality of slide, it is highly plasticity.

"Points" generally have specific interaction objects and require precise positioning. The contact surface between the hand and the touch screen is large, so the misoperation is high, and because the "points" process is very fast, the Failover rate is low. The "slide" Interaction object is often the whole screen, so that you can directly use the touch of your hand to locate the entire screen as a control), so you can implement the so-called head-up operation mentioned by Marko, it makes users feel relaxed without precise positioning. Because there is a process of time and space on the slide, the slide is complete before the input is complete. If the slide rate is high, you can regret it in the middle, but there are also exceptions, such as moving up in the webos gesture area ).

Sliding gesture and mobile device interaction system

In theory, all operations related to movement, such as hierarchical movement, on the mobile device interaction system are applicable to sliding gestures, this not only enables input operations, but also allows the hands to directly participate in the interaction process. In this way, our hands can not only move content on the page, but also easily switch back and forth on multi-layer pages, most of the time, users want to participate in the interaction process, which produces a sense of control and improves the operation pleasure.

Similarly, the essence of the Internet is the movement of information to achieve the connection between the internet terminal and the terminal. Therefore, in the interaction design, slide gestures can be used to intuitively reflect the transmission of some internet information. For example, if I send some information to my friends, I can design interaction in this way.

 

The development of mobile Internet is bound to promote the development of mobile phone sliding gestures.

Simulated Interactive System

Before the popularization of Touch devices, we used the mouse, keyboard, and pen to indirectly interact with the operating system. Now, we can interact with touch products intuitively to pay tribute to Jobs ), but the problem comes one after another:

The first is the operation consistency problem. ios, android, symbian, and wp7 all have physical buttons. We need to switch between the buttons and the touch screen, and the operation smoothness is interrupted;

Second, the page is also filled with a variety of control buttons, such as the back key, delete key, etc.), occupies a lot of space on a limited screen, what's worse is that frequent misoperations are not triggered when a typical iphone is typed in half.) This causes some people to re-use their keyboard phones;

Again, with the increase of app functions, you can only add more layers to achieve more functions, and move between layers more frequently, but clicking the back button is obviously not easy enough.

In fact, we have never been able to get rid of Semantic Interaction modes, from dos to windows, from the operating system of keyboard and mobile phones to the operating systems of various touch screen mobile devices, most of the operations use text or symbols for page navigation, backend keys, menu keys, and home keys, I personally think that the Semantic Interaction Mode is more suitable for the voice control system and should have its own interaction mode in the graphic system.

Let's go back to the example at the beginning of the article. Why do we like the above operations? Apart from our hand itch and sliding, they all turn the pages into materialized pages, which is intuitive and has a low learning cost; sliding gestures are used to control the quasi-materialized pages, with a sense of control. The hands are involved in the entire interaction process, and the gesture operation input) is synchronized with the page feedback output. The interaction is smooth, authentic, and friendly, it is consistent with the real life experience.

The main function of the mobile device interaction system is to help users navigate between different pages, that is, moving between different pages. After the page is anthropomorphic, users can understand the page as an object, such as a card, not just the visual design of the page to be materialized), through the physical characteristics of the sliding gesture direction, distance, acceleration, etc.), to achieve intuitive page movement operations, add a system framework that complies with the psychological model to link pages in an orderly, understandable, and intuitive manner to form a complete interactive system. At the moment, it will become a simulated interactive system.

Features of a simulated interactive system:

Timely feedback: the input and output operations must be performed at the same time, which ensures a smooth operation experience and allows users to feel that they are operating on their own, rather than telling the mobile phone what to do first. After the mobile phone is complete, then let us know the result.

Seamless link: when switching between pages, you must ensure smooth page transition.

Always know where you are: a system framework that conforms to the psychological model, so that users do not lose their way in the system.

Let your hands go back to nature

First, let's talk about iOS, Android, Symbian3, and WP7. I have summarized them into semantic systems. Although there are Interactive Animation effects, the page transition animation effects of WP7 are very good ), for a page with quasi-materialized features, iOS often emphasizes the quasi-materialized page. WP7 also visually card the application page), but it does not all combine the sliding gesture, in most cases, you can click the button or virtual button to move the system-level page. For example, to open the multi-task window, double-click the home Key in iOS, press the home Key in Android and Symbian3, and press the back key in WP7.

 

The enhanced status bar of Android and the interactive mode of the notification system in iOS5 that imitates it are simulated. However, the entire system does not adopt this interactive mode consistently, so I did not call them analog operating systems, but I believe that they will adopt more such interactive methods in the near future, and will look forward to the Nokia version of WP7 in the near future.

Let's talk about WebOS. In the gesture area, slide up to enter the card-type multitasking window and close the program by swiping up to the card. It has become a classic. I personally like it very much. It is a quasi-materialized page, smooth sliding gestures are good, but it is not intuitive to slide back to the left in the gesture area. The system architecture is difficult to understand multi-task pages. The relationship between the application page and the Application List does not have the quasi-materialized logic, it is difficult to establish a rational psychological model ).

On the keyboard, the sliding gesture evolved. The gesture area was extended to the entire screen frame, and all the solid touch buttons on the front were also removed, the Air gap-less technology used on the screen helps to enhance the realism of the quasi-materialized page.

I think this is the biggest innovation of the middleware in interaction by using a brand new "three main screens" in the system framework.) The hierarchy is very simple. There are two layers, one layer is the three main screens, and the other layer is the three main screens, one layer is the application layer. In combination with the multi-task window of the card page, each page has an arc, similar to a card.) It is easy to establish a reasonable psychological model. A reasonable psychological model allows users to operate intuitively, this is the biggest improvement compared with WebOS.

One of the most unique aspects is that all sliding gestures can be repented. As long as you don't lift your fingers, the renewal rate is very high. Of course, the price you pay is that page switching is slow, the advertisement language is elegant, and the language and culture are profound and profound.

The ghost sliding gesture is backed by a simulated interactive system, officially becoming the swipe system.

The swipe system uses gestures to explore and let your hands go back to nature.

Sliding gesture and swipe System of butler

I will describe the significance of sliding gesture on the swipe system by moving between pages at different levels of the slider.

1: Unlock page

We can understand it as a card on the home page, double-click to unlock to cancel, directly unlock the power key), slide from the external frame into the home page, it's like sliding a card away. The direct-board Keyboard uses buttons to unlock the mobile phone. for iOS, Android, and WebOS, You need to locate a specific object and slide and unlock it. For Symbian, the unlock key and slide are used to unlock the mobile phone. In contrast, refer can be used to unlock the camera like a slide cover or flip a mobile phone. It is also the head-up operation mentioned by Marko. Of course, you can also use a direct keyboard. Sliding directly from the unlock page to other applications is a fast and efficient operation.

2: switching between the three main interfaces

Make the most common pages into three homepages, with seamless links between pages, which can be recycled. In this way, you can slide at most one step to reach the desired page, which is quite simple. In building a psychological model, it can be imagined that three cards are connected into a ring. There is no folder design on the Application List page, and the classification problem of the program remains to be solved. The multi-task page is not similar to the webos stack design, which is also a problem of program classification. Due to the differences in the system framework, other operating systems do not integrate these three pages into the same level. Generally, the Application List page is used as the Home Page. When you enter the multitasking page, a button is used. See the image above)

3: switching between the home page and Applications

On the Application List page, click the icon to enter the application. The system of all mobile phones is consistent. The difference is that, on the home page, the keyboard generally presses the menu key and then selects the exit option. The touch screen model is shown in figure.

The middleware uses the gesture area of the outer frame to slide to the screen, and regards the app as a card. Opening an app means overwriting an app card on the home card, sliding the outer frame to the inner screen is regarded as pushing the application card. Previously, the covered home page card is re-displayed, and the application card is promoted to the multi-task interface. In this process, the hand is involved in the entire interaction process, the page card slides with the hand, and the display of the home page also works with the sliding gesture, this is the psychological model that NLP has created for me.

Another requirement is to directly close the program and return to the main interface. The supervisor can choose to slide from the upper box to the lower box to implement this function, but there is no animation effect, I personally think this is not a good solution, because we cannot find a reasonable psychological model, and it is too long to operate. Can it be set to slide on the double finger and use it with an internal and external animation on the main interface, and then add a book tear? Of course, it is best to forget this thing. The memory is a matter of the operating system.

Some people also say that sliding the border in three directions will return different main interfaces, it is also said that, without changing the existing mode, you can use a shortcut bar to slide a part of the box from the bottom to stop) to open three main interfaces or thumbnail pages from the other three directions, my personal opinion is: it is intended to be efficient, but not necessarily efficient.

4: switching between applications

The interaction logic of the consumer is as follows: Application 1> master interface at the upper level> main interface at application 2> Application 2. If application 1 and Application 2 are on the same main interface, the third step is omitted. The first three steps use a sliding gesture and the last step uses a click. In fact, it is a combination of 2 and 3 above, so we will not analyze it.

5. Intra-application switchover

Refer has added a number of sliding controls, such as switching between Chinese and English keyboards by sliding left and right, slide down to close the keyboard, but when I see the virtual return key, menu key on the application page, the feeling of returning to Symbian v5 suddenly arises. I think this should be a compromise to reduce the developer's Development difficulty, but even so, at the system level, a sliding gesture is used to implement the return operation. On the Application page, click virtual creation to implement the operation. This will result in an imbalance in experience. webos uses the gesture to implement the return operation, although not intuitive, at least the experience is unified. So I drew a picture to make up for my loss. Numbers represent the layers in the application. The switching between each level can be seamlessly combined by sliding. This removes the call back key and implements the forward key function.

 

When one slide is raised, the double finger slides inward from the upper frame to flip the application card. The back of the card is the set menu.

Finally, I believe that developers can make more interactive and better applications as long as there are suitable sliding controls.

Summary

The relationship between the touch screen and the hand determines that the sliding gesture will be the most important input method on the touch screen mobile phone device, especially in the realization of the mobile and contact functions, has an incomparable advantage of clicking, the two should complement each other to provide a good interactive experience.

Ghost has brought us the most abundant slide gestures so far, removed the last button in form, and replaced it with a slide gesture. However, there are still two existing virtual buttons in the application, many functions are not complete yet. For example, if the shortcut program cannot be changed, it is troublesome to delete the program and there is no shortcut switch. To open the notification program in the application, you can only return to the notification page. The application page category, the problem of multi-task page classification is not concealed. Marko and his team created the "three main screens" system framework, the outer border gesture area, and removed the last button, improved the simulated interactive system swipe system hidden in the sliding gesture ).

As a matter of fact, a sliding gesture always exists. It is only an input method, and the interaction systems of various mobile devices are still using it, the interaction experience of the platform is different from that of other operating systems. Other operating systems only use the sliding gesture as an auxiliary input mode, while the Platform mines the interaction connotation of the sliding gesture, creates a simulated interactive system, which consists of a sliding gesture and a sliding gesture as the main input mode), a quasi-materialized page, and a swipe system that complies with the system framework of the psychological model, a smoother, closer, and more elegant operation experience also gives sliding gestures a more important position in the interactive system, we sincerely hope that the successors of NLP will carry forward the sliding gesture interaction system, so that it can be fully integrated into the operating system, application, and our life, so that our hands can return to nature.

When I asked a friend about his understanding of the sliding gesture, he gave me a picture of him in Luoyang. He thought that he had more meaning than I did.