用户界面设计理解与思考(一)
2006-11-12 22:50
323 查看
写在前面
从事软件设计工作三年多来,我设计过的软件项目有算起来也有十多个了,用户界面设计是其中的一步工作。但是到现在还没有认真的对用户界面的设计进行过系统的学习和总结。近日突然看到一篇题为文章“用户界面设计-用好的设计代替坏的设计”有一些感触。于是开始对界面设计进行简单的学习,思考并对以前设计的用户界面进行重新审视(当然不可能重新设计)。
以前设计的软件用户界面一般都是参考一些同类软件。或者学习Micresoft的windows、office操作界面,凭着经验也有一些自己的规则,比如同一个系统中可视对象风格要统一,字体色调要统一等等。仅仅凭借这这些经验的规则,很难使用户界面设计上升一个高度,一直停留在低水平的设计中。
用户界面设计很容易被软件设计工程师忽视,很多系统分析员或是构架设计师往往只注重业务的实现,程序员往往只重视程序的运行效率等。其实用户界面设计是非常重要的,特别是软件产品。我曾经设计过一个软件产品,这个软件在同类软件中功能应该是很强大的,但是这个项目并不是很成功,其中一个不能忽视原因就是用户界面设计的不够好,用户普遍反应操作过于复杂,不容易上手。
需要参与软件设计的任何角色都应该对用户界面进行理论上的学习,并经常的思考和总结.......
学习笔记
用户界面设计(User Interface Design)的三大原则:方便用户控制,减少用户的记忆负担,保持界面的一致性。
用户界面设计的三大步骤:结构设计(structure design),交互设计(interative design),视觉设计(visual design)
交互设计的几个原则:1、错误提示要清晰;2、要让用户控制界面;3、方便用户退出;4、使用用户业务上的语言;5、需要有导航;6、允许兼用鼠标和键盘;7、允许用户中断;8、让用户知道在所在的位置;9、快速反馈。
视觉设计的几个原则:1、界面清晰明了;2、界面风格要统一(包括控件布局,色彩等);3、减少用户的记忆负担;4、依赖认知而非记忆;5、提供图形线索;6、提供默认、撤销和恢复功能;8、提供快捷方式。
用户界面设计还需要折衷的思想,需要平衡设计的各种利弊。下面是一些设计的有缺点对比:
从事软件设计工作三年多来,我设计过的软件项目有算起来也有十多个了,用户界面设计是其中的一步工作。但是到现在还没有认真的对用户界面的设计进行过系统的学习和总结。近日突然看到一篇题为文章“用户界面设计-用好的设计代替坏的设计”有一些感触。于是开始对界面设计进行简单的学习,思考并对以前设计的用户界面进行重新审视(当然不可能重新设计)。
以前设计的软件用户界面一般都是参考一些同类软件。或者学习Micresoft的windows、office操作界面,凭着经验也有一些自己的规则,比如同一个系统中可视对象风格要统一,字体色调要统一等等。仅仅凭借这这些经验的规则,很难使用户界面设计上升一个高度,一直停留在低水平的设计中。
用户界面设计很容易被软件设计工程师忽视,很多系统分析员或是构架设计师往往只注重业务的实现,程序员往往只重视程序的运行效率等。其实用户界面设计是非常重要的,特别是软件产品。我曾经设计过一个软件产品,这个软件在同类软件中功能应该是很强大的,但是这个项目并不是很成功,其中一个不能忽视原因就是用户界面设计的不够好,用户普遍反应操作过于复杂,不容易上手。
需要参与软件设计的任何角色都应该对用户界面进行理论上的学习,并经常的思考和总结.......
学习笔记
用户界面设计(User Interface Design)的三大原则:方便用户控制,减少用户的记忆负担,保持界面的一致性。
用户界面设计的三大步骤:结构设计(structure design),交互设计(interative design),视觉设计(visual design)
交互设计的几个原则:1、错误提示要清晰;2、要让用户控制界面;3、方便用户退出;4、使用用户业务上的语言;5、需要有导航;6、允许兼用鼠标和键盘;7、允许用户中断;8、让用户知道在所在的位置;9、快速反馈。
视觉设计的几个原则:1、界面清晰明了;2、界面风格要统一(包括控件布局,色彩等);3、减少用户的记忆负担;4、依赖认知而非记忆;5、提供图形线索;6、提供默认、撤销和恢复功能;8、提供快捷方式。
用户界面设计还需要折衷的思想,需要平衡设计的各种利弊。下面是一些设计的有缺点对比:
设计 | 好处 | 缺点 |
---|---|---|
减少信息构架的层次 | 找到信息时减少了点击 | 更混乱 |
深层信息架构 | 清晰,减少混乱 | 找信息时点击多 |
小字体 | 一屏上显示更多信息 | 某些用户太难阅读了 |
大字体 | 阅读起来容易 | 每屏信息少了 |
下拉框 | 在有限空间里容下了更多选项 | 隐藏了选项 |
单选框 | 同一时间看到更多选项 | 需要更多空间,易混淆 |
图标 | 一旦记住就容易辨认了;视觉愉悦 | M要学习识别 |
文字链接 | 总是易懂的 | 一旦不理解,可能必须阅读更多的资料 |
缩写 | 节约空间 | 需要学习和识别 |
非缩写 | 易懂 | 需要额外空间 |
键盘快捷键 | 数据高速输入 | 需要学习 |
鼠标指向和点击 | 直觉的 | 交互增加了额外的时间,需要更多的经验 |
相关文章推荐
- 谈一下我对如何设计一个子系统的理解和思考
- 设计模式学习笔记(个人思考理解)
- 谈一下我对如何设计微服务接口的理解和思考
- 理解和设计递归的关键点的思考
- APP浏览体验设计的思考——如何理解用户的眼?
- 为什么产品思考是用户体验设计时所不可或缺的?
- 软件架构设计箴言理解
- (转)用通俗的例子来理解代理设计模式
- 重构 - 理解设计模式的捷径(2 背景简介)
- 谈一下我对如何做需求分析的理解和思考
- 异步并行批处理框架设计的一些思考
- Kinect 开发 —— 用户交互设计的若干思考
- Java设计模式——依赖、关联、聚合和组合之间区别的理解
- 设计模式网上资料整合理解——结构型模式总结
- 数据库主键设计之思考
- 用户界面设计
- 三分钟理解“桥接模式”——设计模式轻松掌握
- 对于抽象工厂设计模式的理解
- 理解设计模式之----命令模式
- 三分钟理解“装饰模式”——设计模式轻松掌握