zoukankan      html  css  js  c++  java
  • 【界面UI】视频上云/网络穿透/网络映射上云服务EasyNTS上云网关管理平台功能归整及页面优化

    在我们的认知里,后台系统主要是给开发者看的,以往开发者更注重后台的功能性,但是随着技术的发展,以及大众审美的普遍提升,用户对于后台系统也有了更高的要求,不仅要美观、使用人性化,还要功能逻辑流畅,这不仅增加了产品的吸引力、使用户获得流畅的体验,还能简化用户流程,节省人力物力。

    为了给用户带来更好的使用体验,我们决定对EasyNTS上云网关管理平台进行UI优化。

    一、存在的问题

    通过对旧版问题的整理分析,发现就目前后台界面上色觉语言不统一,颜色老旧,没有考虑到用户的年龄层次;用户体验差,功能信息不够完善,且功能放置位置分散,很多功能性入口没有目的性,随意摆放;交互逻辑差,不能让人一目了然,难以理解。

    二、优化设计

    功能模块

    • 设备管理
      包括设备管理、组网服务和设备分组,其中设备管理既有设备的基本信息、端口透传、文件管理,同时又把原网站的流量监测、远程监控和设备组网整合到设备管理的列表里,使用户一目了然的知道这个设备的所有情况及功能。而原来的组网服务的设计形式弹框太多,层次不明显,优化后的层次明显简单明了很多;
    • 设备分组
      设备分组功能的增加是为了方便在设备数量较多的情况下分配的问题,解决由于设备较多而产生的工作量。
    • 组织管理
      在原有的用户管理逻辑的基础上,我们再次站在用户的角度上,改变了一个设备只能由一个用户观看、管理,现在的设备可以由多个用户同时观看和管理。
    • 系统管理
      主要包括基础配置和版本信息,基础配置中我们给了一些设置的默认字段,方便用户查看和填写。

    UI设计:

    • 布局
      采用24栅格化体系,建立了适配的概念;以左右布局的结构形式,左侧菜单栏为深色,内容部分为浅色,明确划分了菜单栏和内容部分。
    • 色彩
      此次设计的最大亮点就是化繁为简,页面色彩搭配干净明亮,能保持页面的平衡感,搭配红色、黄色、绿色的辅助色,用于信息提示,比如成功、在线、失败、删除等。
    • 交互
      梳理通顺模块、功能,保持了简单明了的交互设计,让用户不会在使用中迷路,让用户可以“一键到底”。

    总结

    在此次的EasyNTS界面优化中,我们充分考虑了用户的使用需求,从用户的角度多方面考虑操作性和管理性,同时也从布局方面优化了前端展示,对于我们来说,这是变化,也是一次新的尝试。往后我们也会继续带着这种思维来对TSINGSEE青犀视频其他产品进行优化整改,将产品变得更加完美。

  • 相关阅读:
    JavaScript垃圾回收机制
    clientHeight ,offsetHeight,style.height,scrollHeight有区别与联系
    win10家庭版安装Docker
    jacoco代码覆盖率报告分析
    jenkins build
    NoSuchAlgorithmException
    记一次单元测试问题com.sun.crypto.provider.HmacSHA1 cannot be cast to javax.crypto.MacSpi
    Mockito入门:如何在Spring中Mock部分对象
    H2数据UNIX_TIMESTAMP兼容问题
    java
  • 原文地址:https://www.cnblogs.com/EasyNVR/p/13822048.html
Copyright © 2011-2022 走看看