管理信息系统界面设计用什么制作

系统的实施，包括：考察目前及以后系统的使用环境以找出潜在问题；检查计算机硬件结构、所用语言和影响系统设计的软件约束条件；确定输入－输出条件要求、运行次数和处理量；提供有关实际处理量、对操作过程的要求、使用者的教育情况及所需设施的资料；设计数据输入文件、事务处理程序和对人力资源信息系统的输入控制。系统的评价系统的评价包括：估计改进人事管理的成本；确定关键管理部门人员对信息资料有何特殊要求；确定人们对补充特殊信息的要求；对与人力资源信息系统有关的组织问题提出建议；提出保证机密资料安全的建议。

坚持以用户体验为中心设计原则，界面直观、简洁，操作方便快捷，用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。

准确性

使用一致的标记、标准缩写和颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源。

与to  C 的产品设计有本质不同，C端用户更注重界面设计和用户体验，所以很多公司在后台系统快速迭代的过程中经常忽略原有的要求，或者说根本没有UI去设计，认为后台系统只要可以正常使用就上线，但这样真的就行了吗？

商户平台管理系统是 供应商和商户在平台上进行合作 ，链接上游供应商到下游商户的公共平台，其中供应商主要是各大保险公司经销商，采购商主要是基于场景化的公司，将产品放入他们流量渠道中的商户，所有的商户分销渠道都是在商户系统中管理的，如果没有一个较好的功能与体验，将减少商户使用和操作。

B2B商户平台管理系统

商户平台对于采购商功能会比较多，这里主要讲述围绕采购商（下面称商户）对产品推荐、申请产品、授权管理、引流管理与结算的体系，公司目前主要具有以下几大模块结构：

商户首页：新手引导、企业采购、关注场景、最近使用功能、平台公告、待办事项

账户中心：账号设置、资金账户、我的申请、我的合同、开发者权限

运营管理：申请产品、引流管理、订单中心、开发者高级功能、统计概览、财务结算、活动中心、其他功能

自助卡：自助卡管理、自助卡管理新系统

文档资料

这里说明一下开放API接口：具备一定开发实力的商户可以自行在原有功能上进行扩展，相较于提供统一的功能与交互，开放API接口可以切合他们自己的流量平台，提供更优质的方案。在这过程中主要提供产品关相关字段、商户ID等信息，要注意同步开关及权限，处理信息自动同步和手动设置之间的问题。

商户平台设计

商户平台设计中应该遵循以下几点：

在首页，商户认证注册会有三种状态显示，分别是未实名认证、已实名未申请合作产品、已实名已申请合作产品，在进行功能设计前要了解商户认证注册流程。

商户认证注册流程

商户邮箱登陆后进入首页后是未实名认证，需要进行企业实名认证流程，记录其存储的企业名称、法人证件号、营业执照以及联系方式，提交之后系统会向对公账户打入一笔金额，在收到金额后输入打款金额再次提交后通过审核，此时商户认证注册是已实名未申请合作产品。

然后商户可以在首页中进行产品申请，挑选一或多个保险产品申请合作，审核通过后会自动生成盖有公章的合同，此时商户认证注册是已实名已申请合作产品。

了解了上述内容之后开始进行此次首页改版，需求发现商户在首页使用率不高，而运营人员也经常跟我抱怨说很多商户打电话询问认证流程具体操作，哪一款产品引流费高。

因此整合出以下改版目的

在功能、交互以及视觉上做了一系列调整

功能上

最近使用功能：是商户状态记忆的目录，记录商户上一次点击查看的目录，在这个系统中头部导航里会有二级目录和三级目录多达30多个，商户在点击查看各个目录之后，首页中最近使用功能排放顺序也会不同，对用户来说并不能养成习惯性操作，所以在之后做成了常用功能，商户可以自定义添加删除目录；对于未注册成功的商户功能也只展示一部分。

推广产品：为了节约开发成本前期是在后台数据中固定四种产品，对商户吸引力度不够，现在按销量和新品排行；‘查看更多’按钮放在右上角，区别于操作按钮‘申请开通’。

视觉上

页面布局：之前采用左右两栏结构类似于微博这种形式，但右侧一栏元素较少，页面上内容本来就少且固定，过于浪费页面空间，因此改变布局将页面充实变得有质感，并增加了banner轮播图。

平台公告：单独放于右侧，排列展示不是很有吸引力，因此之后横幅展示，动态轮播。

关注场景和企业采购：这一块是入口按钮，跳转进入行业场景的宣传，统一整合放在banner右侧。

交互上

新手引导：这一块在后续整理流程时发现实际有三部操作，因此增加最后一个步骤，并添加文档说明引导客户在不了解具体操作的情况下可以查看文档，采用横幅展现减少占位；已认证注册成功的商户此模块不显示。

通过改版后的首页变成了让 页面层级更少，信息更集中，设计更合理 。作为一款处在成长时期的商户平台，不同的商业策略需要有不同的交互方案，配合公司的目前现状，直接影响着产品的形态，并进而对产品的发展产生影响。

以上欢迎留言讨论～

阿里云

一级菜单展现形式：一级菜单处于收起状态，鼠标移入出现，可能因为导航和内容区域都为浅色，为了减少视觉干扰加黑色遮罩。阿里云页面设计也是最近才更新为浅色，之前导航菜单一直是深色。

二级菜单展现形式：页面处于二级菜单页面的时候，鼠标移入汉堡按钮出现一级菜单，此时可以从二级页面操作切换一级菜单，鼠标点击黑色遮罩部分一级菜单收回

鼠标点击二级目录，跳转新页面此时导航页面只显示三级目录，点击上面的返回按钮可返回到上一级

阿里云购买页面，左侧导航消失，可通过右上角返回控制台，返回上一级页面

京东云

一级和二级导航是可收缩状态，常态处于收缩，三级导航展开，鼠标移入一级导航自动展开，移出自动收起，点击切换三级导航

展开

京东云购买页面跟阿里云一样，导航消失，减少用户操作干扰，可通过左上角返回按钮返回上一级操作

百度云

跟京东云导航类似，区别在于京东云一二级导航可伸缩，百度云可伸缩区域是一级导航，固定二级导航，红框区为一级导航，蓝框区为二级导航

点击二级导航，页面跳转到三级导航，点击左上角返回上一级

QINGYUN

一二级导航固定在左侧为展开样式，点击导航底部收缩按钮导航收起来

三级页面为弹窗或者跳转页面点击左上角面包屑按钮返回上一级

滴滴云

相对于上面更轻量级的面包屑设计来说，还有更轻量级的就是把侧面导航栏，固定到页面顶部，这样做首先页面看起来给人的感觉更轻松，比较适合业务轻量级，系统业务固定，这种设计可能之后的延展性会差一点。

下面是一级导航设计，

二级导航设计浮在卡片中间，类似页签的设计点击切换下面的页面。

点击右上角的创建按钮页面跳转至三级页面，没有返回按钮。同一位置页签点击切换为上一级页面

此类页面看起来简单，实则操作复杂，我个人觉得学习成本比较高。

综上所述：面包屑按钮适合轻量级的企业系统，操作简单，认知减负，页面跳转自然。较复杂的嵌套导航适合重量级的企业系统，可以把庞大的一级二级三级页面区分清楚，让用户在复杂的业务中快速定位找到自己想要的部分，提高用户操作效率。

1、系统分析，对系统需求的分析，老系统的分析，以及客户新需求的分析，运行环境的分析和可行性分析等。

2、系统设计，对系统的功能模块、数据存储等进行设计，设计是为了以后开发系统时，能够开发出用户满意的系统。

3、系统实施，就是程序员干的事了，选择正确的语言，然后进行界面搭建和代码编写，把功能实现就好了。

4、系统测试，编写测试用例，保证各个功能都能正确运行。

5、系统转换，就是把你做好的管理系统，拿到客户那里运行，并做一定的修改，为客户配置运行环境，最后的转换要根据客户的情况进行，比如客户老系统和新系统并行，直接使用新系统等等。