



由于人体感官是人们感知外界信息并与外界信息进行交互的唯一桥梁,因此设计师应该了解人的感官特征,为设计作品赋予优秀的感知力,从而让用户在与产品的交互过程中得到更加良好的体验。
人体中超过70%的感觉接收集中在眼睛上,听觉、嗅觉、味觉等加起来只占30%。视觉作为感觉的“首领”,在人们的日常生活中起着非常重要的作用。不仅如此,由于数字技术发展水平的制约,目前大多数网络交互作品主要对人的视觉进行设计。尽管语音识别技术和多点触控技术为用户提供了参与互动的其他方式,但是,眼睛仍然是网络信息接收的主要器官。
在与网络产品的互动过程中,用户通过扫视的方式获得信息,即浏览界面。通过对大量视线跟踪结果的分析,发现用户在浏览交互界面时遵循一定的视觉特点,包括以下几项。
1.文字比图像更具有吸引力
与设计师一般所认为的相反,在浏览一个网站的时候,能够直接吸引用户注意的并不是图像。大多数偶然点击进入某个网站的用户,会将主要的目光集中在寻觅信息上而不是观察图像上。因此,保证交互设计能够凸显出最重要的信息板块是重要的设计原则。
当用户进入到某一个网站中时,首先会通过查看文字来了解该网站的主题及相应的栏目信息,然后才会注意到网站中的图片。但这并不是说图片在网站中不重要,图片的应用更多的是为了更好地表现网站页面的视觉效果。在网站页面上需要保证重点栏目文字的突出表现。
2.眼球运动起始于左上角
由于大多数人的浏览习惯遵循从左至右、从上而下的顺序,因此,左上角通常是视线最先触及的地方。但是,对于不同浏览习惯的用户,如浏览顺序从右至左的用户,这一原则也是变化的,浏览顺序的不同主要是受到文化的影响。
该网站采用了突出传统文化的设计风格,网站中的素材图片都采用了古朴的水墨画以及传统花纹,而排版方式则采用了传统的从右至左、从上至下的竖排方式,来突出网站的传统文化氛围。这样的方式主要是为了适应网站整体的设计风格,以及给用户带来的传统文化感受。
3.F形浏览模式
大多数情况下用户都不由自主地以F形的模式来浏览界面,即视线首先水平移动,用户在界面最上部形成一个水平浏览轨迹。随后,目光下移,扫描比上一步短的区域。最后,用户完成上两步后,会将目光沿界面左侧垂直扫描。这一步的浏览速度较慢,也较有系统性、条理性。这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。
根据用户F形的浏览模式,通常将最重要的信息放置在页面顶部,次重要的信息放置在页面左侧。在该网站页面中,在页面顶部放置网站导航和搜索栏,方便用户的使用;在页面左侧放置企业的简单介绍信息内容;因为该网站中的产品并不是特别多,所以产品信息则创新地使用了不同颜色的矩形色块与产品图片相结合,进行不规则排列的方式,给用户一种全新的视觉体验,而大面积不同色块的应用,又使得各产品信息非常清晰、易读。
4.用户会有选择地过滤某些信息
研究表明,在浏览网站时,用户常常会忽视大部分的横幅广告,视线往往只在上面停留几分之一秒。除此之外,花哨的字体和格式也会被用户当成是广告而被忽视。因而,用户很难在充满大量颜色的花哨字体格式里寻找到所需要的信息。通常,用户大多只浏览网页的小部分内容,所以应该突出网页的某些部分或者创建项目列表使信息容易找到和阅读。并且,短的视觉段落相对于长的段落来说具有更好的表现力。
在该设计公司网站页面中,在导航菜单下方的辅助性图片会被用户主动忽略,因为用户在页面中需要快速获取有用的信息内容,而下方以功能分类和项目列表的形式,对内容进行简单的介绍,非常便于用户的阅读,能够有效提升用户体验。
听觉是视觉以外最重要的感觉器官。人们被日常生活中的各种声音包围着,从人们交流的语言到自然界存在的各种声音,人们一直通过听觉接收和感知各种信息。
互动设计中声音可能以背景音乐、语音、音效等方式出现。语音可以替代文字,帮助一些有阅读障碍或者视觉残障的用户识别信息,音乐用来塑造互动产品所表达的情绪,音效则用于吸引用户的注意力或者对用户的操作进行反馈。
1.给用户带来身临其境的感受
听觉可以帮助用户建立与交互产品之间的联系,增强用户的存在感。在一个虚拟的视觉环境中,用户不仅可以通过眼睛感觉到精美的视觉效果,还可以通过声音感受到界面所赋予用户的氛围,能够使用户沉浸在视听环境中,有一种身临其境的感觉。
这是“星球大战”系列电影的主题网站,运用电影中有人物的场景作为页面背景,在页面中还添加了电影的背景音乐,更能够使浏览者有一种身临其境的感受。并且页面中的按钮元素的交互动画效果也充满了未来感。在页面右下角还提供了控制音乐开关选项,便于用户控制。
技巧点拨: 界面中的音乐音量不宜过大,而且在界面刚打开时,音乐最好能够以渐强的方式出现,避免开始时过强的声音和节奏对人耳造成伤害,也给人造成心理负担。如果音乐默认为循环播放,还应该为用户提供开关按钮或音量大小调整选项,保证用户可以随时将其关掉。
2.对用户操作进行反馈
在交互设计中常常会为界面中某个重要的按钮或图标操作添加相应的音效,从而在一定程度上起到提醒用户的作用,但是音量不宜过大,持续时间不宜过长,而且不同操作的音效应该不同,否则会造成理解的混乱。
在该游戏网站页面中,页面元素比较少,主要是标题文字和两个按钮,为两个按钮分别添加不同的音效,当用户将鼠标移至按钮上方时,交互动画效果与音效提示相结合,给用户更好的提示,也增强了页面的趣味性。
专家提示: 在交互设计中,如果某个音效的加入是为了吸引用户的注意力,除非特别需要,应该减少使用的次数,以免造成用户的操作惯性,习惯性忽略这个音效,反而起不到应有的作用。
3.为交互操作提供帮助
语音也逐渐广泛应用在交互设计中,例如在网站注册时需要输入验证码,有时验证码难以辨识,就可以使用语音技术读出这些字母或数字,方便输入,尤其为视觉障碍的用户提供便利,这时的语音设计就要以清晰可辨为目标,最好以真人的声音为宜,一些电子声音通常会难以听清,且给人冷冰冰的感觉,缺少亲和力。
人类与真实世界互动在很大程度上依赖于触觉感知,与视觉相似,触觉也是用来获取环境和物体外观信息的重要方式。
交互设计中的触觉设计是从审美体验出发的,与“拟物化”设计一样都追求一种真实情景感,最常见的应用就是交互界面中按钮的不同状态,当用户点击界面中的某个按钮时,按钮会模拟现实世界中的按钮呈现出不同的状态。网络交互设计中的虚拟触觉更加符合用户的情感和生理需求,容易引起用户的联想效应,对于人们的触觉感知主体、感知结构及感知尺度产生着深刻影响,它构建了一种沉浸式、多模式及自然式的感知体验。
虽然该APP界面本身并不是手工制作并实拍的,但其采用的在空间中悬挂、放置元素的形式,以及元素的交互动态表现效果基本沿用了触觉设计的风格。整体界面采用各种白色立体对象构成,色彩与颜色面积控制得当,让该APP界面在让人惊艳的同时,不会觉得过于花哨。