UI界面用户体验设计原则与规范

UI界面用户体验设计原则与规范

--安阳师范学院互联网+应用技术学院UI设计方向讲师 黄艳芳
1:应该遵循的基本原则
无论是控件使用,提示信息措辞,还是颜色、窗口布局风格,遵循统一的标准,做到真正的一致。
这样得到的好处:
1:使用户使用起来能够建立起精确的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费神理解
2:降低培训、支持成本,支持人员不会行费力逐个指导。
3:给用户统一感觉,不觉得混乱,心情愉快,支持度增加
做法:
项目组有经验人士,确立UI规范:
美工提供色调配色方案,提供整体配色表
界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范:
控件功能遵循行业标准,windows平台参见《Microsoft 用户体验》
控件样式在允许的范围内可以统一修改其样式、色调
参考其他软件先进操作,提取对本项目有用的功能,以使用,绝对不能盲从,漫无目的。
根据需要,设计特殊操作控件,准则为:简化操作、达到一定功能目的
界面实施人员与美工商榷控件可实现性,(如不实行此步骤,将会导致各自对对方工作不满意,也会产生不一致的混乱)。重复叠代上述工作。
建立合理化文档《UI标准》描述上述规范,
强行界面设计者理解之,并作为开发准则,
SQA人员进行监控开发人员是否遵循,及时告诫开发人员。
2:(Color)颜色使用恰当,遵循对比原则:
1:统一色调,针对软件类型以及用户工作环境选择恰当色调:
如:安全软件,根据工业标准,可以选取×××,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等
2:如果没有自己的系列界面,采用标准界面则可以少考虑此方面,做到与操作系统统一,读取系统标准色表
3:色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符,?quot;!,?着重号,以及图标等
4:颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试
5:遵循对比原则:在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。
6:整个界面色彩尽量少的使用类别不同的颜色
itop色表
具体标准参考美术学统计学术标准。 色表的建设,对于美工在图案设计、包装设计上起着标准参考作用,对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。
3:(Resource)资源
一个多姿多彩的人机交互界面,少不了精美的鼠标光标、图标以及指示图片、底图等。
1:也需要遵循统一的规则,包括上述颜色表的建立,图标的建立步骤也应该尽可能的形成标准,参考itop的outlookbar图标设计标准
2:有标准的图标风格设计,有统一的构图布局,有统一的色调、对比度、色阶,以及图片风格
3:底图应该融于底图,使用浅色, 低对比,尽量少的使用颜色。
4:图标、图像应该很清晰的表达出意思,遵循常用标准,或者用户机器容易联想的到物件,绝对不允许画出莫名奇妙的图案。
5:鼠标光标样式统一,尽量使用系统标准,杜绝出现重复的情况,例如某些软件中一个手的形状就有4钟不同的样子。

原文地址:https://blog.51cto.com/14224647/2377521

时间: 2024-10-26 03:02:38

UI界面用户体验设计原则与规范的相关文章

用户体验设计的五个原则(转)

[编者按]本文作者,现Aura Marker Studio创始人@路意Louis,曾带过五年多的用户体验设计团队.这篇文章是他带团队这几年沉淀下来的一些经验和思考. “设计,必须是充满诗意的.” 带过五年多的用户体验设计团队,从几个人到二十几个人.以前自己也做过技术,发现工程师和设计师其实是有很多相近的地方的,那就是都有追求. 带领团队,并不是管好人就行了(所谓的行政管理),更是要实现业务的成功,给团队定目标,定追求,然后与大家一起想办法达成.这五个设计原则就是在团队日益变大,项目越来越多,团队

做用户体验设计,你不得不知的18件事

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 没有人会告诉你的设计小窍门 我在40岁的时后改变了我的职业生涯,成为了一名UX设计师.2014年,我在澳大利亚悉尼完成了一个为期3个月的UX设计课程.课程完成后,我仍然有很多东西要学.三年后回头看,这些都是我刚开始做UX设计师想知道的事情. 1 .做你自己 首先,对自己的技能和能力要有信心.以你自己的风格工作,而不是一味地追随别人.开拓你自己的设计之旅是至关重要的,不要被别人的所作所为所左右. 追

个人软件过程4 功能说明和用户体验设计

更新日线,是一项我们经常遇到的数据导入功能. 这项功能的说明文字,我是这么写的: 用户在初次使用本系统的时候,需要安装沪深两市从开市到本年度的所有历史数据,这些数据可以从某证券行情软件获得,是遵循一定格式的二进制文件.此后,每天两市交易结束之后,用户必须更新当天的日线行情,当然,用户也可能在几天后一次性更新最近几天的日线行情.用户更新日线,才能建立完整准确的数据基础,我们所有的分析工作都基于这些日线数据. 事实上只需要这么简单的描述,就能够弄清楚这项功能的目标和具体的应用场景. 不可避免的,我们

用户体验设计(UED)小知识---产品经理深入浅出课程

本文主要针对刘文智老师"产品经理深入浅出课程"课时15.16总结,主要介绍用户体验设计(UED)相关知识. 1.UED(User Experience Design)是针对用户心灵.眼睛.耳朵.触感的设计,用户在使用一款产品的整体感受. 2.介绍几个相关的名词: UE:User Experience UCD:User-Centered Design 以用户为中心的设计 HCI:Human Computer Interaction 人机交互 GUI:Graphical User Inte

作业七:用户体验设计案例分析

基于我们列出的 7 条UX评价准则,分析“南通大学教务管理系统微信公众号” 在用户体验设计方面让你觉得满意的地方(不少于2点):(20分),请陈述理由. 同样,分析“南通大学教务管理系统微信公众号” 在用户体验设计方面让你觉得最不满意的地方(不少于2点):(20分),请陈述理由. 回答上述问题时,附上截图 要求: 基于我们列出的 7 条UX评价准则,分析“南通大学教务管理系统微信公众号” 在用户体验设计方面让你觉得满意的地方(不少于2点):(20分),请陈述理由. 同样,分析“南通大学教务管理系

用户体验设计流程与文档编制指

蓝蓝设计( www.lanlanwork.com)是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的 UI界面设计.BS界面设计. cs界面设计. ipad界面设计. 包装设计. 图标定制. 用户体验 .交互设计.网站建设.平面设计服务 来源: speckyboy 如果您想订阅本博客内容,每天自动发到您的邮箱中,请点这里 文档编写有助于产品的概念形成.设计.创造和性能衡量.但是,编写文档的目的不应单单是为了产品维护.毕竟书面上的东西再多也没法跟真正的产品体验相提并论. 正如简约用户

作业7: 用户体验设计案例分析

一.基于我们列出的 7 条UX评价准则,分析“南通大学教务管理系统微信公众号” 在用户体验设计方面让你觉得满意的地方(不少于2点):(20分),请陈述理由. 答:1给用户及时快速反馈.无论什么时候,只要有需求,系统都能立刻给予回复,不用花时间去等.       2用户控制权.用户可以就自己的需求,选择相关信息.                               二.  同样,分析“南通大学教务管理系统微信公众号” 在用户体验设计方面让你觉得最不满意的地方(不少于2点):(20分),请陈

用户体验设计案例分析

基于我们列出的 7 条UX评价准则,分析“南通大学教务管理系统微信公众号” 在用户体验设计方面让你觉得满意的地方(不少于2点):(20分),请陈述理由. 1.我随便发送过去几个,然后这个公众号发送来了上面的图片,很简单的让我知道怎么去做,主动反馈来完成基本的操作,不要事先去学习怎么用. 2.有帮助和注销两个操作提示,可以一个平台注销后可以其他用户使用,用户有控制权. 分析“南通大学教务管理系统微信公众号” 在用户体验设计方面让你觉得最不满意的地方(不少于2点):(20分),请陈述理由. 1. 要

用户体验设计

1.设计原则:文不如表,表不如图 . 2.web应用很多都是展现列表或者表格展现,如果对表格进行操作,双击应该设计为经常使用的功能.右键菜单不如按钮直白. 以上两点:只为抛砖引玉,烦请大神一起参与用户体验设计的探讨!