本文列举Jeff Johnson:《GUI设计禁忌》一书中提及的明确针对Web设计和笔者认为对Web设计有参考意义的设计原则和禁忌。设计Web项目时尽量参考一下基本原则,避免设计禁忌,应该能使Web项目的GUI上一个层次。
基本原则:
1、关注用户及其任务,而不是技术
2、首先考虑功能,然后才是表示
3、从用户的视角看问题,使用用户的词汇进行描述
4、不要向用户暴露实现细节
5、使常用的用户任务简单化,不要让用户解决额外的问题
6、保持一致性,引导用户的使用习惯
7、保持显示惯性,传递信息,而不仅仅是数据
8、设计应满足响应需求
禁忌:
1、同一页面包含重复功能的链接或按钮
2、将复选框用作单选按钮
3、无初始值的多选一设置
4、在非开/关设置中使用复选框
5、用文本框显示只读数据
6、单选按钮之间间隔太大
7、属性标记对齐方式不一致
8、当前无效的控件不充分置灰
9、显示对用户无意义的错误提示
10、不同的类型页面窗口显示相同的标题
11、窗口的标题和调用的命令不一致
12、要求用户输入随机数
13、相似的功能却有不一致的用户操作界面
14、取消按钮无法真正取消操作
15、网站结构反映公司的结构或网站升级的历史
16、返回按钮不能达到预期的目的
17、搜索选项过多,过度复杂
18、使用容易被忽略的隐藏的图片链接
19、需要向下滚动才能看到当前页的重要信息
20、图片按钮对鼠标按下操作没有视觉变化
21、无意义的虚假进度条
22、执行长时间的任务时鼠标指针不显示成忙状态
23、不考虑用户可能的人为的错误输入
24、认为好的UI就是漂亮的UI
25、盲目错误的使用页面模块化设计
分享到:
相关推荐
GUI设计禁忌 《结网》推荐,网页设计、页面设计必读!
GUI 设计禁忌2.0中文版,希望对您有用!
《GUI设计禁忌2.0》是一本针对软件开发者与交互设计师的专业书籍,它深入剖析了在用户界面(UI)设计中常见的错误与误区,旨在帮助读者避免这些设计上的“雷区”。本书由杰夫·约翰逊(Jeff Johnson)撰写,作为GUI ...
GUI设计禁忌是开发者必须注意的问题,因为错误的设计可能导致用户困惑,降低使用效率,甚至引发用户流失。以下是一些重要的GUI设计禁忌及避免方法: 1. **过于复杂的布局**:GUI设计应遵循简洁原则,避免过多的元素...
本主题围绕“GUI设计与案例分析”,我们将深入探讨GUI设计的基本原则、常见禁忌以及手机软件界面设计的实例。 首先,GUI设计的原则是指导设计师进行有效创作的基石。这些原则包括但不限于: 1. **一致性**:保持...
- **书籍推荐**:《GUI设计禁忌2.0》、《Photoshop CS——UI设计完全攻略》等。 - **网站资源**:ChinaUI.com、Lemoons.com、UIRSS.com等网站提供了丰富的学习资料和行业动态,是UI设计师们交流经验和获取灵感的好...
**GUI设计禁忌**: 在设计GUI时,开发者应遵循一些最佳实践以确保用户体验良好。例如: 1. **合理布局**:避免过多的空白区域,合理安排组件的大小和位置,使界面看起来整洁有序。 2. **一致性**:保持界面元素的...
美国优秀软件界面谘询师Jeff Johnson著,对界面表现和Web设计开发很有帮助。
### GUI禁忌2.0之Web附录:颜色禁忌 #### 背景介绍 本文源自《GUI Blooper2.0: Common User Interface Design Don’ts and Dos》一书的Web附录部分,由空想猛士翻译成中文,旨在帮助读者避免在图形用户界面设计中...
- **《GUI设计禁忌》**、**《About Face 3 交互设计精髓》**:客户端产品经理必读。 - **《用户体验度量》**:适用于有一定用户群的产品经理。 - **《胜于言传:网站内容制胜宝典》**:资讯类网站产品经理的必读书籍...
9. 《GUI 设计禁忌 2.10》(作者:杰弗·约翰逊):面向客户端产品经理,本书揭示了在设计图形用户界面时常见的错误,帮助设计者避免这些陷阱,提升用户体验。 这些书籍不仅是互联网科技大佬们的经验分享,也是广大...