iOS用户设计指南之平台特征

移动开发 iOS
本文主要介绍iOS用户设计指南之平台特征的内容,iOS系统的设备有一些特有的特征,影响着所有在其上面运行的应用程序的用户体验。

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用户设计指南之平台特征的内容介绍完了,希望本文对你有所帮助。

责任编辑:zhaolei 来源: 博客园
相关推荐

2011-08-02 09:38:25

IOS 用户设计

2011-04-21 15:20:37

iOS设计用户界面iOS

2014-01-03 15:10:10

手游用户体验设计适应平台

2018-08-31 21:35:26

iOSUI设计师设计

2011-12-29 10:22:04

iPad用户体验设计指南

2013-07-03 13:34:57

iOS 7人机交互iOS 7 UI设计App Anatomy

2013-06-17 16:12:23

iOS 7人机交互UI设计基础

2013-07-03 14:44:24

iOS 7人机交互iOS 7 UI设计Layout

2013-11-27 10:12:11

2011-05-24 16:07:21

UI设计移动应用

2011-01-14 08:35:03

iPhoneiPad敏捷设计流程

2023-03-27 08:05:27

数字化转型MLOps

2013-12-20 09:33:36

iOS 7用户界面

2013-07-03 14:26:19

iOS 7人机交互iOS 7 UI设计iOS设计师

2014-01-03 14:52:23

手游用户体验设计动画

2010-12-16 10:31:16

iOSiPhone应用界面设

2020-11-18 14:36:12

B端客户设计

2017-08-05 16:31:51

TiDBTiSpark数据库

2010-06-09 15:53:30

UML建模

2021-02-05 10:31:05

iOS 14攻击恶意代码
点赞
收藏

51CTO技术栈公众号