什么是用户界面设计

在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分

在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。
用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。

结构设计 Structure Design

结构设计也成概念设计 (Conceptual Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。基于纸质的的低保真原型(Paper Prototype)可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是“重要记事”,让用户很难找到。
 

交互设计 Interactive Design

交互设计的目的是使产品让用户能简单使用。 任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。交互设计的原则如下:
 

1)有清楚的错误提示。误操作后,系统提供有针对性的提示。

2)让用户控制界面。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。

3)允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。

4)允许工作中断。例如用手机写新短信的时候,收到短信或电话,完成后回来仍能够找到刚才正写的新短信。

5)使用用户的语言,而非技术的语言。

6)提供快速反馈。给用户心理上的暗示,避免用户焦急。

7)方便退出,如手机的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。

8)导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。

视觉设计Visual Design

在结构设计的基础上,参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下:。
 

1)界面清晰明了。允许用户定制界面。

2)减少短期记忆的负担。让计算机帮助记忆,例:User Name,、Password、IE进入界面地址可以让机器记住。

3) 依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择。

4)提供视觉线索。图形符号的视觉的刺激;GUI(图形界面设计):Where, What, Next Step。

5)提供默认(default)、撤销(undo)、恢复(redo)的功能

6)提供界面的快捷方式。

7)尽量使用真实世界的比喻。如:电话、打印机的图标设计,尊重用户以往的使用经验。

8)完善视觉的清晰度。条理清晰;图片、文字的布局和隐喻不要让用户去猜。

9)界面的协调一致。如手机界面按钮排放,左键肯定;右键否定;或按内容摆放。

10)同样功能用同样的图形。

11)色彩与内容。整体软件不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。

西门子6688:“确定”按键设计的不一致性

用户界面设计构筑了产品设计的基础。如只有首先确定了手机菜单的交互

形式,才能在造型设计上决定是采用五项键或上下键。

时间: 2024-10-28 00:11:45

什么是用户界面设计的相关文章

触屏设备用户界面设计中 要注意的几个问题

印象当中,最近这些年的春天总是会带来让人觉得真心别扭的气候体验,雨和冷风就像催化剂一样,让生活和工作当中的人和事也变得异常凌乱,仿佛一团被咀嚼到完全失去味道的槟榔.November Rain前奏当中的钢琴旋律多少可以让心安然一些,一旦摘下耳机便又是个令人想要把自己的脑袋拧下来吃掉的世界. 可脑袋一旦被拧下来,就什么也无法吃的样子了,不是吗.说正事儿吧.Designing for touch,关于这个话题及相关的文章,最近貌似已然铺到大街上了,不过我还是做我的吧.在标题里加了个不伦不类的"又是&q

用户界面设计——用好的设计替代不好的

原文: User Interface Design – Taking the Good with the Bad 成功的婚姻之关键在于折衷.当事情沿着你不希望的方向发展,在最后,形成的争论却可以为你带来极大的好处.这条定理同样适用于用户界面设计.毕竟,如果婚姻不是形式和仪式又是什么呢? 设计用户界面的过程从根本上就是折衷的训练.这个训练并非指设计者和项目赌注者之间的折衷(可用性从来没被办公室政治利用过),而是指设计方案的倒退和前进之间的折衷.每一个有关用户界面的决定,从一像素的精确定位到整个网站

用户界面设计文档:手指友好型设计

文章描述:手指友好型设计-为了更好的点击而设计. 玩飞镖的时候,靶心是最难射中的位置,因为靶心是整个靶面上面积最小的部分.越是小的目标,就越是难以达到.这个准则在移动设备的触摸屏幕上同样适用. 众所周知,对于触屏设备用户来说,面积小的目标比面积大的目标更难操纵.所以,在设计移动设备界面的时候,触控目标一定要充分的大,足以让用户操作自如.但是多大才算充分呢?多大才是对于大多数用户最合适的尺寸呢?各大移动设备开发者已经认识到这个问题,最常见的做法是在各大厂商的用户界面设计文档中寻找答案. 那么,设计

用户界面设计的规范性:手机UI设计规范性

文章描述:手机软件用户界面设计 浅谈UI设计规范性. 随着科技的不断发展,手机的功能俞之强大,基于手机系统的相关软件应运而生,手机设计的人性化已不仅仅局限于手机硬件的外观,手机的软件系统已成为用户直接操作和应用的主体,它应以美观实用.操作便捷为用户所青睐.用户界面设计的规范性显得尤为重要.  一.界面效果的整体性.一致性 手机软件运行于手机操作系统的软件环境,界面的设计应该是基于这个应用平台的整体风格,这样有利于产品外观的整合. 1.界面的色彩及风格与系统界面统一 软件界面的总体色彩应该接近和类

对比用户界面设计和用户体验设计

网页制作Webjx文章简介:用户界面与用户体验的区别. 用户界面设计 用户界面设计 用户体验设计 用户体验设计在便池上放一个假苍蝇会导致男人撒尿的时候会不由自主地瞄准它,有证据表明,这样的用户体验可以减少80%的小便溅出便池.

简单实用的用户界面设计10个原则

设计真正伟大的用户界面没有什么伟大的奥秘可言,做到保持简单易用就可以. '保持简单易用'意味着不要让用户分心.恰恰相反,好的UI让用户达成目标.结果如何?你的培训和维护费用降低,并获得更开心.满足和高效率的用户. 当你面对一个全新的界面设计时,别忘了这些原则. 编辑手记:Kyle将在纽约举行的Web设计趋势上继续探讨用户界面设计的内容. 1. 了解你的用户 "关注用户:如果在关注竞争对手还是用户之间选择,答案总是后者.工作总是首先从用户开始."--Jeff Bezos 了解用户,因为用

设计参考:突出细节的用户界面设计实例

简单有效的设计是很多设计师崇尚的目标!这次是20个简单但细节突出的用户界面设计,这些优秀的布局,包括颜色的简单调整,细节设计让我学到很多东西. I constantly find my self studying good user interfaces to find out what makes them work so well. I think understanding good user interface design can help you create website des

WEBJX收集良好的用户界面设计网站

 WEBJX收集了20个良好的用户界面设计网站,希望做网站设计的朋友能从中得到灵感和体会. 1. Ballpark 2. Want Stream 3. Mozilla Songbird 4. Amidst 5. Concierge Live 6. Fluid Tumblr Theme 7. Seen It Yet 8. Episodic 9. Send Space 10. Answer Me

用户界面设计的10个基本准则

这是十个用户界面设计的基本准则,它们就是著名的由Jakob Nielsen和Rolf Molich设计的经验法则,是最常用的用户界面可用性设计指导.作为网页设计师,相信这些法则会对你的设计起到很积极的引导. 1.系统状态可见性 系统应该总是在恰当的时间通过适当的反馈,告知用户正在发生什么,或将会发生什么.比如,使用进度条显示页面加载进度或文件上传进度. 2.与现实世界相结合 系统应该使用用户熟悉的语言.词语.术语和概念,而不是面对系统的语言.系统应该跟随现实世界中的习惯,让信息以自然和合乎逻辑的