`
isiqi
  • 浏览: 16497887 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论
阅读更多

在概要设计阶段,根据需求阶段的调研结果,我整理了系统界面设计的基本原则。因为在代码开发阶段,很多时候界面的具体制作室由开发人员直接写代码,因此必须确定一定的原则和规范,以保证系统界面的统一。

一般适用原则

  • 简单明了原则:用户的操作要尽可能以最直接最形象最易于理解的方式呈现用户面前。对操作接口,直接点击高于右键操作,文字表示高于图标示意,尽可能的符合用户对类似系统的识别习惯。
  • 方便使用原则:符合用户习惯为方便使用的第一原则。其它还包括,实现目标功能的最少数操作原则,鼠标最短距离原则。等
  • 用户导向原则:为了方便用户尽快熟悉系统,简化操作,应该尽可能的提供向导性质的操作流程。
  • 实时帮助原则:用户需要能随时响应问题的用户帮助。
  • 提供高级自定义功能:为熟悉计算机及软件系统的高级用户设置自定义功能,可以对已经确定的常规操作以及系统的方方面面进行符合自身习惯的自定义设置。包括常规操作、页面排版、页面样式等种种自定义。
  • 页面色彩要求:计算机屏幕的发光成像和普通视觉成像有很大的不同,应该注意这种差别做出恰当的色彩搭配。对于需用户长时间使用的系统,应使用户在较长时间使用后不至于过于感到视觉疲劳为宜。例如,轻松的淡彩色为主配色,灰色系为主配色等等。切忌色彩过多,花哨艳丽,严重妨碍用户视觉交互。
  • 界面平面版式要求:系统样式排版整齐划一,尽可能划分不同的功能区域于固定位置,方便用户导航使用;排版不宜过于密集,避免产生疲劳感。

B/S架构使用原则

  • 页面最小:由于Web的网络特性,尽可能减小单页面加载量,降低图片文件大小和数量,加快加载速度,方便用户体验。
  • 屏幕适应:Web页面需要适应不同用户屏幕大小。
  • 浏览器兼容:需要适应不同浏览效果,虽然目前可不考虑不同浏览器的差别,但仍需要考虑IE浏览器版本差异带来的客户端不同效果。
  • 最少垂直滚动:尽可能减少垂直方向滚动,尽可能不超过两屏。
  • 禁止水平滚动:由于将导致非常恶劣的客户体验,尽可能禁止浏览器水平滚动操作。
  • 避免隐藏右键操作:浏览器的右键操作不符合用户体验习惯,尽可能避免。

本系统应用原则

  • 瘦客户端要求:由于客户应用环境配置大多较低,除服务器可单独配置较灵活外,应该保证瘦客户端,使用户容易使用。例如尽量不要使用复杂的JS脚本和HTC组件,不要再客户端使用IE整合XML/XSLT等等。
  • 大数据量表格的水平扩展要求:本系统中存在大数据量的列表,需要较大的交互界面支持,为避免水平滚动,应尽可能获取大的屏幕水平空间。
  • 桌面面板导航简化操作:为实现方便简洁的用户操作,应该保证用户绝大多数操作可通过首页桌面面板导航来实现。
  • 用户自适应定义:提供较多的可订制功能,尤其对于桌面面板提供强大的订制功能;使用户能够将最常用的功能定义到桌面面板,每次登陆即可直接使用,简化用户操作。
  • 用户常用操作记录定义:对某些需定义操作的功能如查询、搜索等,提供系统自动记忆和客户定制功能,系统可自动记忆用户前1~3次操作,或者用户可自定义操作记录,方便以后使用。
  • 大数据量表格的水平扩展要求:本系统中存在大数据量的列表,需要较大的交互界面支持,为避免水平滚动,应尽可能获取大的屏幕水平空间。
  • http://wenku.baidu.com/view/1387582fb4daa58da0114aa1.html

分享到:
评论

相关推荐

    web界面设计原则

    ### Web界面设计原则详解 #### 引言 Web界面设计是一项综合艺术与科学的技能,旨在创造既美观又实用的在线体验。良好的Web界面不仅能够吸引用户,还能引导他们高效地完成目标。本文将深入探讨Web界面设计的核心...

    应用程序界面设计原则与技巧.pdf

    根据给定的文件信息,以下是对“应用程序界面设计原则与技巧”的详细解析: ### 一、界面设计原则 #### 1.1 一致性原则 在应用程序界面设计中,一致性原则至关重要。它涉及到多个方面,包括但不限于窗体的大小、...

    软件系统界面设计原则

    软件系统界面设计原则是构建高效、用户友好的应用软件的关键因素。用户界面是软件与用户交互的桥梁,因此,设计时需着重考虑用户的需求和体验。以下是对标题和描述中所述知识点的详细说明: 1. **一致性**:保证...

    多媒体界面设计原则.txt

    多媒体界面设计原则 将美的原则运用于多媒体应用系统界面设计中,可以帮助初级开发者甚至设计师创作出具有较高水准的作品。本文将探讨界面设计的基本原则,以及为设计出优美的、富有吸引力的界面而需要注意的一些...

    侯伯薇-Web App界面设计原则与实践

    ### 侯伯薇-Web App界面设计原则与实践 #### Web App定义与区别 侯伯薇在《Web App界面设计原则与实践》中首先明确了Web App的概念:它是指那些通过浏览器进行访问的应用程序,与传统的桌面应用程序(如Winform App...

    软件界面设计原则

    ### 软件界面设计原则详解 #### 一、遵循一致的准则,确立标准并遵循 在软件界面设计中,一致性是非常重要的原则之一。通过确保界面元素如控件使用、提示信息措辞、颜色和窗口布局风格等方面的一致性,可以带来多...

    VC中的界面设计原则和编程技巧

    总的来说,理解并应用这些界面设计原则和编程技巧,开发者可以创建出符合Windows标准且用户友好的应用程序界面,从而提高用户的满意度和软件的实用性。通过合理的一致性设计、快捷操作、错误处理、反馈机制、菜单...

    人机界面设计原则.docx

    "人机界面设计原则" 人机界面设计原则是指在设计人机交互界面时所遵守的一些基本规则和原则,以确保界面设计的科学性、合理性和实用性。这些原则包括以用户为中心的设计原则、顺序原则、功能原则、一致性原则、频率...

    触摸屏界面通用设计原则.pdf

    发现了在触摸屏界面设计上存在的问题,深感触摸屏界面可用性的重要性以及在设计中人力物力投资的重复性,从而得出了为触摸屏界面提供一套通用的设计原则的必要性。   文章开篇第一章首先说明了一下研究背景...

    VisualBasic中的界面设计原则和编程技巧...

    在探讨《VisualBasic中的界面设计原则和编程技巧》这一主题时,我们首先应当明确,Visual Basic(简称VB)作为一款广泛应用于Windows环境下的快速应用程序开发工具,其在界面设计与编程方面有着独特的优势和一系列...

    Visual Basic 中的界面设计原则和编程技巧...

    在探讨《Visual Basic中的界面设计原则和编程技巧》这一主题时,我们首先需要理解Visual Basic(简称VB)作为一款广泛使用的编程语言,在图形用户界面(GUI)开发领域扮演的重要角色。Visual Basic,由微软开发,自...

    用户界面设计原则.doc

    以下是基于提供的文件内容,关于用户界面设计原则的详细说明: 1. **易用性原则** - **明确性**:按钮命名需清晰易懂,避免模糊不清的词汇。按钮应与其他按钮有明显区别,最好一看就知道其功能。 - **一致性**:...

    用户界面设计原则教案资料.pdf

    以下是对用户界面设计原则的详细说明: 1. **易用性原则**: - **明确性**:按钮命名要清晰易懂,避免模糊不清的词汇,确保用户能一目了然地理解其功能。此外,应将相似功能的按钮组织在一起,通过框架或组别进行...

    软件界面设计原则.doc

    软件界面设计原则.doc

    界面设计的方法和指导原则

    而"界面设计原则之二_软件UI设计联盟_天无河_设计 UI CG 图标 标志.mht"、"界面设计原则-阿宇设计演绎.mht"以及"Windows界面设计标准 - The Zone of EIVS.mht"等资料,则提供了更深入的设计实例和具体平台的规范指南...

    Visual Basic中的界面设计原则和编程技巧...

    ### Visual Basic中的界面设计原则与编程技巧 在Visual Basic(简称VB)开发环境中,界面设计是构建用户友好型应用程序的基础。良好的界面不仅能够提升用户体验,还能简化开发过程,提高程序的可维护性。本文将围绕...

Global site tag (gtag.js) - Google Analytics