Differentiated design

更新时间:
复制 MD 格式

On the iOS and Android platforms, there exists significant difference in human-computer interaction. We should follow each platform's characteristics and make differentiated designs.

Search

There are two types of search bar, prominent and hidden search bar.

  • The prominent search bar is used on Alipay homepage, industry platform homepage, etc. that have strong search needs or strong marketing needs;

    image

  • The hidden search bar is used on pages where search needs are not particularly strong, so the space saved can be used to display more content.

    image

Operation list

  • The operation list on iOS system is slid out from the bottom of the page, and there is a Cancel button at the bottom of the list to close the list.

    image

  • The operation list on Android system is popped up from the middle of the page. Since Android devices have physical back button, there is no need to design a cancel or close button in the list. Click the blank area outside the list or click the physical back button to close the list.

    image

Pop-up box

The pop-up box styles on iOS and Android platforms are different, but the interaction method and usage principle are the same:

Principle:

  • Ask whether to perform the current operation in the title;

  • Alert users of risky consequences that may be caused by current operation in the main instruction if necessary;

  • The button to confirm operation should be presented with the operation again.

Prohibition:

  • Don't use ambiguous descriptions like: "Are you sure?";

  • Do not explain or interpret the consequences of the operation;

  • Don't use action buttons that are unclear. For example, there are only "Cancel" or "OK" text on the button, where the "Cancel" button sometimes may cause ambiguity.