iOS系统的设备有一些特有的特征,影响着所有在其上面运行的应用程序的用户体验。大部分的热门应用,都是做到了很好的与这些特征的融合。

屏幕尺寸

设备的屏显是影响用户体验的重中之重。不仅是用户能通过视觉感受到的,如:文字、图片、视频等;还包括用户看不到的,如:操作体验(苹果的移动都是一个键的风格,所以触摸交互成了它的操作体验的重点)。

虽然应用在不同的尺寸、分辨率下,会带来不同的用户体验,但还是存在一些共性的:

1、最适宜的最小可点击区域为44*44(points);

2、使用高质量的自定义图标;

3、用户关心的还是应用的实质内容。

苹果产品的尺寸规格有如下几种(Portrait为纵向模式,Landscape为横向模式):

重力感应

用户可能因为各种原因随时改为设备的方向。有的人喜欢横向模式显示,而有的人喜欢纵向模式显示。不管用户为什么原因改变设备的方向,他们总是希望应用程序能够随着他们旋转方向的改变而改变。

当用户从主屏幕上启动应用程序时,用户趋向希望程序使用同一种显示模式。因为iPhone与iPad本身显示模式的不同,因此应用程序也就存在以下两种显示效果:

1、iPhone和iPod touch的主屏幕只有一种显示模式,即纵向模式,主屏幕按键在底部。这就导致用户期望程序默认在此模式下运行;

2、iPad的主屏幕显示模式可以是各个方向的,所以用户希望程序能够默认使用当前使用的显示模式下运行。

触摸交互

用户通过特定的手势来操作这些多点触摸设备。如:轻敲按钮来激活、快速滑动或拖移来滚动列表、张开手指来放大图片。

多点触摸提供给用户一种直接与设备交互的体验, 增强了用户对屏幕中的元素的直接管理。

内置的应用程序引导用户形成了一种标准,这种标准也已被用户所认可,所以在开发中我们也尽可能的遵从这种标准。

用户手势接口:

1、Tap(轻敲):按住或选择一个操作或选项(相当于鼠标的单击事件);

2、Drag(拖移) :滚动或滑动;

3、Flick(轻弹): 滚动或快速滑动;

4、Swipe(轻扫) :在table-view时,显示“删除”按钮;

5、Double tap(连续轻敲再次):放大并居中块级元素内容或图片,否则缩小回原状;

6、Pinch open(手指张开):放大;

7、Pinch close(手指合拢):缩小;

8、Touch and hold(按住): 在可编辑区域的当前焦点处显示放大镜;

9、Shake(摇动): 撤消与重复操作

单个操作

这里的单个操作是指在前台每次只能显示一个程序,当用户从一个应用程序切换到另一个应用程序时,原先显示的应用程序会自动退出或隐藏到后台。

在iOS4之前,应用程序会自动退出并从内存中结束它的进程。但在iOS4及以后的版本中,程序是被切换到后台,它还有可能在继续运行。这种特征就是多任务,即允许应用程序在后台运行,直到被继续运行或被结束掉。

大部分的应用程序在被切换到后台运行时会进入到暂停状态,后台运行的程序可以在后台运行窗口查看到。当后台运行程序被激活时,它会从之前的暂停状态继续运行。

有一些应用程序可能需要使用到此功能,如:用户可能需要边听音乐边查看工作日志或邮件。

选项设置

用户进入内建的“设置”功能里面可以设置各个应用程序,但必须先退出此应用(非后台)。

设置模式都是使用一次永久更忙,即只要设置一次之后,应用程序就会按照此设置运行。尽管一些内建程序会有选项设置,但基本用不到,所以有些程序就不存在此选项设置功能。

用户帮助

手机用户没有时间也不希望阅读大量的关于应用程序的帮助说明。而且这些帮助说明还要浪费大量的空间存储和显示。苹果移动设备里面的内置应用程序易用性很强,用户无需说明文档来学习如何使用这些应用程序。因此,我们设计应用程序时,也应该更多的考虑程序的易用性。

独立窗口

无论什么类型的应用程序都有自己的独立窗口。

iOS应用类型

有以下两种基于iOS的程序类型:

1、iOS apps

2、Web content

iOS app使用低层iOS SDK开发,基于iOS环境直接编译运行。像相册、日历、邮件等内置程序。

Web content是以网站的形式部署。我们在iOS移动设备中看到的Web content可以分为三类:

1、Web app。页面通过模拟成iOS app的形式被访问,从界面上来说,通过隐藏Safari的UI,使其看起来很像iOS app。然后通过在主屏幕上添加一个icon(类似电脑中的快捷方式),它可以像iOS app程序打开一样运行。

2、Optimized webpages。通过重构的方式将页面进行优化处理(主要是替除其中一些不支持的技术,如:插件、flash及java),使其能在iOS Safari中更好的运行。这里值得一提的是:进过优化处理的页面,应根据设备的分辨率及尺寸来自适应。

3、Compatible webpages。此类页面不去做特别的优化,除了iOS Safari中不支持的一些web技术,任然能很好的显示其它内容。

iOS web接口

设备中的Safari浏览器已提供了相关访问web内容的接口。尽管iOS的Safari与电脑中使用的Safari中看起来很像,但它们还是存在很多不同点。

最大的不同就是用户不能改变可视窗口的尺寸。在电脑中用户只需要通过改变浏览器窗口的大小就可以实现。在iOS中,可视窗口不可以改变,除非改变设备的方向。iOS用户可以改变可视窗口的比例来实现放大与缩小,并移动页面来改变它的显示区域。

以下是关于iOS中Safari的一些特性:

1、支持cookies。

2、不支持flash、java(包含java applets) 及第三方插件。支持HTML5的<audio>和<video>标签、Javascript和CSS3动画。

3、使用手指触摸来实现各种交互。

4、支持全屏。Web app通过主屏幕上的图标来触发,并且通过隐藏Safari的操作界面,使其更像本地应用程序。

转载于:https://www.cnblogs.com/kidi/archive/2011/04/11/2000943.html

iOS用户设计指南 - 平台特征相关推荐

  1. iOS用户设计指南-特别说明

    因为公司刚安排去海南旅游,所以之前一直比较忙,今天本想翻译后继章节时,突然发现<iPhone Human Interface Guidelines>早在去年就已经被翻译过了.于是我就花了点 ...

  2. iOS界面设计,12个优秀案例激发你的灵感

    总所周知,iOS和Android是当今两大移动平台,前者采用Human Interface Design,后者采用Material Design.作为设计师,尤其是App设计师,总是会在这两者进行设计 ...

  3. 专为mac用户设计的苹果手机助手。爱思助手 Mac版结构更清晰,功能更好用,界面更清晰,让你能够轻松查看设备信息,下载最新最火的应用游戏。

    爱思助手 for Mac(苹果手机助手) 这是专为mac用户设计的苹果手机助手.爱思助手 Mac版结构更清晰,功能更好用,界面更清晰,让你能够轻松查看设备信息,下载最新最火的应用游戏,还能下载酷炫的手 ...

  4. iOS界面设计切图小结

    iOS界面设计切图小结 APR 12TH, 2013 1.基本尺寸 (1)界面 实际设计时按: iPhone4.4s:640px*960px iPhone5: 640px*1136px iPad:15 ...

  5. [ISUX译]iOS 9人机界面指南(二):设计策略

    [ISUX译]iOS 9人机界面指南(二):设计策略 雪糕 2015.11.09 文章索引 2.1 设计原则(Design Principles) 2.1.1 美学完整性(Aesthetic Inte ...

  6. 两个平台的故事:针对Android和iOS进行设计

    无论您是在内部工作,与承包商签订合同,还是为代理商工作,公司都有许多不同的原因需要应用程序. 既有的公司尤其需要迎合现有客户及其使用的设备. 通常,这意味着同时为Android和iPhone开发了一个 ...

  7. 曙光服务器虚拟软驱,曙光IPMI系统管理平台用户使用指南(一).pdf

    曙光IPMI 系统管理平台 用户使用指南 1 目录 概述3 ◼ 智能平台管理接口(IPMI )3 ◼ 基板管理控制器(BMC )3 IPMI 的相关配置4 ◼ 获取/配置IP 地址等信息4 1. 在B ...

  8. java计算机毕业设计Vue垃圾分类指南平台设计与实现源码+数据库+系统+lw文档

    java计算机毕业设计Vue垃圾分类指南平台设计与实现源码+数据库+系统+lw文档 java计算机毕业设计Vue垃圾分类指南平台设计与实现源码+数据库+系统+lw文档 本源码技术栈: 项目架构:B/S ...

  9. 计算机毕业设计JavaVue垃圾分类指南平台设计与实现(源码+系统+mysql数据库+lw文档)

    计算机毕业设计JavaVue垃圾分类指南平台设计与实现(源码+系统+mysql数据库+lw文档) 计算机毕业设计JavaVue垃圾分类指南平台设计与实现(源码+系统+mysql数据库+lw文档) 本源 ...

最新文章

  1. 哈尔滨工程大学智能科学与工程学院成功举办了“一院一节“暨十二届极速挑战智能车总决赛
  2. linux架构接口层教程,在LINUX平台上进行成功实现RIL层功能和框架层应用
  3. DOS MD命令三种用法
  4. 从无到有算法养成篇-栈和队列·队列
  5. win10如何使用语音输入文字功能?(语音识别)
  6. 初入前端,面对一个项目应注意哪些?
  7. AppScan api登录接口 postman_如何通过Postman调用EDI系统的API?
  8. 2020年9月14日运行代码总结
  9. H.264/AVC 标准中CAVLC 和CABAC 熵编码算法研究
  10. 【SQL Server备份恢复】数据库恢复:对page header的恢复
  11. 26.课时26.【Django模版】if标签使用详解(Av61533158,P26)
  12. 【屏幕保护】GIS相关的屏幕保护【什么是GIS】
  13. Drill官网文档翻译六:存储插件的注册
  14. SQL*Plus生成html文件
  15. ESP32核心原理图
  16. 常用的个人网站建站系统
  17. 西瓜书笔记之 模型评估与选择
  18. Pangu and Stones 解题报告
  19. DateTimePicker 日期时间选择器设置默认时间
  20. SAP 银企直连 付款报文签名与长度限制处理

热门文章

  1. sqlserver 获取当前年_CVE-2020-0618: 微软 SQL Server 远程代码执行漏洞通告
  2. 计算机桌面黑屏时间,电脑自动黑屏时间怎么调?
  3. 跨网页的新手引导_IOS中新手引导页面的实现(新手引导,Guide)
  4. C++ fscanf函数分割读取文本文件
  5. Word中大括号内公式如何左对齐
  6. mysql 几十连接_MySQL挑战:10万连接数
  7. OpenMV生成AprilTag码
  8. python mean函数_聚类算法 Mean-shift
  9. js如何生成[n,m]的随机数
  10. 4种事务特性,5种隔离级别,7种传播行为