# Web设计禁忌[转载]

- Link: https://yjyj.net/learn/551.html
- Published: 2008-08-21T14:57:52+08:00
- Author: 小 虾

⚡ 生猛大蝦编辑部 · 30 秒核心看点

 * 先看内容与功能：主页身份不清、分类混乱、说明废话多，都会让用户一眼迷路。
 * 任务与表单要减负：别强迫二次登录、重复填表、无意义选择，能默认就默认。
 * 导航与搜索要直给：少做欺骗性链接和死胡同，页面状态、当前位置、搜索入口都要清楚。

**一内容与功能禁忌**
内容禁忌l         主页身份危机（what’s this？what’s it contain？
what can I do？where can I start？）l         混乱的内容分类（if user can find what
he want immediataly）l         毫无意义的说明文字l         内容不一致)l         
过期/缺少/无意义/未完成的内容任务支持禁忌l         负担任务(类似于同一网站需要二次
登录；提交表单失败后需要重新输入数据)l         请求不必要的数据l         无意义的
选择（其中包括：选项无区别；用户不知道选项的含义；答案是显然的；忽略重要选项；程序
可以推断）l         任务死胡同（例子：用户输入很多信息来订票后，系统告知他，所有
票已被售出）l         过于复杂的任务流程**二用户界面禁忌**导航禁忌l         页面
中过多的导航l         欺骗性链接（外表相似却指向不同地方；外表不同却指向相同地方）
l         非直接链接（一次点击无法达到你想去的地方。门户新闻频道中，此禁忌泛滥）
l         当前页面无标记（从导航和页面标题中，看不出自己在哪里）l         指向当前
页面的链接（除了刷新，我想不到还有别的什么用途）l         缺少导航的页面（报错页
面、任务完成页面、404页面）表单禁忌l         在非万不得已的情况下使用输入框（能不
让用户自行输入就不让用户输入）l         兼容性，容错性差的输入接框l         不提供
默认值（单选不提供初始值，会增加出错几率；）       只有一个选项的单选按钮       
单个复选框没有用作开关来使用（开关是严格对立的，而二选一的时候，不要用单个复选框）
使用按钮来当作开关l         不合理的默认值l         焦点没有自动出现在输入框内l 
可用性差的说明标签（过远、未对齐）l         错用单选框或复选框l         看起来可以
编辑，但却不能编辑（如果某个数值永远都不能编辑，那么就根本不要使用表单来表示）l 
无法理解的控件（拙劣的标签、布局）搜索禁忌l         令人讨厌的搜索选项l         
过多的搜索框l         垃圾的搜索结果（重复、漏、负相关）l         糟糕的结果排序
l         没有显示搜索条件和数量l         无法对借过进行筛选**三网站外观禁忌**文本
与书写禁忌l         文本太多l         晦涩的语言l         变化的词汇l         不一致
的格式l         拼写和语法错误链接外观错误l         不像链接的链接l         不是
链接胜似链接l         奇特的按钮：点击范围比看起来小l         换行的链接l       
隐藏在文本中的链接l         看不出哪些是点过的链接       title属性上的文字与链接
一致（既然一致，还使用title来说明什么呢?）图形设计与布局禁忌l         小字体l   
所有内容都居中l         不能引人注意的出错消息l         色差过小l         可用的
按钮看上去不可用l         错误的标签导航

❓ 延伸问答与排错指南（FAQ）

网页设计里最常见的禁忌是什么？

最常见的是让用户“找不到、看不懂、做不完”。具体表现包括主页身份不清、内容分类混乱、
导航过多、表单字段太多、默认值缺失、任务流程过长。改法很朴素：减少歧义，缩短路径，
让用户一眼知道自己在哪、能做什么、下一步去哪。

表单设计为什么总让用户烦躁？

因为很多表单把“必须让用户输入”当成了默认方案。更好的做法是：能预填就预填，能下拉
就别手输，单选/复选要和真实业务含义匹配，默认值要合理，标签要就近对齐。这样能明显
降低出错率和放弃率。

如何判断一个页面导航是否有问题？

看三点：用户能不能一次点到目标、能不能知道自己当前在哪、出错或完成后有没有出口。
若出现欺骗性链接、非直接链接、当前页面无标记、404或完成页没导航，基本就说明导航设计
有问题，需要重构信息层级和路径。

📚 【[招数学习](https://yjyj.net/category/learn)】专栏延伸阅读与热门精选（[全站文章归档](https://yjyj.net/archive)）：

 * [流传很久关于设计的文字](https://yjyj.net/learn/536.html)
 * [从《WoW》学到的七件事](https://yjyj.net/learn/482.html)
 * [教你如何科学设计自己的网站网页[转]](https://yjyj.net/learn/614.html)
 * [关于表格的一些记录](https://yjyj.net/learn/983.html)
 * 热门必读[重置 Mac 的 SMC](https://yjyj.net/learn/7596.html)
 * 热门必读[CSS 盒模型边界重叠 (Margin Collapse) 原理与解决方案](https://yjyj.net/css/3536.html)