IOS User Design Guide-platform features

Document directory

• Gravity sensing

IOS devices have some unique features that affect the user experience of all applications running on them. Most popular applications are well integrated with these features.

Screen Size

Screen Display of a device is the most important factor affecting user experience. It is not only visible to users, such as text, images, and videos, but also invisible to users, such as Operation Experience (Apple mobile is a key style, therefore, touch interaction becomes the focus of its operation experience ).

Although different sizes and resolutions bring different user experiences, there are still some commonalities:

1. The most appropriate minimum clickable area is 44*44 (points );

2. Use high-quality custom icons;

3. the user is concerned with the actual content of the application.

The following specifications are available for Apple products (portrait is in portrait mode and landscape is in Landscape mode ):

 

Gravity sensing

The user may change to the device direction at any time for various reasons. Some people prefer horizontal mode, while others prefer vertical mode. Regardless of why users change the direction of the device, they always want the application to change as they rotate.

When a user starts an application from the home screen, the user tends to want the program to use the same display mode. Because the iPhone and iPad display modes are different, the application has the following two display effects:

1. The iPhone and iPod Touch have only one display mode on the home screen, that is, portrait mode. The home screen is pressed at the bottom. This causes the user to expect the program to run in this mode by default;

2. The main screen display mode of the iPad can be in all directions, so you want the program to run in the current display mode by default.

Touch Interaction

You can use specific gestures to operate these multi-touch devices. For example, click a button to activate the image, quickly slide or drag it to scroll the list, and open your fingers to enlarge the image.

Multi-touch provides users with an experience of directly interacting with devices, enhancing users' direct management of elements on the screen.

The built-in Application guides users to form a standard that has been recognized by users. Therefore, we try our best to follow this standard during development.

User gesture interface:

 

1. Tap: Hold down or select an operation or option (equivalent to a mouse click event );

2. Drag (drag): Scroll or slide;

3. Flick: Scroll or slide quickly;

4. Swipe: The delete button is displayed during table-view;

5. Double Tap (Continuous Tapping again): zoom in and center the block-level element content or image; otherwise, zoom back to the original state;

6. Pinch open (finger open): Zoom in;

7. Pinch close (finger close): Zoom out;

8. touch and hold: display a magnifier in the current focus of the Editable area;

9. SHAKE: Undo and repeat operations

Single operation

A single operation means that only one program can be displayed at a time in the foreground. When a user switches from one application to another, the previously displayed application automatically exits or hides it in the background.

Before ios4, the application automatically exits and ends its process from the memory. However, in ios4 and later versions, the program is switched to the background and may continue to run. This feature allows applications to run in the background until they continue or are terminated.

Most applications are paused when they are switched to the background. programs running in the background can be viewed in the background running window. When the background running program is activated, it will continue to run from the previous pause state.

Some applications may need this function, for example, users may need to view work logs or emails while listening to music.

Option settings

You can set each application in the built-in "Settings" function, but you must exit the application (non-background) first ).

The setting mode is always busy, that is, once it is set, the application will run according to this setting. Although some built-in programs have option settings but are rarely used, some programs do not have this option setting function.

User help

Mobile phone users do not have time or want to read a lot of help instructions on applications. In addition, these help instructions waste a lot of space storage and display. The built-in applications on Apple mobile devices are easy to use. You do not need to provide instructions to learn how to use these applications. Therefore, when designing an application, we should also consider the ease of use of the program.

Independent window

Applications of any type have their own independent windows.

IOS Application Type

There are two types of iOS-based programs:

1. iOS apps

2. Web Content

IOS apps are developed using low-layer IOS sdks and compiled and run directly based on the IOS environment. Built-in programs such as photo albums, calendars, and emails.

Web content is deployed as a website. The Web content we see on IOS Mobile devices can be divided into three types:

1. web app. The page is accessed by simulating it as an iOS app. On the page, you can hide the safari UI to make it look like an iOS app. Then, you can add an icon on the home screen (similar to the shortcut on your computer), which can run as if the iOS app was opened.

2. Optimized webpages. Optimize the page by refactoring (mainly to remove some unsupported technologies, such as plug-ins, flash and Java) so that it can run better in IOS safari. It is worth mentioning that the optimized processing page should be adapted according to the resolution and size of the device.

3. compatible webpages. This type of page does not require special optimization. Apart from some web technologies not supported in IOS safari, it can display other content very well.

IOS Web Interface

The Safari browser on the device provides an interface for accessing web content. Although IOS safari looks a lot like safari on a computer, there are many differences between them.

The biggest difference is that you cannot change the size of the visible window. In the computer, you only need to change the size of the browser window. In iOS, the visual window cannot be changed unless the device direction is changed. IOS users can zoom in and out by changing the ratio of the visible window, and move the page to change its display area.

The following are some features of safari in IOS:

1. Supports cookies.

2. Flash, Java (including Java applets), and third-party plug-ins are not supported. Supports HTML5 <audio> and <video> labels, JavaScript, and css3 animations.

3. Use finger touch to achieve various interactions.

4. Full Screen is supported. The web app is triggered by an icon on the home screen and is more like a local application by hiding the safari operation interface.