首页 理论教育 设计的特点和用户体验 

设计的特点和用户体验 

时间:2022-03-03 理论教育 版权反馈
【摘要】:APP有自己的特点和气质,因此它的许多特点不同于图标、游戏以及移动UI设计。手机产品的导航设计需要在明确了设计的总体框架和结构后,根据硬件的特点和用户的使用习惯进行。通过理性的架构分析和感性的体验设计,设计出好的导航结构,它能让开发者的APP设计效果事半功倍。多点触控这类应用可以帮助用户快速完成一个任务,它注重内容的组织逻辑功能和信息架构的展现,以方便用户快速高效地使用APP,最终完成任务。

APP有自己的特点和气质,因此它的许多特点不同于图标、游戏以及移动UI设计。下面将从其虚拟键盘、目录导航、功能操作、自上而下的操作、减少输入、足够大的按钮面积以及多点触控手势等方面讲述APP的多种特性,帮助学习者全方位地了解APP的特性。

手机APP如图2.2所示。

图2.2

2.1.1  虚拟键盘

如今,没有物理键盘的智能手机已经充斥着人们的生活,Android系统触屏的所有输入操作都需要屏幕中的虚拟键盘来实现,这就需要设计师们考虑虚拟键盘的遮挡问题。

APP 上的虚拟键盘如图2.3所示。

图2.3

2.1.2  目录导航

一款小小的APP应用包罗万象,融合着复杂的信息内容或功能逻辑。要让用户在使用中获得最好的体验、迅速掌握应用的框架结构,其导航的设计是一个重要的环节。APP设计没有物理按键作为目录菜单的呼出功能,完全不同于Symbian系统,甚至其导航也需要屏幕中的虚拟按钮来实现。

图2.4

手机APP目录导航展示如图2.4所示。

手机APP应用的导航和现实世界中的路标或者地图的作用类似。它是应用软件的虚拟框架,对用户具有指示标志以及识别的功能。不同的视图和区域能迅速地切换信息,记录使用的操作轨迹,以防止用户迷失。

手机导航APP图标如图2.5所示。

图2.5

在APP的导航设计中,人们常常见到的功能层级主要有以下两种。

一种是扁平层级,即所属功能在框架蓝图中属于同一层级的并列关系。这种功能层级主要出现在信息架构较为扁平化、同级别任务功能较多的视图中。

扁平层级APP目录导航样式如图2.6所示。

图2.6

一种则是树状层级,即信息架构较为层次化或者任务之间有从属关系,多出现在需要用户逐层深入的视图中。

多层级树状导航APP如图2.7所示。

图2.7

2.1.3  功能操作

手机APP的功能操作需要把所有的功能集成在APP中,如可以用APP来做功能的分类,用工具栏来做具体视图的功能操作集合。在一个应用中,绝大多数情况都是退出功能。在480 dpi×320 dpi这个对手机而言很大的屏幕上要包括4个模块,才能对1个APP进行操作。这4个模块分别是手机APP照相功能、手机APP通信功能、手机APP播放器功能和手机APP购物功能。

手机APP照相功能如图2.8、图2.9所示。

图2.8

图2.9

手机APP音乐播放器功能如图2.10所示。

手机APP购物功能如图2.11所示。

图2.10

图2.11

[作者分享]

手机产品的导航设计需要在明确了设计的总体框架和结构后,根据硬件的特点和用户的使用习惯进行。通过理性的架构分析和感性的体验设计,设计出好的导航结构,它能让开发者的APP设计效果事半功倍。

2.1.4  自上而下的操作

手机APP用户在大多数情况下会出现这样的姿态:一手握机,大拇指作为主要的操作和点击手指。可以看到,不管是iOS系统应用还是其他优秀系统应用,大多数都是使用很长的列表形式。这是因为拇指在滑动列表时会非常顺畅和方便,而且操作速度非常快。所以,很长的列表不会成为手机应用的障碍,这与其他手机平台上的特性不同;而且在表格的情况下,单击顶部的状态栏可以快速回到顶部。

具有自上而下操作系统的手机APP如图2.12所示。

图2.12

手机APP有支持单手操作的特性,当然也有一些游戏需要双手进行。但因为智能手机有一块非常灵敏的支持手指多点触控的电容屏,所以手指直接在屏幕上操作就更加直观和具有操控感,不需要任何中间设备按键来控制。

手机APP操作如图2.13所示。

图2.13

2.1.5  减少输入

所谓APP的减少输入即指对手持设备要尽量减少用户输入量,特别对于i Phone这种虚拟键盘而言,即便电容屏再灵敏,但每次都能准确地触动面积很小的虚拟键盘也并不是一件轻松的事情。设计者要尽量使用选择器或是输入提示的信息来减少输入的成本。

手机APP文字界面信息如图2.14所示。

图2.14

2.1.6  足够大的按钮面积

对手机的电容屏而言,虽然其很灵敏,但接受的感触面积并不小,且用户又是直接用手指操作,所以应用中的所有按钮都要求适合指尖操作。根据各操作系统官方给出的设计指导,44 pix×44 pix是一个较为理想的面积。

手机APP上的按钮如图2.15所示。

图2.15

2.1.7  多点触控手势

现在是触屏时代,从开始单点触控到现在的多点触控,无论是iPad、Android,还是微软的APP,它们的触屏技术都在飞速发展。这些都预示着人类很快要进入一个人机互动的时代。

在APP应用中应让用户的手指总是保持可用,它是人体的一部分,可以灵活地做各种动作。而且直接触控屏幕非常直观,用户也非常愿意使用这些看上去很酷的手势动作。比如,可以用两个手指拉开图片来放大、合并图片来缩小,直接拖动图片调换顺序,摇晃手机进行刷新等。

手机的操作手势如图2.16所示。

图2.16

APP应用的是线性、连贯、直观的滑动操作,使用手指点击以及各种手势来进行。手机APP可通过多点触控来实现工作中需要的打开方式和应用处理。多点触控这类应用可以帮助用户快速完成一个任务,它注重内容的组织逻辑功能和信息架构的展现,以方便用户快速高效地使用APP,最终完成任务。这大多指游戏类应用,但也有一些实用工具,如电子罗盘。所谓浸入式应用一般是全屏模式,专注于一个任务或是娱乐的深入体验,没有过多的文字,而是将用户的注意力放在如何使用上。

手机APP的多点触控如图2.17所示。

图2.17

[作者分享]

在APP应用中,多点触控应用一般包含大量的列表,每个列表中又包含很多的任务功能。其中最典型的应用就是各系统自带的“Mail”应用,这是一个非常典型的高效型应用。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈