The difference between mobile and PC-side interactions

For today's mobile devices, the user experience on the mobile side is an important point of concern.

Read some of the online knowledge about mobile interaction and user experience, summarized here. If there are deficiencies, we hope that we can actively supplement them.

Design differences between PC-and mobile-side products

1. Screen and adaptation issues to consider;
2. The difference between the operating system (Windows,mac,android,ios, etc.);
3. Network environment (not every mobile device has a network anytime and anywhere);
4. Use the scene (standing, sitting, lying, squatting, lying, walking, etc.);
5. Use of sensors (shake-shake function, map real-time navigation, voice input, etc.);
6. Different modes of operation (PC-side is click, Mobile end is stamp);
7. Desktop and notifications (notifications are clearly as far as possible without interrupting the task flow);
8. Input cost considerations (as mentioned below);
9. Different client versions have different iteration speeds.

Unique interactive mode on the mobile side

1. Touch Screen Slide Operation:

   A, screen or page between the free sliding switch;

   b, sliding entries to delete;

   c, sliding to unlock;

   D, slide out the menu;

2. Shake a shake function;
3. Scan barcode or QR code;
4. Drop-down refresh and pull-up loading;
5. Long-press effect and metaphor;
6. Photo scan upload, share;
7. Map real-time positioning function;
8. The mobile side can rotate the screen anywhere.

About the mobile and PC-side forms

1. There is no hover status on the mobile side, so the mobile side of the form should have good visibility;
2. Minimize the input cost of the mobile end-calling different keyboard modes for different text input boxes;
3. If the Web page made on the PC is not designed to be responsive, then at least allow the page to be scaled;
4. According to the user's line of sight from top to bottom of the habit, as well as mobile screen space is limited, in the design of the form, the title of each form input box as far as possible to use its Placeholder property prompts the input of the current input box;
5. Mobile form design, so that users more choice than input, and, to have intelligent error correction function, the user's input errors for intelligent correction;
6. For mobile error prompt, use toastlist instead of pop-up window, do not interrupt user's task flow;
7. Intelligent Input Function: for example, directly from SMS to obtain verification code, voice input, etc.;
8. Consider whether the form input box is large enough to show what the user has entered;
9. In the case of the screen, the keyboard appears, whether the form can be displayed normally, the form Submit button can be clicked;
10. Use information to group, do not confuse users;
11. When the table slip long, the submit button can be incorporated into the keyboard.

The difference between mobile and PC-side interactions