本篇论文目录导航:
【题目】手持移动设备界面设计中设计模式思想的应用
【第一章】移动设备界面设计问题研究绪论
【第二章】界面设计框架的理论基础
【第三章】手持移动设备界面设计框架
【4.1 4.2】模式的编目方式与格式规范研究
【4.3】界面设计模式的建立
【4.4 - 4.6】模式的检索流程与模式的修改
【第五章】水下数码相机界面设计实践
【总结/参考文献】手持设备界面优化设计研究总结与参考文献
第 5 章 设计实践
为了验证上文中归纳的界面设计框架和模式理论的价值,本章以水下数码相机这种产品为设计对象,基于本文附录所列举的模式库,对其进行界面设计。
5.1 设计目标分析
根据本文在 3.2 一节中归纳出的问题导向框架,首先应确定该产品要解决何种问题。
本设计针对的用户群体是在近海等浅水区域进行休闲潜水的人,设计目标是帮助这类潜水者方便可靠地拍摄水下风光,满足他们记录美景的休闲娱乐需求。能够满足该目标的产品形式为具有水下拍摄功能的数码相机类产品。根据本研究对手持移动设备用户目标的划分,该产品应满足两大用户目标:
(1) 休闲娱乐目标
(2) 信息记录目标
明确用户目标后,即可根据模式与用户目标的匹配程度筛选模式。通过查阅表 14,可知与上述两项目标匹配度高的模式有:
界面自定义
单手操作适配
类比摇杆
从环境获取输入
预览
沉浸式界面
多手指操作
工具栏
这些模式将作为重点候选模式,带入到下一阶段的筛选步骤中。
5.2 用户活动分析
确定用户目标后,则开始分析如何通过设计来满足这些目标,并根据用户活动和任务筛选模式。
与智能手机等可以支持多种用户活动的产品不同,该水下数码相机属于功能高度专一的产品,仅支持拍摄照片这种活动,因此,从表 15 中选出相应的用户活动,查看其具体包含的操作任务及对应的常用设计模式,如下表所示:
需要注意的是,这里的拍照活动同时从属于休闲娱乐目标和信息记录目标。该产品面向的用户(休闲潜水者)在需要一种信息记录手段的同时,又希望记录信息时能够轻松愉悦。且本产品是在水下这种特殊环境中使用,操作的复杂性对于用户休闲心情的影响更会进一步加大。因此,设计师在设计界面时对于会带来复杂操作,导致用户休闲娱乐心情受到影响的模式,应慎重选用。
查看上表后,确认该相机应当支持表中列出的所有任务,方能充分满足用户的休闲娱乐和信息记录需求。在上表所列的任务中,取景、拍摄是为达到信息记录目的而必须执行的核心任务;而如上文所述,为了使操作尽量简单,以支持用户的休闲娱乐目标,有必要对其他非核心任务进行简化。因此,在审视了表 16 中的模式后,初步决定抛弃操作较为复杂的转盘/滚轮模式以及对用户操作注意力要求较高的副屏幕模式。
下面根据该设计项目的实际情况,对每项任务进行分析:
(1) 取景:潜水者有可能穿戴着厚重的潜水设备,且休闲潜水者往往不如专业潜水员一般惯于水下活动,因此该产品的用户在水下的行动和操作很可能较为笨拙。加之潜水镜的阻挡,用户难以将视线对准普通相机上常用的玻璃取景框。因此本设计放弃了窗口较小的光学取景框,而采用数码显示屏作为取景设备。
(2) 对焦:如上所述,由于水下操作的不便性,有必要对对焦操作进行简化,让相机默认自动检测视野内的焦点物体,进行自动对焦。同时用户如有需求,也可点触触摸屏进行手动对焦。
(3) 拍摄参数设置和查看(弃用):水下环境复杂多变,可见度也比陆地上低,且用户行动不便。再考虑到用户的目的而非精细而严谨地记录信息,因此决定省略光圈、快门速度、焦距等相对复杂的拍摄参数调节选项,将这些参数交给相机系统进行自动调节。
(4) 照片拍摄:在取景和对焦任务完成后,用户需要对设备下达拍摄照片的命令。此命令的输入可通过触摸屏上的虚拟按钮或机身上的实体硬件界面完成。由于用户水下行为较为不便,要准确识别并按到触摸屏上显示的虚拟按键可能较为困难,因此更倾向于使用触摸板或按钮等硬件界面来完成此操作。
(5) 照片查看:该任务的操作情境与其他任务有所不同,可以在水下进行,也可以在潜水告一段落后在水面或陆地上进行。在进行相应的界面设计时,有必要同时考虑到这两种情境。在水下,用户将注意力放在潜水和拍照上,难以腾出精力来主动执行查看照片的操作,因此需要为用户提供一种便捷的启动照片查看功能的方式。
综上所述,根据用户活动和任务筛选出的模式如表 17 所示。
5.3 约束条件分析及最终模式的选定
将表 17 以及 5.1 一节中根据用户目标筛选出的模式结合起来,就得到了一个候选模式的完整列表,这个列表中的模式包括:
界面自定义
单手操作适配
类比摇杆
从环境获取输入
预览
沉浸式界面
多手指操作
工具栏
触摸板
触觉提示
区域分割
根据设计的具体情况进一步考虑后,本设计从上述列表中选出以下模式,作为该列表可衍生出的多种可能的设计模式语言的其中一种,形成本水下数码相机界面设计的基本方案:
模式 1:触觉提示
模式 3:界面自定义
模式 8:多手指操作
模式 9:触摸板
模式 12:从环境获取输入
模式 13:预览
确认这些模式是否符合当前设计要求的最后一步,是查看每个模式的约束条件,确保设计方案能够满足这些约束条件的限制,排除掉不符合约束条件的模式。
经过分析,以上模式的约束条件均符合该水下数码相机的界面设计需求。例如,界面自定义模式中列举的约束条件要求用户具有中高级的操作技能水平,这一点对于该相机的目标用户来说通常不成问题。此外,该模式的约束条件指出,用户应在固定场所和环境干扰较弱的条件下使用该模式,这一点该设计方案同样能够满足,因为用户通常会在陆地上的良好环境中提前设置好自己习惯的界面操作方式,而不会在水下环境中现场改变这些方案。
这些模式集合起来,就形成了一套用来支持此类产品界面设计的模式语言。其他水下相机的设计方案可对此语言包含的模式进行添加或去除,以创造出新的语言,实现模式语言的发展和演化。
5.4 设计方案说明
该水下数码相机采用简洁的外观造型。为保证理想的防水性,该设计尽量简化了机身上的硬件按钮,而使用触摸板和触摸屏为主要操作手段。由于水流和潜水者可能佩戴的手套会对电容式触摸屏的操作造成影响,因此触摸屏采用了基于压力感应原理的电阻式触摸屏。相机的整体外观如图 25 所示。
在设计该相机的整体外观时,笔者利用制作油泥模型的方式对形态和颜色等外观信息进行了推敲,再以最终确定的油泥模型的外观为基础,在计算机中进行三维建模,创建出数字三维模型。如下图所示。
该相机在镜头两侧的握持部位加上了椭圆形的压敏式触摸板,如下图箭头所指部位所示:
该部件应用了四个界面设计模式:触觉提示、界面自定义、多手指操作、触摸板。
触觉提示模式:该触摸板使用与机身不同的材质,且凸出于机身表面,用户不必用肉眼观察,即可通过手指触觉来找到其正确位置。
界面自定义模式:用户可自定义单侧触摸板的按压操作所执行的功能,以及两侧同时按压所执行的操作。例如,可将单侧按压设置为拍照,将两侧同时按压设置为进入照片浏览界面。
多手指操作模式:该触摸板的位置可以让用户用食指、中指或无名指自然地接触到,并进行按压操作,用户的拇指则可用来按压机身背面的触摸屏。
触摸板模式:该部件自身使用了触摸板模式,以通过压力感应提供输入。
相机的背部触摸屏则采用了“从环境获取输入”模式和预览模式。
“从环境获取输入”模式:该相机会对视野内的关键物体进行自动识别和对焦,无需用户干预。用户也可点击触摸屏进行手动对焦。如图 28 所示。
预览模式:该模式可与界面自定义模式结合使用,例如用户可将同时按压两侧触摸板的操作设置为切换到照片预览功能。这样,用户如需查看之前拍摄照片的效果,只需同时按压两侧触摸板,屏幕就从全屏取景模式转换到照片浏览模式。考虑到水下活动时用户的视力受到限制,照片的预览图较大。用户可通过划动屏幕操作来滚动照片预览图,点击某预览图即可全屏查看相应照片。要回到拍照取景模式,只需轻按任一单侧触摸板。
5.5 本章小结
本章通过一个水下数码相机的设计案例,说明了设计师如何应用本研究提出的模式库来指导设计、解决问题。在这个案例中,本文首先分析了该产品应满足的用户目标,以及由此衍生出来的用户活动和任务,再以此为检索条件,帮助设计师从模式库中选取适当的模式,最终形成设计方案。
第2章基础理论研究2.1界面设计模式的优势及特点2.1.1设计模式与其他设计工具的对比目前,Alexander的设计模式思想在建筑规划以及软件工程以外的设计领域尚未广泛普及。相对于常见的设计指南(guideline)而言,这种思想尚未被广大产品设计师和界面...
摘要设计模式思想起源于建筑设计领域,其主旨是针对常见的设计问题提供已存在的有效解决方案,从而充分利用前人的经验和成果解决设计问题,避免无意义的重复劳动。该思想强调解决设计问题时要充分考虑问题所处的情境,并通过已有的设计实例来说明问题的具...
第3章手持移动设备界面设计框架3.1框架总览为了满足手持移动设备的快速发展带来的界面设计需求,本研究基于上文所分析的设计模式理论以及以人为中心的设计思想,归纳了一个界面设计框架模型,该框架由(1)以人为中心的设计流程、(2)根据传统界面设...
4.3模式的建立以表12所示的格式为基础,本研究对市场上的主流手持移动设备产品进行了案例分析,以前文中对手持移动设备的典型用户目标、活动、任务和约束条件进行的分析和归纳为基础构架,建立了手持移动设备界面设计(包含软件界面和硬件界面)的15个...
第1章绪论1.1手持移动设备界面设计的新需求手持移动设备是一个宽泛的概念,在大众认知中,通常指移动电话(下文称手机)、便携式音乐播放器、掌上电脑等便携式电子设备。目前,手持移动设备已在大众中广泛普及。以手机为例,根据国际电信联盟(ITU)的...