APP下载

浅析“以用户为中心”的触屏手机交互设计

2014-04-09武琼瑶姚远朱顺成

淮南师范学院学报 2014年2期
关键词:触屏界面图形

武琼瑶,姚远,朱顺成

(中国矿业大学 艺术与设计学院,江苏 徐州 221116)

作为新时代科技迅猛发展的产物,触屏手机以势不可挡的姿态风靡全球,带给人们全新的体验,成为人们日常生活不可或缺的产品。手机产品不仅是满足人们对于手机物质层面的功能要求,还要关注人们对于手机精神层面的情感体验和心理需求。交互设计作为实现“以用户为中心”的重要设计存在,已越来越受到人们的关注。

触屏手机交互设计的发展可分为三个阶段:早期由于触控技术限制仅满足功能需求的初级阶段;随着视觉和触控技术的发展在设计方法上和技术手段上日益成熟阶段;当下则进入 “以用户为中心”,更加强调用户体验的人机交互时代。交互设计追求的是通过设计提高产品的可用性,使产品更加适应用户的需求。具体到触屏手机的交互设计上,就是让用户在更加快速﹑简单﹑高效地操作手机,实现功能的同时,还要获得视觉、听觉、触觉及心理上的愉悦感。

在触屏手机的交互设计中如何实现“以用户为中心”的原则,完成一个优秀的设计作品?笔者认为应着眼于以下几个方面。

一、用户分析

“以用户为中心”的产品设计,就是要以用户所需为设计目标,以满足用户情感体验为产品诉求,从用户的角度出发所设计的产品。因此首先要明白用户的需求是什么。产品在设计前必须要对使用者的生理和心理都有充分的了解,确定目标用户,针对多元化的目标用户分析其实际需求,构建出合适的用户心理模型,以便快速定位产品,节约支持成本;同时根据系统的分析和数据参考,设计出合适﹑好用的交互系统。

例如年轻的用户群对于触屏手机的交互需求更偏向时尚的界面图形设计,流畅及多样化操作感的交互方式,因此需要以满足此类族群用户对时尚的追求和新奇体验的情感宣泄。但是由于触屏手机作为特殊的移动通信设备,其操作界面相对狭小,且具有移动性和便携性的特点,交互设计上就不能够一味追求新奇复杂,还要兼顾体现出简洁性﹑易用性和高效性的设计原则,提高用户体验感。如果仅有新奇花哨的操作设计,只能够短时间吸引用户的兴趣,过于复杂的操作即使年轻人也容易产生厌烦感。而老年人用户则要考虑自身生理条件约束和保守的审美习惯,对于触屏手机的交互要求则更偏重于针对老年人生理条件的功能实用性,如针对视力功能下降的大字体设计,针对听力不便的语音播报设计,针对老年人操作能力限制的简单直接的触控手势等等。因此,只有理解用户的真正诉求,才能设计出符合用户需要的人性化的优秀产品。

在“以用户为中心”的原则下进行用户分析的另一个要求是需针对不同的用户进行有效的信息筛分和反馈。进入智能手机时代,手机中包含着大量的应用程序图标、资讯信息、通知提示等等,这些信息以视觉的元素呈现出来都需要在界面中占有一席之地。哪些信息重要或常用,哪些信息次重要或可忽略,同时显示的信息,在界面中如何排版设计,体现先后主次,这就需要进行信息的筛分。

信息筛分就是根据不同用户的特点为他们选择需要优先呈现出来的内容。绝大多数手机都会在界面首页中始终显示日期、时间以及信号强度等内容,这是因为这些信息是手机的使用者日常必须或最常关注的。即便如此,在“以用户为中心”的设计思路下,针对不同的用户群也会有不同的设计方案。例如老年人手机的界面中时间日期的显示除了字体会更大更醒目外,有些还额外提供农历的信息。相反,年轻人会追求更加简洁或风格化界面的同时希望获得更多的信息提示。比如年轻用户经常关注来自无线网络、短信、微信等应用程序的状态,在界面中采用下拉式菜单的交互方式既可以很好地保持界面的清洁,又能够容纳更多的信息内容。有自定义功能的快捷桌面可以让用户将自己常用的应用程序放置在最顺手的位置,这样的设计适合较年轻的主力用户群体。而对于老年用户而言,这种需要自行设定的交互设计的操作方式又可能过于复杂了。

一旦筛分后的信息获得用户的关注,进行人机交互,就必须有及时有效地反馈。过慢的响应时间或过于复杂的操作都会影响用户对产品的满意度。对于信息筛分和反馈的交互方式,可从以下四点把握:(1)信息内容可以被快速准确传达的清晰度;(2)显示信息可以被准确辨别的辨识度;(3)不让用户承担过多无关累赘信息的简明度;(4)重视信息的可操作性,提高信息的反馈速度。

二、交互性设计

触屏手机的交互设计主要解决交互流程以及信息的架构与设计,包括菜单设计﹑硬件界面的定义和交互设计文档等。信息架构是交互设计中重要的环节,它是产品的操作形式和方式。根据“以用户为中心”的交互设计原则,应着重对触屏手机的行为模式、容错性等方面加以优化设计,这样才能更好地实现设计的易用性﹑高效性及人性化。

有章可循的行为模式,是指要了解用户的生理及心理的行为习惯,使用户可以快速﹑简单﹑易辨﹑愉悦地进行操作。作为触屏手机的交互设计,由于科技进步的支持,其触控方式已由过去的单点触控发展到现在的多点触控,复杂的操作方式在吸引新奇用户的同时也要使交互操作方式做到易看易学的直观性,使用户可以根据以往的操作习惯和经验,快速辨别组件的功能操作和了解系统的运作方式,使产品操作上能够做到高效﹑快捷。

适度的容错性即是用户在交互操作时允许其错误操作,而不是以崩溃反馈形式结束。如果用户在进行人机操作时经常由于误操作或频繁操作而“被死机”,那将会大大影响用户的交互愉悦性,使其产生厌烦感和挫败感,给产品的用户体验带来负面影响。例如触屏手机的应用程序由于错误或频繁操作而产生的闪退和死机现象,尤其是触屏手机的触控操作特点及交互方式的多样性(点击﹑拖拽﹑滑动等)极容易产生误操作,打断用户的沉浸式体验,使用户感到懊恼和挫败,甚至会对产品产生厌烦感,不愿再继续使用此类应用程序。这种结果将使此类产品流失大量客户群。

同时,对容错性的设计也不能过于宽松。过宽的容错性规则虽然不会打断用户的操作行为,但是会降低对用户操作行为识别的准确性,容易产生对用户操作的误判,同样会让用户产生负面情绪,影响体验效果。因此,对于容错性的设计,需要在容错与误判二者之间,找到一个相对平衡的位置。

在“以用户为中心”的设计思路下,可根据不同用户的行为习惯和功能诉求找到最合理的容错方式。例如某触控手机阅读程序的交互设计,就根据用户左右手使用的习惯,分别设计了适合于普通人和左撇子的两套界面,方便不同的用户选择使用。当下,触屏手机的主流交互方式是使用手指触控操作,而一些产品针对用户的实际需求,增加了笔形设备作为辅助的交互操作工具。使用笔形设备看似是一种较麻烦的操作方式,但由于它接触面积小,具有比手指更高的操作精确度和更低的出错概率,这恰恰满足了某些特定用户的需求,此类产品在市场上获得了成功。对于手指操作的触屏手机,也有多点触控与单点触控之分,前者允许用户一次性实现更复杂的操作,后者虽然功能简单,但更加准确和直观,因此在一些手机交互设计应用中还同时保留了两种触控方式供用户选择。

总的来说,对于触屏手机而言,“以用户为中心”的交互设计就是通过对用户的分析与理解,设计出符合用户需要的交互形式,使用户在交互操作下获得沉浸感和愉悦感,更有效地将人的操作与机器功能的实现融合为一体。

三﹑图形界面设计

图形界面设计是通过视觉元素的设计,从文字、图形、色彩等方面对界面进行有特色的组织和归纳,呈现不同的设计风格,进而表达设计者的设计理念,并由此来传达设计情感,甚至引起用户的情感共鸣。

随着人们对手机通讯设备从功能到用户体验的思想转变,人们对触屏手机图形界面设计的审美和需求也在不断改变。越来越多的图形界面设计呈现在人们的视线里。然而,图形界面设计不是越复杂越花哨就越好,在“以用户为中心”的设计思路下,用户需要的不单纯是美术上色彩和图形的吸引眼球的内容,更需要融合了设计师情感能带给用户愉悦体验的设计作品。

色彩和图形是最能够直接刺激用户视觉并激发用户情感的媒介。色彩是界面设计中最直观和常用的元素,它的表现方式直接而强烈,往往能够左右人们的情绪和情感。例如蓝色调会让人感到忧郁或静谧,紫色会让人感到神秘和高贵,绿色给人们以生机和纯净,红色则代表热烈和希望……色彩在心理学中的作用以及社会学、伦理学中作用等,早已被人类所重视研究。在“以用户为中心”界面设计中,色彩的元素也是最常被使用的。突出的色调主题大多会使用户产生和谐统一感,而对比色的设计会产生强烈的视觉对比,给用户留下深刻影响。统一色调的蓝色系图形界面色彩设计,更容易突出科技感和宁静感,现已被大多数电子科技产品运用到其设计中。而阅读软件的界面则更多地使用柔和的绿色调和较低的饱和度,以减少用户在长时间观看屏幕时产生的疲劳感。对于按键﹑操作区与非操作区也可以使用色彩设计区分。醒目的颜色更容易吸引用户的注意力,有提醒和使用户关注的作用,往往用于操作区的设计。柔和的色彩令人感到舒适,可作为非操作区或背景界面的色彩基调。

图形也是界面设计中重要的元素。图形给人们的印象要深于文字。图形是形状和情感的结合,表现形式直观形象,易于被人们所接受。人们在还不懂语言和文字的时候,就懂得用图形记录的方式记录信息、传递情感。可视化的图形更能吸引人们的视线,激发人的兴趣。Alan Cooper曾说过:图形交互界面更接近于用户的心理模型。例如手机应用中的设置键设计,已潜移默化地被人们以机械齿轮的图形所接受和习惯;信息图标是信封或对话框的图标显示;声音图标是喇叭图案;电话按键则是电话话筒的形状等等。这些被广泛应用的图形设计,就是一种“以用户为中心”的设计原则的体现,使用户可以更快捷更迅速地掌握操作方式,提高了操作效率,增加了产品的易用度和易识别度,提高了用户体验感,是交互界面设计中不可或缺的元素。

触屏手机界面的布局和规划也是界面设计的一个重要元素。触屏手机界面的特点是屏幕相对狭小,可触空间有限。合理的布局会使用户视觉上产生放大界面的效果,且可使界面显得一目了然,间接引导用户较快捷地寻找关注的对象,提高用户的操作效率,使用户可以有愉悦﹑流畅的体验。此外,界面中的图标尺寸也要适度。图标设计过大会使整个图形界面显得比例失调,不够美观。而图标设计过小,则会造成用户的操作困难,降低交互的愉悦性,影响用户体验效果。

四﹑结语

交互设计是艺术和技术的结合,是情感表达的体现。交互设计应重视用户体验的感受。“以用户为中心”思路下的触屏手机交互设计,就是要求在设计中与用户紧密结合,关注用户所需,理解用户情感。这样才能在满足用户对于产品功能性要求的基础上,关注用户情感的交互和体验,才能在技术的支撑下,拉近人机距离,设计出更优秀和更人性化的交互作品。

猜你喜欢

触屏界面图形
触屏玻璃的数控成型磨削工艺研究与设计
国企党委前置研究的“四个界面”
触屏学习是孩子的生活常态
触屏
基于FANUC PICTURE的虚拟轴坐标显示界面开发方法研究
人机交互界面发展趋势研究
分图形
找图形
全手掌触屏手套
图形变变变