Platform features of iOS User Design Guide

IOS usersDesign GuidePlatformFeature is the content to be introduced in this article,IOSSystem devices have some unique features that affect all applications running on them.UserExperience. Most popular applications are well integrated with these features.

Screen Size

The screen display of the device is affected.UserExperience is a top priority. Not onlyUserVisually visible, such as text, images, and videos.UserNot visible, for example, the Operation Experience of Apple's mobile is a key style, so touch interaction becomes the focus of its operation experience ).

Although the application varies in different sizes and resolutionsUserExperience, but 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 Portrait and Landscape are available in vertical 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, which is equivalent to a mouse click event );

2. Drag dragging): Scroll or slide;

3. Flick): Scroll or slide quickly;

4. Swipe): The "delete" button is displayed in table-view;

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

6. open the Pinch open finger): 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 before it is not in the background ).

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 typesIOSProgram type:

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, which is similar to a shortcut on your computer.

2. Optimized webpages. Page optimization through refactoring is 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 thatUserThe size of the visible window cannot be changed. 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 is aboutIOSSome features of Safari in:

1. Supports cookies.

2. does not support flash, java including java applets) and third-party plug-ins. 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.

Summary:IOS usersDesign GuidePlatformWe hope this article will help you with the introduction of features.