基础教育中文网站作为基础教育信息技术组织工作的重要组成部分,贯穿着信息发布、业务服务、使用者评价等机能。随著终端互联网的发展,终端端中文网站以其更加灵巧快捷、不受次元限制等特征,正式成为使用者搜寻信息、处理外交事务的主要就方式。为的是满足使用者市场需求,更好地发挥中文网站机能,建设终端端中文网站正式成为基础教育政府机构信息技术组织工作的必快捷键。
责任编辑明确提出了一类控制系统型使用者新体验结构设计方式,透过探求使用者新体验与听觉辨识的外在关系,结合终端端中文网站特征,结合可视化结构设计、平面结构设计、界面结构设计,为基础教育政府机构展开终端端中文网站结构设计提供更多了捷伊路子。
控制系统型使用者新体验结构设计方式简述
责任编辑明确提出的控制系统型使用者新体验结构设计方式(SUED,Systematic User Experience Design)是一类提高用户新体验的新方案。控制系统型是指由使用者新体验基本要素、听觉辨识基本要素、后现代基本要素、文本策画基本要素等组成的无机整体,各基本要素间相互依赖、相互转化。该方式包括高性能使用者新体验基本要素数学模型结构设计、取向化听觉辨识控制系统结构设计和网络化可视化界面结构设计三个期。
第一期透过使用者问卷调查、数据挖掘、召开工作方案评审会等手段确定中文网站结构设计图,针对某一使用者的市场需求来预设中文网站的版块文本。第二期莫费特地找到可视化操作界面期的听觉辨识关注点,为第二期可视化操作界面打下基础。第二期把可视化结构设计、操作界面三项组织工作,透过使用者界面模块展开关连软件系统,总结出使用者界面模版,将使用者界面模块的式样在所有界底下实现并行,更更易扩充和维护,提高使用者新体验的连续性和可玩性。该方式的主要就工作文本如图1所示。
图1 控制系统型使用者新体验结构设计方式
安阳市基础教育科学研究网终端端中文网站结构设计
安阳市基础教育科学研究网中文网站(http://www.ha.edu.cn/)主要就为全省基础远程教育使用者提供更多服务平台,包含图形界面端和终端端。中文网站最初只有图形界面端,随著终端互联网时代的到来,为的是提高中文网站的可用性,满足使用者出访市场需求,终端端中文网站于2021年上架。
由于安阳市基础教育科学研究网中文网站结构紧凑,文本非常多,适合独立开发终端端中文网站。在中文网站的结构设计和持续强化过程中,认证工作使用了前面如是说的控制系统型使用者新体验结构设计方式来提高使用者新体验。下面如是说具体组织工作。
高性能使用者新体验基本要素数学模型结构开发期
本期在展开使用者调研、自我筛查、召开专家评审会的基础上,展开了高性能使用者新体验基本要素数学模型结构设计。其中使用者市场需求方面的重点有:终端端中文网站需要精简文本,增加吸引使用者的“必快捷键”,提高使用者粘性;文本上突出信息技术人物与成果;突出终端端中文网站的会议与活动机能。使用者新体验方式有:结构设计终端端中文网站专用听觉辨识系统体系;结构设计终端端中文网站统一的使用者界面模块;使用良好的可视化细节以实现机能。提高使用者新体验的预期效果有:并行提高使用者新体验与中文网站形象;加强听觉辨识度和美观度;文本阅读新体验活泼友好,时效性强。
该期确定了终端端中文网站的版块结构,以此为基础开展后续的具体结构设计组织工作,并制作了相关的组织工作计划与机能市场需求文档。
取向化听觉辨识控制系统结构开发期
安阳市基础教育科学研究网中文网站标志,在结构设计之初没有统一的听觉辨识体系,存在色彩繁琐、字体不统一、组合用法混乱等问题,如图2所示。为解决以上问题,需要重新完成听觉辨识控制系统的基础基本要素结构设计,重绘矢量图形文字标志,重新定义以“经典蓝”为基准的色彩体系,强调辨识度与应用场景取向性,如图3所示。
图2 结构设计前:单一标志
图3 结构设计后:听觉辨识控制系统基础基本要素
前两个期确定下来的版块文本和听觉辨识控制系统,为下一期可视化操作界面提供更多支撑。使用统一的听觉辨识控制系统,可以提高结构设计效率。
网络化可视化操作界面期
使用者界面模块结构设计环节是整个终端端结构设计的基石,也是体现网络化可视化操作界面“统一、快速”优点的所在。首先,以听觉辨识控制系统为取向来结构设计更为详细的使用者界面基本要素,包括通用界面字体、颜色、按钮、图标等具体的界面模块,这些模块构成如首页、正文页、列表页等更高层级的使用者界面模版。如果在这个过程中使用者新体验市场需求发生变化,则返回第一步展开模块式样更新迭代。这一循环的结构设计过程使安阳市基础教育科学研究网终端端中文网站的结构设计风格更加简约、明快,通用性强。
终端端中文网站的可视化和图形界面端有很大差别,比如光标与手指的可视化差异、横向信息与纵向信息的转换差异等。通常来说,终端端的可视化热区不能小于44px,所以在信息呈现方面,终端端中文网站的模块采用灵巧的标签卡片组合设计方式,能更方便使用者触摸,使信息传达更直接有效。在首页每个版块的呈现方面,使用符合使用者市场需求和模版规范的图文卡片控制系统,还可以用不同的标签来表示版块的区别。
可视化界面网络化结构设计有利于动态可视化展示。透过新型集成化结构设计软件,可以将每个独立的页面展开连接,实现界面和可视化同时展开,相互验证,高度还原使用者的真实操作过程;无代码化的结构设计流程,降低了开发环节验证使用者新体验的试错成本。图4展示了结构设计过程中详细的可视化流程关系,便于在实际设备上展开展示。透过软件云端服务,可以把高保真可视化原型分享给团队其他成员,一同展开测试。
图4 高保真可视化原型结构设计
下面是终端端中文网站在网络化可视化操作界面期的一些细节说明。
首页结构设计
在使用使用者界面模块的前提下,重新结构设计了终端端首页的结构,在加强听觉冲击和信息传达的同时,保证标志和导航入口清晰明了,自适应布局也更利于多种尺寸设备出访。首页上方使用了通栏导航栏,它在初始化状态下,可以与背景图片融为一体,节省网页头部空间;在页底下滑至背景消失后,则逐渐恢复至中文网站主色调风格。
导航菜单结构设计
为的是做到简单易懂、信息层级明确、导航效率高,终端端中文网站在顶端右侧采用通用型的菜单图标,触摸后可打开“抽屉式”导航菜单,引导使用者探索更多文本。由于版块层级非常多,简化后采用多级折叠的可视化方式。同时软件系统了搜寻机能,提高界面利用率。
界面可视化模块化结构设计
终端端中文网站透过图文卡片展开分区展示,透过标签实现横向滑动,达到同一区域实现两种机能的效果,使首页在不同模块视线停留的瞬间都能确保信息传达有指引性,让可视化动作自然产生。同时设置返回顶端按钮,正文页底部设置快捷翻页或导航,方便使用者阅读。
会议活动界面模版结构设计
在中文网站中,实现了会议活动专题页面的迅速发布,让会后文本发布更快速及时,更有利于发挥基础教育信息技术服务的时效性。使用者可以查看会议基责任编辑本、精彩图片,以及下载会议相关文件。例如“省网日历”机能基于听觉辨识控制系统的色彩规范展示了活动的预告状态,可直接选中日期,减少使用者可视化次数。
子版块与新版块的深度结构设计
运用使用者界面模版详细结构设计版块的独立首页,提高了可扩充性和继承性。例如中文网站在2022年新增版块“文件汇编”,将基础教育信息技术重要文件展开整理和汇总,提供更多分类检索机能。
基金项目:责任编辑的研究组织工作得到了安阳市高等学校重点科学研究项目(编号:22A520044,23A520019)资助。
作者:蔡馨庆、吕玉玲、林予松(郑州大学安阳市基础教育科学研究计算机网网络中心)
责编:陈荣
投稿或合作,请联系:eduinfo@cernet.com
往期推荐
更多精彩视频推荐
欢迎分享、点赞、在看
积极留言还会有惊喜好礼哦~
