web软件界面设计原则由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“web界面设计基本原则”。
一个Web系统的界面设计和开发
2.需求分析
在需求分析阶段，主要针对界面交互相关问题，对用户进行若干调研。
主要包括以下内容
·受众用户群调查·系统使用环境调查·受众用户使用习惯调查·用户对旧版本软件使用情况调查
这一阶段，由于成本原因，我并没有直接访问客户进行调查。工作主要是提出某些具体问题，由需求调研人员，以问卷或口头问答方式，对客户进行调研。另外，公司经验丰富的客服人员和市场人员，也是非常重要的需求来源之一。
本系统的客户群主要为国家省市下属质检单位，最终受众年龄从年轻到较高龄都有。对于普通国家机关人员，一般对计算机系统和网络不够熟悉，计算机环境一般，甚至比较差，少有配置优良的环境。在这种环境下，用户对计算机使用一般没有使用倾向，大多更适应手工操作。对本系统的前代使用，最主要意见是使用困难，不方便。
还有其他具体调查反馈，如用户基本不使用鼠标右键，年龄较大的用户难以看清密集的较小文字等等。
3.界面设计原则
在概要设计阶段，根据需求阶段的调研结果，我整理了系统界面设计的基本原则。因为在代码开发阶段，很多时候界面的具体制作是由开发人员直接写代码，因此必须确定一定的原则和规范，以保证系统界面的统一。
一般适用原则
·简单明了原则：用户的操作要尽可能以最直接最形象最易于理解的方式呈现在用户面前。对操作接口，直接点击高于右键操作，文字表示高于图标示意，尽可能的符合用户对类似系统的识别习惯。
·方便使用原则：符合用户习惯为方便使用的第一原则。其它还包括，实现目标功能的最少操作数原则，鼠标最短距离移动原则等。
·用户导向原则：为了方便用户尽快熟悉系统，简化操作，应该尽可能的提供向导性质的操作流程。
·实时帮助原则：用户需要能随时响应问题的用户帮助。
·提供高级自定义功能：为熟悉计算机及软件系统的高级用户设置自定义功能，可以对已经确定的常规操作以及系统的方方面面进行符合自身习惯的自定义设置。包括常规操作、界面排版、界面样式等种种自定义。
·界面色彩要求：计算机屏幕的发光成像和普通视觉成像有很大的不同，应该注意这种差别作出恰当的色彩搭配。对于需用户长时间使用的系统，应当使用户在较长时间使用后不至于过于感到视觉疲劳为宜。例如轻松的淡彩为主配色，灰色系为主配色等等。切忌色彩过多，花哨艳丽，严重妨碍用户视觉交互。
·界面平面版式要求：系统样式排版整齐划一，尽可能划分不同的功能区域于固定位置，方便用户导航使用；排版不宜过于密集，避免产生疲劳感。
B/S构架适用原则
·页面最小：由于Web的网络特性，尽可能减小单页面加载量，降低图片文件大小和数量，加快加载速度，方便用户体验。
·屏幕适应：Web界面需要适应不同用户屏幕大小。
·浏览器兼容：需要适应不同浏览器浏览效果，虽然目前可不考虑不同浏览器差别，但仍需考虑IE浏览器版本差异带来的客户端不同效果。
·最少垂直滚动：尽可能减少垂直方向滚动，尽可能不超过两屏。
·禁止水平滚动：由于将导致非常恶劣的客户体验，尽可能禁止浏览器水平滚动操作。
·避免隐藏（右键）操作：浏览器的右键操作不符合用户体验习惯，尽可能避免。
本系统应用原则
·瘦客户端要求：由于客户应用环境配置大多较低，除服务器可单独配置较灵活外，应该保证瘦客户端，使用户容易使用。例如尽量不要使用复杂的JS脚本和HTC组件，不要在客户端使用IE整合XML/XSLT等等。
·大数据量表格的水平扩展要求：本系统中存在大数据量的列表，需要较大的交互界面支持，为避免水平滚动，应尽可能获取大的屏幕水平空间。
·桌面面板导航简化操作：为了实现方便简捷的用户操作，应该保证用户绝大多数操作可通过首页桌面面板的导航来实现。
·用户自适应定义：提供较多的可订制功能，尤其对桌面面板提供强大的定制功能；使用户能够将最常用的功能定义到桌面面板，每次登录即可直接使用，简化用户操作。
·用户常用操作记录定义：对某些需定义操作的功能如查询、搜索等，提供系统自动记忆和客户定制功能，系统可自动记忆用户前1~3次操作，或者用户可自定义操作记录，方便以后使用。
·大数据量表格的水平扩展要求：本系统中存在大数据量的列表，需要较大的交互界面支持，为避免水平滚动，应尽可能获取大的屏幕水平空间。
4.系统分析
在概要设计过程中，界面设计人员需要浏览需求分析报告，了解用户的工作流程，和整个系统功能，再根据这些原始需求功能，归纳整理分析，并针对用户交互设计需要，提出意见，参与系统设计。
其中包括对原始功能的分类归纳，提出系统交互需要的新功能，对用户功能实现的优先级进行定义等等。
例如，提出用户自定义快捷面板功能，常用操作自动记录功能等，需要在概要设计时尽早提出，以方便作好系统规划。
另外，需要对整个系统中的常见功能有比较清晰的了解，归纳整个系统界面交互中常见的交互形式，例如在本系统中就包括列表、查询、搜索、填写表单、项目分解、项目选择、审批、报告等等；只有清晰的了解整个系统需求，才能较好的把握整个界面设计的统一性。当然，这也和界面设计人员的经验有很大关系。
淘宝网首页的web界面设计原则分析----1205106059吴康当下的电子商务极为发达，在刚过去的双十一的淘宝促销活动中，一天的销售额超300亿，很惊人。本文主要对网上购物的主要网站之......
XXX管理平台XXX项目测试总结报告目录1.项目测试结果 .....................................................................................................................
说 明欢迎使用《WEB考勤管理系统》，本说明书适用于XXX系列指纹考勤机配套软件，在使用考勤软件前请仔细阅读此说明书，有不明之处请与当地的售后服务中心或经销商联系。１ 目录1......
报告材料主要是向上级汇报工作,其表达方式以叙述、说明为主,在语言运用上要突出陈述性,把事情交代清楚,充分显示内容的真实和材料的客观。优秀的报告都具备一些什么特点呢？又......
如何做APP界面设计用户心态用户在面对移动应用时，心态有三大特征：第一是微任务，我不会拿手机写一篇论，不会从头到尾看一部电影，使用是随时随地的；第二是查看周遭，也就是我所处的环......
