目录
目录X

全新架构的动易SiteAzure特性之易用性

  作为全新架构的动易SiteAzure 特性系列介绍文章的最后一篇,我们将重点放在了用户感知最为显性的“产品易用性”上面。接下来我们将开始陆续介绍新动易SiteAzure 产品的特色功能和亮点。
 
  易用性是连接起产品和用户之间的桥梁,是用户在交互体验、界面设计理念、业务处理逻辑等使用过程中最为显性的感知,是产品好不好用,能不能给用户日常管理带来便捷的最直观感受。作为耗时超过三年研发的新产品,新动易SiteAzure 拥有超过1500多项改进,引入了众多先进的用户交互技术和界面设计理念,解决了客户最直接的痛点、难点,让产品变得更加易用、更加好用。
 
  现在我们就为大家简单介绍一下全新架构的动易SiteAzure 在易用性方面做的一些工作。更加详细的内容我们放在接下来的功能系列文章中进行介绍。
 
  1. 全新亮相的 UI/UE 整体设计
 
  动易软件经典的蓝色系风格一直引领者网站管理软件的设计趋势,如今,我们决定抛弃旧交互界面,打磨出新的交互逻辑和视觉界面。新产品新的管理界面将更加符合政府用户实际交互需求和视觉感官需求,并更加符合用户体验。全新的 UI/UE 设计理念如下:
 
  ● 采用扁平化设计,遵循“鲜明、形象、深思熟虑” 的设计标准,以减少用户误操作;并采用色彩区别操作的重要程度,达到警示用户的效果。
  ● 减少干扰因素。系统采用扁平化设计,并且在风格上深入研究用户习惯。 在操作时,可以迅速的在界面中找到需要的功能开始操作。拥有不同管理权限的管理员,在登入后台后仅能看到自己拥有权限的功能, 可以集中注意力,提升工作效率。
  ● 操作简单易上手。客户不需要查看说明书或者参加培训既可以进行操作。系统提供丰富的快捷操作方式,在使用过程中可以大幅减少用户的操作步骤,优化工作效率。
  ● UI 实现 Google Material Design 规范
 
  2. 超乎想象的列表显示
 
  在后台管理中,看似习以为常的列表管理界面,却承载着管理流程中非常重要的任务,它时刻影响着管理体验。动易研发工程师在赋予它更多有用功能的同时,不断地极致的优化着列表处理算法,试图压榨出它最大的性能体验。以下就是我们正在做的主要工作:
 
  ● 采用 Ajax 进行数据交互。整个列表无刷新且与服务器端交互数据更小,加载速度更快。
  ● 对于数据格式有更好的展示效果。例如:所有的货币类型都是靠右对齐,方便用户快速的浏览数据。
  ● 多种条件混合筛选。在列表中提供了多个文档属性可供筛选,并且使用了更加方便的界面。例如:日期型数据就可以直接选择本月、本周、本季度等,也可以完全自定义时间进行筛选。另外多个属性还可以同时进行筛选,方便客户快速的定位想要的数据。
  ● 数据列均支持正序和倒序排列。
  ● 对于树形数据采用树表格呈现,更加易于操作和形象具体。
  ● 数据列表支持分页和筛选状态的记录功能,在对数据进行各种操作以及页面跳转后仍可以返回到原来的分页和筛选状态,使操作更加直观和高效。
  ● 数据列表支持鼠标圈选操作,同时在列表获取焦点后支持键盘翻页操作,当前页及每页记录数支持鼠标滚轮操作。
  ● 丰富的筛选和搜索。系统提供了类型(树形)、范围、日期、多选、单选等多种字段和类型的数据筛选方式,不同的字段类型显示最方便用户操作的 UI 界面,帮助管理人员最快速度的检索到自己想要的信息。系统可以针对不同的属性进行多种方式的搜索,其中包括开始于、结束于、不包含、包含、等于等多种方式的搜索条件,可以让客户最快速度排除干扰信息,找到自己想要的信息。
 
  3. 锦上添花的在线编辑器
 
  作为内容管理的核心工具,在线编辑器好不好用在很大程度上反映了客户对整个产品的评价。动易研发中心经过对大量实际客户的调研后,对动易SiteAzure 在线编辑器进行了由里到外的革新,并加入了大量的实用而新颖的功能,为原本出色的动易编辑器锦上添花。 
  ● 支持内容排编智能一键格式化且可自定义格式化属性。
  ● 支持政府红头文件发布且支持文件模板预置。
  ● 支持直接从 word 和 Excel 文档中复制表格至编辑器中。
  ● 支持直接将 word 文档内容完美复制到编辑器中。
  ● 表格可以自适应宽度。
  ● 支持直接从系统粘贴板粘贴内容(例如用 QQ 截图直接粘贴到编辑器中)。
  ● 支持自动下载外部粘贴内容中的图片。
  ● 全新的在线图片裁减管理。
 
  4. 爱不释手的视图模板编辑器
 
  完善的功能和绝佳的用户体验,完全能够让客户对全新的模板编辑器爱不释手。
 
  ● 支持 50+ 种语言的代码高亮。
  ● 链接快速访问技术。在模板中可以查看到引用的标签、JS、CSS 等文件,点击链接后可快速进入到对应的文件进行修改。
  ● 支持 emmet 语法格式,快速编写 HTML、CSS 等代码。
  ● 可以切换设置自己喜欢的代码高亮方案。
  ● 支持代码段。
  ● 方便的搜索和替换,并且支持正则表达式。
  ● 模板支持智能推荐。  
 
  5. 全新设计的视图和风格文件管理
 
  ● 支持文件列表和缩略图的切换方式,有利于快速的定位文件和查看文件的相关信息。
  ● 支持按照文件名进行查找,并能显示出文件的完整目录。
  ● 支持按照文件名和修改时间、正序或者倒叙排列,以方便在查询模板时快速的定位模板。
  ● 风格管理支持直接显示所有图片的预览图,可以快速找到相关文件。
  ● 管理界面完全采用 Ajax 操作, 减少交互的数据,并且支持浏览器的前进后退按钮,带来本地资源管理器般的感受。
 
  6. 比美更美的响应式设计 满足各种屏幕操作
 
  针对不同的设备和分辨率进行了大量优化,在宽屏时列表可以更加适应屏幕的宽度显示更多的信息,在屏幕小时也会收缩侧边栏等不常用的功能,最大幅度显示管理人员最关注的内容,让界面浏览更加美观和友好。
 
【打印正文】 发布时间:2015-07-23 11:42:32 浏览次数: 作者:动易软件 来源:本站原创
×

用户登录