老年用户网页终端视觉需求分析研究

周莹 江苏开放大学设计学院

一、研究现状

目前我国已经进入老龄化社会的初级阶段，国家提出了居家养老、社区养老等新型的养老方式。依据不同年龄段老年人的生理和心理特征，采用不同的养老形式。社区机构互动或者在家中自发休闲锻炼是老年人常见的活动形式[1]。以往的老年人在家会种植物、养宠物，打牌、看电视、写字等形式来打发时间。随着互联网的发展，不少老年朋友已经开始熟练的使用智能手机和电脑，甚至有自己的网上社交圈和线下活动。50 岁及以上老年网民人数约4500 万，占网民总数的6.7%。不光中国如此，在互联网全球化浪潮下国外互联网老龄用户也在增长(Hart，Chaparro, ＆Halcomb, 2008)[2]。其中能够自理的老年人，有相当部分会选择参加社区或者老年大学开办的老年课程，或者参加为老年人设置的远程老年学历课程，在获得学习体验的同时圆自己年轻时的“大学梦”。开放大学老年课程的网络学习环节包括课程中学员注册登陆、选课、网上课程的学习、BBS 论坛讨论和作业提交以及教师学员的互动均等环节。在老年远程教育的学员中，其生理能力的衰退，记忆力和反应力的下降，听力和技能水平的下降是影响他们使用互联网效率的主要原因((Hart, Chaparro, ＆Halcomb, 2008；Smith, Sharit, ＆Czaja, 1999)[3]。特别是由于老年人眼部构造变化出现不同程度的老花，难以聚焦近距离的物体，对颜色感知能力的下降，对弱对比度区域的辨析都会影响对网页信息的获取(Arch＆Abou-Zhara, 2004)[4]。网页设计的流程(李湘媛，2011)和版式(密海英，2009)针对普适的老年用户浏览行为发生，较少涉及浏览目的导致行为的差异性[5-6]。现有相关老年文献研究多围绕在生理导致的不便层次，较少涉及老年教育学习界面的设计要点。面对老年学员，如何减少其在使用网络化学习使用过程中碰到的障碍，即如何使学员清楚辨析信息内容，产生反馈从而得到流畅的操作体验。笔者将结合自己工作经验阐述老年大学学员使用学习平台过程中碰到的视觉障碍。

二、研究边界

(一)用户界定

中国老龄人口数量在不断攀升。金陵老年大学对入学没有严格的要求，但对于年满80 周岁以上的老人，如身体条件许可，本人执意来校学习，必须有一名家人持身份证陪同报名并在安全风险责任承诺书上签字同意，缴纳承诺书才能办理入学手续。可见学历教育对能够参与学习的老人自理能力有较高要求，因此本研究界定的人群年龄范围为60-90 岁，能够自理类型老人，有一定的空余时间和精力完成学习课程。

(二)网页终端和视觉需求界定

网页终端即视觉界面，是用户在与网络连通时的交互媒介。用户通过屏幕读取信息，做出操作，计算机根据指令运行程序。学员通过屏幕来登陆系统，学习课程，提交作业，完成论坛任务等，而图形的界面能告诉用户是否完成。结合认知心理学模型，可以推断出终端对于用户承载两个属性需求，实体属性和虚拟属性。视觉实体属性在终端上可分为文字、图形和版式这三类元素；虚拟属性可分为框架、路径和反馈。

三、视觉需求要素的实现

视觉需求要素的实现需要结合设计学、人因工效学、认知心理学等多种学科。用户通过视觉获得绝大多数的信息。实体属性(文字、图形、版式)和虚拟属性(框架、层级、反馈)都能够使用户产生使用困扰。

(一)实体属性

1.文字元素

文字是页面传递信息最重要的部分，用户感知的绝大多数信息都是从文字内容获得。字体的种类、粗细、高度、间距都会给用户造成不同的体验。而字体中的变化，如加粗、倾斜、能够传递给用户重要性信息，色彩和底纹等可以表示放松、或变化的指示，属于次重要信息。登陆页面首页左侧是用户名登陆处，写的是支持邮箱/账号/手机号登陆，采用灰色背景和灰色文字信息，对比不强，字体过小，增加了识别困难。登陆、注册和学习指南处有颜色背景，识别较清晰，但字体仍过小。登陆进页面之后，左侧字体同样非常小，年轻人识别都存在一定的难度，对老年用户则会造成更大的困扰。文字在保证识别性的前提下可以自适应页面调整变化，也能满足老人的视力需求。

2.图形元素

图形元素在页面中的基本作用是打破文字的单调性，提高用户的识别效率。图形在界面中往往更容易吸引用户的注意，缩短用户寻找和点击的时间。图形元素由图像、色彩等排列或组合构成，经由艺术化的表达处理呈现给用户。特别是提倡多元化的今天，图形元素的个性化设计更容易吸引用户的注意。江苏开放大学首页登录页的右下方布置了抽象图形化设计的LOGO，上方是图案界面。但下方的LOGO 区域是作为导航使用的，设置如此大的LOGO 会让首次登陆的用户产生错觉，降低效率。左侧的图形化较为简单，用户名处采用人像剪影，密码处采用锁的造型，但同样都是采用灰色填充，降低了识别度。下方学习指南识别性已经很好了，博士帽图形是视觉信息的读取上可能存在分歧。进入学习页面之后，左边消息中心内虽然有图形，但体积过小，无法起到区分的作用。

3.页面版式

图2 网页层级Fig 2 page layers

页面版式也即页面分割形式，将文字和图形元素重新分割整合。优秀的分割需要充分考虑受众的阅读习惯，才能获得较好的交互体验。在开放大学学习平台登陆页面的首页左侧会出现用户名和密码的登陆选项，右侧为图片区域和站内推荐。页面布局没有明显的问题，登陆页面之后，布局被切分成了四个部分。上面的设置和推出栏，而且退出距离其它选项间距过大。左侧为消息和课程相关栏目，采用文字分隔，中央为课程栏，相关操作在课程栏中进行。右侧为辅助信息栏，放置日历和在线情况等一般情况下不会了解的信息。(见图1)

(二)虚拟属性

1.框架

框架又叫网页架构，是指布局结构。在页面版式中重点强调视觉终端的呈现，而框架则是从上而下的设计，考虑到内容呈现的设计区域，往往会根据页面的目的进行设计。一般分为四种。一是右框式布局。顶部是logo 和banner，左下是菜单或者导航，右边是内容区域。其优点是主次分明、结构清晰。二是目字型布局结构。这种布局在上一种布局的基础上将菜单和导航放在上下，右侧增加同比重的页面，扩展了页面的内容区域分隔。三是曰字形对称布局结构可上下对称，左右对称，具有强烈的反差对比、视觉冲击力强的特点。四是综合型布局，是以上布局的综合应用。从开放大学学习平台能够看出，主要使用第一和第二种网页架构形式。这也比较符合学习型网页的特点，接受度高，不追求华丽的风格表达。

2.层级

网页的层级是指从首页任务页的层数。例如本平台从登陆到发表回复页面为5 个层级，而为了保证良好的操作体验，网页层级一般不超过5 层。江苏开放大学学习平台从首页开始到提交论坛讨论或者作业层为5 层，较为优秀。第二层的内容分类可以进行适当整合，但每一项内容还是要显示在屏幕上，针对学习平台和老年人的学习习惯，适合在同一个界面来操作所有的内容，还可以在布局调整时始终保持部分导航区域显示，方便用户随时返回到任意层级。(见图2)

3.反馈

反馈是指在使用过程中的信息给予的反馈，与链接层级无关。及时的反馈不会让用户感到迷惑。根据学员反馈，在发表回复或提交作业时会有提交不上去的情况。据观察在上传时左下角会出现极小的上传进度，但没有其它提示，用户再次点击时会容易造成计算机卡住，而且上传成功没有明显的弹窗提示，会对用户造成使用困扰。建立良好的反馈机制对网页的优化是非常必要的。

四、小结

综上分析能够得出老年学习型网页平台，应该保持简约、合理。针对改善老年人网页设计，采用提高易用性、提升满意度这两种方法能够更好满足老年用户的需求，让老年人更好的使用学习平台。