< 文档首页
全部产品
弹性计算
存储服务
数据库
网络
视频与CDN
域名与网站
应用服务
工商财税 知识产权
互联网中间件
移动研发平台 EMAS
移动研发平台EMAS-专有云
云通信
安全
大数据
人工智能
ET大脑
物联网
物联网行业方案
数字金融
管理与监控
区块链
云市场
API与工具
解决方案
钉钉
会员服务
专有云
更多
云游戏

    平台差异性设计

    更新时间：2019-09-09 14:07:38

    ★ 我的收藏
    本页目录

    在 iOS 和 Android 两个平台上，人机交互的差异较大，我们应该遵循平台特性，做差异化的设计。

    搜索

    搜索分为 凸显式 和 隐蔽式 两种。

    • 凸显式搜索用在支付宝首页、行业平台首页等，有强搜索需求，或者有营销引导需求的页面；
    • 隐蔽式搜索用在搜索需求不是特别强烈的页面，省出搜索栏的空间，可以展示更多内容。

    在 iOS 平台中，凸显式与隐蔽式搜索的设计如下：

    search_iOS

    在 Android 平台中，凸显式与隐蔽式搜索的设计如下：

    search_Android

    操作列表

    • iOS 系统的操作列表从页面底部滑出，并且在列表底部有 取消 按钮，用来关闭列表；

      list_iOS

    • Android 系统的操作列表从页面中间弹出，由于 Android 设备都有物理返回按钮，因此无需在列表中设计取消或关闭按钮。点击列表之外的空白区域，或者点击物理返回键可关闭列表。

      list_Android

    弹出框

    iOS、Android 平台的弹出框样式有区别，但交互方式与使用原则均相同：

    原则：

    1. 在标题中询问是否执行当前操作；
    2. 如果有必要，在正文解释当前操作造成的后果；
    3. 确定执行的按钮上面重申操作动作。

    禁忌：

    1. 不要使用模糊不清的描述，如：“你确定？”；
    2. 不要对操作后果进行解释和阐述；
    3. 不要使用指意不明的行动按钮，如：按钮上只有“取消”和“确定”，“取消”按钮有时候会造成歧义。

    iOS 弹出框如下：

    iOS

    Android 弹出框如下：

    Android

    上一篇：手势
    下一篇：组件组合
    相关文档
    相关产品
    • 移动开发平台mPaaS
      移动开发平台（Mobile PaaS，简称 mPaaS）是源于支付宝 App 的移动开发平台，为移动开发、测试、运营及运维提供云到端的一站式解决方案，能有效降低技术门槛、减少研发成本、提升开发效率，协助企业快速搭建稳定高质量的移动 App。
    • 金融分布式架构 SOFAStack
      SOFAStack™（Scalable Open Financial Architecture Stack）包含构建金融级云原生架构所需的各个组件，也是在金融场景里锤炼出来的最佳实践。提供微服务应用开发、部署发布、监控运维、项目管理、容灾高可用等全栈式解决方案，并兼容Dubbo、Spring Cloud等微服务运行环境，提供基于虚拟机的经典PaaS运维和基于Kubernetes的云原生运维能力，助力客户各类应用轻松转型分布式和云原生架构。
    • 移动研发平台 EMAS
      移动研发平台（Enterprise Mobile Application Studio，简称EMAS），面向企业服务市场，期望把阿里巴巴近十年在移动互联网行业沉淀的DevOps研发支撑能力、移动App基础中间件能力开放给客户，帮助传统企业快速实现移动数字化的转型目标。