iOS用户设计指南之平台特征是本文要介绍的内容,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的操作界面,使其更像本地应用程序。
小结:iOS用户设计指南之平台特征的内容介绍完了,希望本文对你有所帮助。