大家好，关于网站应避免过度设计，保持信息层级清晰：打造高效用户体验之道很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于网站应避免过度设计，保持信息层级清晰的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！

在互联网高速发展的今天，网站已经成为企业展示形象、传播信息、拓展业务的重要平台。许多网站在设计上存在过度设计的问题，导致用户在浏览过程中感到困惑，难以找到所需信息。本文将探讨网站设计中的过度设计问题，并提出保持信息层级清晰的重要性，旨在帮助网站设计师打造高效用户体验。

一、过度设计的弊端

1. 视觉疲劳：过度设计会导致页面元素过多，色彩、字体、图片等元素杂乱无章，让用户在浏览过程中产生视觉疲劳。

2. 操作复杂：设计过于复杂，操作步骤繁琐，用户难以快速找到所需信息，影响用户体验。

3. 加载缓慢：大量图片、动画等元素会导致页面加载缓慢，影响用户访问速度。

4. 搜索引擎优化（SEO）困难：过度设计会影响网站的搜索引擎优化，降低网站在搜索引擎中的排名。

二、保持信息层级清晰的重要性

1. 提高用户体验：清晰的信息层级有助于用户快速找到所需信息，提高用户体验。

2. 降低学习成本：简洁明了的设计让用户无需花费大量时间学习如何使用网站。

3. 提升网站转化率：清晰的信息层级有助于用户了解产品或服务，提高转化率。

4. 优化搜索引擎优化（SEO）：简洁明了的设计有利于搜索引擎抓取网站内容，提高网站排名。

三、如何保持信息层级清晰

1. 明确网站目标：在设计网站之前，首先要明确网站的目标，包括目标用户、产品或服务、品牌形象等。

2. 合理规划页面布局：根据网站目标，合理规划页面布局，确保信息层级清晰。

表格1：页面布局要素

| 要素 | 描述 |

| ------------ | ------------------------------------------------------------ |

| 导航栏 | 提供网站主要栏目链接，方便用户快速切换页面。 |

| 标题 | 突出页面主题，吸引用户关注。 |

| 内容区域 | 展示网站核心内容，包括文字、图片、视频等。 |

| 辅助信息 | 提供联系方式、版权信息等辅助信息。 |

| 营销元素 | 根据网站目标，添加营销元素，如广告、促销信息等。 |

3. 使用简洁的视觉元素：避免使用过多、过于复杂的视觉元素，保持页面简洁。

4. 优化色彩搭配：选择合适的色彩搭配，确保页面视觉效果舒适，易于阅读。

5. 合理使用字体：选择易于阅读的字体，避免使用过于花哨的字体。

6. 优化图片和动画：合理使用图片和动画，避免过多、过大的图片和动画影响页面加载速度。

7. 关注响应式设计：确保网站在不同设备上都能良好展示，提高用户体验。

网站设计应避免过度设计，保持信息层级清晰，以提高用户体验。设计师在规划网站时，要明确网站目标，合理规划页面布局，使用简洁的视觉元素，优化色彩搭配和字体选择，关注响应式设计，从而打造高效用户体验。只有这样，网站才能在激烈的市场竞争中脱颖而出，为企业带来更多价值。

个人网站的建设需要注意哪些问题

要领一：确定网站主题

做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材：第1类：网上求职；第2类：网上聊天/即时信息/ICQ；第3类：网上社区/讨论/邮件列表；第4类：计算机技术；第5类：网页/网站开发；第6类：娱乐网站；第7类：旅行；第8类：参考/资讯；第9类：家庭/教育；第10类：生活/时尚。我们可以参看上面的分类，继续细分。如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。

对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。记住：在互联网上只有第一，没有第二！

要领二：选择好域名

域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空。

目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。

要领三：掌握建网工具

网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是几款具有代表性的网页制作器：

（1）HTML编辑器。虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范，使用较为普遍的有Hotdog等专业HTML编辑器。

（2）所见即所得的网页编辑器。其中以Microsoft Frontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。

（3）现在非常流行的 Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍！但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等；并且由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。

另外，个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。

当然，互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强大的图形、图片制作技术。所以，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。

要领四：确定网站界面

界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：

①栏目与板块编排

构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。

网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。在栏目编排时需要注意的是：

●尽可能删除那些与主题无关的栏目；

●尽可能将网站内最有价值的内容列在栏目上；

●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。

另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。举个例子：ENET硅谷动力（www.enet.com.cn）的站点分新闻、产品、游戏、学院等板块，每个板块下面又各有自己的主栏目。一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。如果有必要设置板块的，应该注意：

●各板块要有相对独立性；

●各板块要有相互关联；

●各板块的内容要围绕站点主题；

②目录结构与链接结构

网站的目录是指建立网站时创建的目录。例如：在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排，比如：

●不要将所有文件都存放在根目录下。有网站制作者为了方便，将所有文件都放在根目录下。这样就很容易造成：文件管理混乱，搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率；上传速度变慢，服务器一般都会为根目录建立一个文件索引，如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件，很明显，文件量越大，等待的时间也将越长。

●按栏目内容建立子目录。子目录的建立，首先按主栏目建立。友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录，例如：CGI程序放在cgi-bin目录，所有提供下载的内容也最好放在一个目录下，便于维护管理。

●在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理。

其它需要注意的还有：目录的层次不要太深，不要超过3层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理。

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。一般的，建立网站的链接结构有两种基本方式：

●树状链接结构（一对一），这类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确知道自己在什么位置，不会“不知身在何处”，但是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须回到首页再进行。

●星状链接结构（一对多），类似网络服务器的链接，每个页面相互之间都建立有链接。这样浏览比较方便，随时可以到达自己喜欢的页面。但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。

③进行形象设计

网站的设计可以从以下几点出发：

●设计网站标志(LOGO)。LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。

●设计网站色彩。网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。

●设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东流了。

●设计网站宣传语。也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。

要领五：确定网站风格

“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。

风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。

总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。

在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。

要领六：有创意的内容选择

好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户。从根本上说，网站内容仍然左右着网站流量，内容为王（Content Is King）依然是个人网站成功的关键。

要领七：推广自己的网站

网站的营销推广在个人网站的运行中也占着重要的地位，在推广个人网站之前，请确保已经做好了以下内容：网站信息内容丰富、准确、及时；网站技术具有一定专业水准，网站的交互性能良好。一般来说，网站的推广有以下几种方式：

（1）搜索引擎注册与搜索目录登录技巧

注册著名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技巧，像AltaVista、搜索客这样的搜索引擎，它自动收录提交的网址。另外，注意Meta的使用，不要提交分栏Frame页面，大部分搜索引擎不识别Frame，所以一定要提交有内容的Main页面。

而像Yahoo、搜狐等搜索目录网站采用手工方式收录网址，以保证收录网站的质量，在分类查询时获得的信息相关性比搜索引擎站点（靠Spider自动搜索的）更强。由于搜索目录网站收录网站的人为因素相对较多，因此在提交网站时要注意遵守规则。如Yahoo要求注册站点描述不超过25个单词。在此要注意：将网址提交到最合适的目录下面，要认真详细的介绍网站，千万不要有虚假、夸张的成分。

（2）广告交换技巧

很多个人站点在相互广告交换时都提出了几个条件：第一，访问量相当；第二，首页交换。显而易见，这种做法是为了充分利用广告交换。以很多个人网站的经验，当与一个个人站点交换链接时，对方把网站的LOGO放到了友情连接一页，而不是首页时，很少有访客会来自那里。通常在首页，广告交换才会有很好的效果。

（3）目标电子邮件推广

使用电子邮件宣传网址时，主要有如下技巧：可以使用免费邮件列表来进行，只要你申请了免费邮件列表服务，你就可以利用邮件列表来推广你的网站；可以通过收集的特定邮件地址，来发送信息到特定的网络群体，在特定网络群体中推广自己的网站；发送HTML格式的邮件，即使其内容与接收者关系不大，也不会被被当作垃圾信件马上删掉，人们至少会留意一下发送者的地址。不过，在进行邮件推广的时候要注意网络道德。

要领八：支撑网站日常运行

当个人网站做到某一程度，就必须把赚钱提到议事日程上来，通常来说，个人网站获取资金通常有以下两个渠道：

（1）销售网站的广告位

要销售网站的广告位，一般来说，每日的流量少于1万人次的网站在目前是不会吸引广告主的。网站的专业性及商用性，以往的广告经验，技术以及设计要求等也会影响到广告的销售。

一般来说，WEB广告的收费有三种方式：

①CPM(Cost Per Million/Thousand)

放一个广告，它按每1,000人次来访问站点收费。这方法对网站经营者最为合适，只要有人浏览该网页，就得钱，不管访问者对广告有无反应——是否会看或点击该广告。

②点透（Click-through）

通过Banner广告点到了广告商的站点，这才算数，广告商青睐这个，他只为对自己广告感兴趣的人“套钱“。网站经营者就不合适了，据一些调查资料表明，只有3%的访问者会去“CLICK”广告。

③提成(Commission)

根据访问者点击位于你站点上广告所带来的销售收入，从中跟做广告的厂商分成，这种方法对于网站的经营者来说，比上面两个都更加冒险。

通常的，个人网站的广告收费方法往往是第一、第二种方法的结合，站点和广告商都可少冒点险。

（2）与大型网站合作

另外，通过与大型网站合作，获取经费，也可以维持个人网站的日常运行。不过，个人网站很容易会成为商业网站的附属品。

有时间和充沛的体力，再加上对新技术和技巧的学习和应用，你就能为自己在网上建一个家了。

回顾一下,网站美工需要注意哪些web UI设计原则

1.清晰度是首要工作

清晰度是界面设计中的第一步，也是最重要的工作。要想你设计的界面有效并被人喜欢，首先必须让用户能够识别出它，让用户知道为什么会使用它。比如当用户使用时，能够预料到发生什么，并成功的与它交互。有的界面设计得不是很清晰，虽然能够满足用户一时的需求，但并非长久之计，而清晰的界面能够吸引用户不断地重复使用。

2.界面是为促进交互而存在的

界面的存在，促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率，还能够激发、唤起和加强我们与这个世界的联系。

3.保护和尊重用户的注意力

我们在阅读的时候，总是会有许多事物分散我们的注意力，使得我们很难集中注意力安静地阅读。因此，在进行界面设计的时候，能够吸引用户的注意力是很关键的，所以千万不要将应用的周围设计得乱七八糟分散人的注意力，谨记屏幕整洁能够吸引注意力的重要性。如果你非要显示广告，那么请在用户阅读完毕之后再显示。尊重用户的注意力，不仅让用户更快乐，而且你的广告效果也会更佳。因此要想设计好的界面，保护和尊重用户的注意力是先决条件。

4.让界面处在用户的掌控之中

人类往往对能够掌控自己和周围的环境感到很舒心。不考虑用户感受的软件往往会让这种舒适感消失，迫使用户不得不进入计划外的交互，这会让用户很不舒服。保证界面处在用户的掌控之中，让用户自己决定系统状态，稍加引导，我想你会达到你希望的目标。

5.直接操作的感觉是最好的

当我们能够直接操作物体时，用户的感觉是最棒的，但这并不太容易实现，因为在界面设计时，我们增加的图标往往并不是必须的，比如我们过多的使用按钮、图形、选项、附件等等其他繁琐的东西以便我们最终操纵UI元素而不是重要的事情。而最初的目标就是希望简化而能够直接操纵……因此在进行界面设计时，我们要尽可能多的了解一些人类自然手势。理想情况下，界面设计要简洁，让用户有一个直接操作的感觉。

6.每个屏幕需要一个主题

我们设计的每一个画面都应该有单一的主题，这样不仅能够让用户使用到它真正的价值，也使得上手容易，使用起来也更方便，在必要的时候更容易进行修改。如果一个屏幕支持两个或两个以上的主题，立马会让整个界面看起来混乱不堪。正如文章应该有一个单一的主题以及强有力的论点，我们的界面设计也应该如此，这也是界面存在的理由。

7.勿让次要动作喧宾夺主

每个屏幕包含一个主要动作的同时，可以有多个次要动作，但尽量不要让它们喧宾夺主！文章的存在是为了让人们去阅读它，并不是让人们在Twitter上面分享它。所以在设计界面的时候，尽量减弱次要动作的视觉冲击力，或者在主要动作完成之后再显示出来。

8.自然过渡

界面的交互都是环环相扣的，所以设计时，要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的，并且通过设计将其实现。这就好比我们的日常谈话，要为深入交谈提供话由。当用户已经完成该做的步骤，不要让他们不知所措，给他们自然而然继续下去的方法，以达成目标。

9.外观追随功能（类似于形式追随功能）

人总是对符合期望的行为最感舒适。当其他人、动物、事物或者软件的行为始终符合我们的期望时，我们会感到与之关系良好。这也是与人打交道的设计应该做到的。在实践中，这意味着用户只要看一眼就可以知道接下来将会有什么的动作发生，如果它看上去像个按钮，那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明，要在更高层次的问题上发挥创造力。

10.区分重点

如果屏幕元素各自的功能不同，那么它们的外观也理应不同。反之，如果功能相同或相近，那么它们看起来就应该是一样的。为了保持一致性，初级设计师往往对应该加以区分的元素采用相同的视觉处理效果，其实采用不同的视觉效果才是合适的。

11.强烈的视觉层次感

如果要让屏幕的视觉元素具有清晰的浏览次序，那么应该通过强烈的视觉层次感来实现。也就是说，如果用户每次都按照相同的顺序浏览同样的东西，视觉层次感不明显的话，用户不知道哪里才是目光应当停留的重点，最终只会让用户感到一团糟。在不断变更设计的情况下，很难保持明确的层次关系，因为所有的元素层次关系都是相对的：如果所有的元素都突出显示，最后就相当于没有重点可言。如果要添加一个需要特别突出的元素，为了再次实现明确的视觉层级，设计师可能需要重新考虑每一个元素的视觉重量。虽然多数人不会察觉到视觉层次，但这是增强设计的最简单的方法。

12.恰当的组织视觉元素，减轻用户的认知负荷

正如著名设计师John Maeda在其著作《Simplicity》中所言，恰当地组织视觉元素能够化繁为简，帮助他人更加快速简单地理解你的表达，比如内容上的包含关系。用方位和方向上的组织可以自然地表现元素间的关系。恰如其分地组织内容可以减轻用户的认知负荷，他们不必再琢磨元素间的关系，因为你已经表现出来了。不要迫使用户做出分辨，而是设计者用组织表现出来。

13.色彩不是决定性的因素

物体的色彩会随光线改变而改变。艳阳高照与夕阳西沉时，我们看到的景物会有很大反差。换句话说，色彩很容易被环境改变，因此，设计的时候不要将色彩视为决定性因素。色彩可以醒目，作为引导，但不应该是做区别的唯一元素。在长篇阅读或者长时间面对电脑屏幕的情况下，除了要强调的内容，应采用相对暗淡或柔和的背景色。当然，视读者而定，也可采用明亮的背景色。

14.循序展现

每个屏幕只展现必需的内容。如果用户需要作出决定，则展现足够的信息供其选择，他们会到在下一屏找到所需细节。避免过度阐释或把所有一次展现，如果可能，将选择放在下一屏以有步骤地展示信息。这会使你的界面交互更加清晰。

15.内嵌“帮助”选项

在理想的用户界面，“帮助”选项是不必要出现的，因为用户界面能够有效地指引用户学习。类似“下一步”实际上就是在上下文情境中内嵌的“帮助”，并且只在用户需要的时候出现在适当的位置，其他时候都是隐藏的。

设计者的任务不是在用户有需要的地方建立一个帮助系统，把发现用户需要的义务推诿给用户，让用户去在帮助系统中寻找他们问题的答案。而是应该确保用户知道如何使用你提供的界面，让用户在界面中得到指导并学习。

16.关键时刻：零状态

用户对一个界面的首次体验是非常重要的，而这常常被设计师忽略。为了更好的帮助用户快速适应我们的设计，设计应该处于零状态，也就是什么都没有发生的状态。但这个状态不是一块空白的画布，它应该能够为用户提供方向和指导，以此来帮助用户快速适应设计。在初始状态下的互动过程中会存在一些摩擦，一旦用户了解了各种规则，那将会有很高的机会获得成功。

17.针对现有问题去完善界面

人们总是寻求各种方案去解决已经存在的问题，而不是潜在的或者未来的问题。所以，不要为假设的问题设计界面，我们应该观察现有的行为和设计，解决现存的问题。这确实不是件能够让人兴奋的事情，但却是最有价值的事情，因为一旦你的用户界面愈加完善，会有更多的用户愿意使用你的界面。

18.优秀的设计是无形的

优秀的设计有个古怪的属性，它通常会被它的用户所忽略。其中的一个原因是这个设计非常成功，以至于它的用户专注于完成自己的目标而忽略了自己面对的界面，用户顺利达成自己的目标后，他们会很满意地退出界面。但是作为设计师，这可能会有点不公平，当我们的设计很优秀的时候，我们不会受到很多阿谀奉承。当然，优秀的设计师不会去介意这些，因为他们心里明白，满意的用户往往都是沉默的。

19.多领域学习，借鉴其他学科

视觉、平面设计、排版、文案、信息结构以及可视化，所有的这些知识领域都应该是界面设计应该包含的内容，设计师对这些知识都应该有所涉猎或者比较专长。不要看不起这些知识，要从中获取许多值得学习的东西，以此来提高你的工作能力。设计师的眼光要长远，要能从看似无关的学科中学习，比如出版、编程、装订、滑板、消防甚至空手道。

20.界面的存在必须有所用途

在大多数设计领域，界面设计成功的要素就是有用户使用它。打个比方，一把漂亮的椅子，虽然精美但坐着不舒服，那么用户不会选择使用它，它也就是失败的设计。因此，界面设计不仅仅是设计一个使用环境，还是创造一个值得使用的艺术品。界面设计仅仅能够满足其设计者的虚荣心是不够的：它必须要有用！

引用资料：

用户体验要素:以用户为中心的产品设计

第一章用户体验为什么如此重要

·什么是用户体验

用户体验是产品如何与外界发生联系并发挥作用，也就是如何“接触”和“使用”它

·从产品设计到用户体验设计

1.创建一个产品的过程更像是在开发，逐步建立和完善产品的特性和功能，直到它们所组成的那个东西在市场上是可行的。

2.产品设计是由功能决定的——外形服从于功能，并不完全正确。应该是由用户自身的心理感受和行为来决定的。

3.用户体验设计通常要解决的是应用环境的综合问题。用户体验设计要兼顾视觉和功能两个方面，同时解决产品做面临的其他问题。

·用户体验和网站

越来越多的企业已经开始意识到，提供优质的用户体验，是一个重要的，可持续的竞争优势-不仅仅对网站是这样，对所有类型的产品和服务也是如此。

·用户体验就是商机

1.特性和功能总是重要的，但是用户体验对于客户的忠诚度有着更大的影响。

2.转化率是一种常用的方式，来衡量用户体验效果（转化率是最常用的投资受益的度量标准）

3.任何用户体验上所做的努力，目的都是为了提高效率（帮助人们工作的更快，减少他们犯错的几率）

·在乎你的用户

1.创建吸引人的，高效的用户体验的方法称为“以用户为中心的设计”。在开发产品的每一个步骤中，都要把用户列入考虑范围。

2.以用户为中心的设计要，考虑用户的体验，把它分解成各个组成要素，从不同的角度来了解它

3.对于来造访的用户，你必须为他们规划一个由粘性的，直观明了，甚至还让人愉快的体验

第二章认识这些要素

要理解用户在使用过程中，用户有可能采取的每一个行动的每一种可能性，并且去理解在这个过程中每一步用户的期待值

·五个层面

1.表现层：由图片文字组成

2.框架层：按钮，空间，照片，文本。优化设计布局，以达到元素的最大效果和效率。

3.结构层：设计用户如何到达某个页面，并且在他们做完事情之后去什么地方。

*结构层与框架层：框架是结构的具体表达方式。框架层确定了在结账页面上交互元素的位置，而结构层则用来设计，用户如何到达这个页面。框架层定义了导航条上各个要素的排列方式，允许用户可以浏览不同的商品分类，结构层则确定哪些类别应该出现在哪里。

4.范围层：结构层确定网站各种特性和功能最合适的组合方式，这些特性和功能就构成了网站的范围层。某个功能是否应该成为网站的功能之一，这就属于范围层要解决的问题。

5.战略层：经营者想从网站上得到什么，用户想从网站得到什么。

·自下而上地建设

1.在最底层，我们完全不用考虑网站，产品或是服务最终实现的外观，我们只关心网站如何满足我们的战略，满足用户的需求。

2.在最顶层，只关心产品所呈现的具体细节。

3.层面越高，决策越要具体，设计越来越精细。

4.每一个层面都是根据它下面的层面来决定的

·用户体验要素

1.战略层：关注的是企业外部的用户需求，与用户需求相对应的是我们自己对网站对期望目标。（产品目标）

2.范围层：功能型产品，创建功能规格（对产品对“功能组合”对描述）。信息型产品，内容需求（对各种内容元素的要求的详细描述）

3.结构层：功能型产品，交互设计-定义系统如何响应用户的请求。信息层产品，信息架构-合理安排内容元素以促进人类理解信息。

4.框架层：信息设计，一种促进理解的信息表达方式。界面设计，安排好能让用户与系统的功能产生互动的界面元素。导航设计，屏幕上的一些元素的组合，允许用户在信息架构中穿行。

5.表现层，为最终产品穿件感知体验。

·应用这些要素

1.在每一层中，这些要素必须相互作用才能完成该层的目标

2.影响用户体验的额外两个因素：内容、技术

第三章战略层

1.战略层定义：结合”产品目标“和”用户需求“就组成了战略层，也就成为我们在设计用户体验过程中做出每一个决定的基础。产品目标：我们要通过这个产品得到什么。用户需求：我们的用户要通过这个产品得到什么。

2.产品目标：a.商业目标，为避免太具体、太宽泛的目标，我们应该在充分了解问题之后在得出结论。明确定义”成功的条件“，而不是定义”通向成功的路径“。

b.品牌识别，对于任何一个网站，它需要明确描述的基础目标之一就是品牌识别。品牌识别：除了商标、色调、字体，更重要的是概念系统、情绪反应（对用户起着潜移默化的作用）。你必须要决定品牌形象是无意之中形成的，还是经过产品设计者有意精心安排的结果

c.成功标准，一些可追踪的指标（转化率、回访数、印象数），在产品上线以后用来显示它是否满足了我们自己的目标和用户的需求。有时这些成功标准与网站本身和用户如何使用该站有一定的关系。

3.用户需求：a.用户细分，将具有某些共同关键特征或者共同需求的用户划分成组。不同的用户群有不同的需求，创建细分用户群，只是一种用于“揭示用户最终需求的手段”。不同用户群的需求也有可能是彼此矛盾的，要么做取舍，要么为执行相同任务的不同用户群选择不同的操作方式。

b.可用性和用户研究，市场调研方法，问卷调查、焦点小组：是获取用户的基本信息的宝贵来源。现场调查，是指一整套完整、有效且全面的方法：用于了解在日常生活情境中的用户行为。任务分析，仔细地分解用户完成任务的精确步骤。用户测试，请用户来帮忙测试你的产品，对于信息驱动的产品可用卡片排序法：用于探索用户如何分类或组织各种信息元素。

c.创建人物角色，在用户体验设计的过程中，人物角色是从用户研究中提取出的、可成为样例的虚拟人物。

4.团队角色和流程：产品目标和用户需求经常被定义在一个正式的战略文档或愿景文档中。

第四章范围层

·功能和内容

范围层确定的是全部的功能需求或功能规格。真正的内容常常是通过一个内容管理系统来进行管理的。

·定义需求

需求的详略程度常常取决于该项目的具体范围，最用之不竭的需求源泉总是来自用户本身。

·内容需求

不要混淆某段内容的格式和目的。

提供每个特性规模的大致预估（只收集最紧要的关键资料）。

确定某个人负责某一内容元素和它的“更新频率”。

各种用户，需求不同。哪些用户想要什么内容——如何呈现它们

·确定需求优先级

战略目标和需求间往往不是一对一的关系。

有时一个战略目标将产生多个需求。另一方面，一个需求也可以实现多个战略目标。

优先级别是决定是否采纳人们所建议的相关特性的首要因素。

第五章结构层

交互设计和信息设计都强调一个重点：确定各个将要呈现给用户的元素的“模式”和“顺序”。

·概念模型

1.用户对于“交互组件将怎样工作”的观点

2.把软件某个特性设计处理成用户所熟悉的某个概念

3.在交互设计的开发过程中保持使用方式的一致性，软件使用方式与现实经验一致，交互方式在整个系统中保持一致。

4.使用人们熟悉的概念模型会使用户更快速的适应一个不熟悉的网站

5.错误处理，预防：第一同时也是防止错误的方法，是将系统设计成不可能犯错那种。改正：错误发生时，系统应该帮助用户找出错误并改正他们（有效的错误信息，自我解释的界面）。恢复：给用户提供可以从错误中恢复的方式（撤销）

·信息架构

1.结构化内容：信息架构的主要工作就是设计组织分类和导航的结构，让用户可以更有效地找到和浏览网站的内容。自上而下的分类体系：根据产品目标和用户需求直接进行结构设计。先从最广泛的、有可能满足决策目标的内容和功能开始分类，再依据逻辑细分出次级分类。自下而上的分类体系：从已有资料开始把这些资料放到最低级别的分类中，然后将它们分别归属到较高一级的分类。结构质量最重要的标准，不是整个过程一共需要多少个步骤，而是“用户是否认为每个步骤都是合理的”以及“当前步骤是否自然地延续了上一个步骤中的任务”。

2.结构方法：信息架构的基本单位是节点。

层级结构：节点与其它节点之间存在这父级/子级的关系。

矩阵结构：矩阵结构能帮助“那些带着不同需求而来”的用户，在相同的内容中寻找各自想要的东西。

自然结构：这种结构没有太强烈的“分类”的概念，对于探索一系列关系不明确或者一直在演变的主题很合适，但是对于用户下次还需要依靠同样的路径、去找同样的内容的就不合适。

线性结构：经常被用于小规模的结构。

一个延展性好的信息架构，能把新的内容作为现有结构的一部分容纳进来，也可以把新内容当做一个完整的新部分加入。

3.组织原则：一般来说，在网站最高层级使用的组织原则应该紧密地与“网站目标”和“用户需求”相关。而在结构中较低的层级，内容与功能需求的考虑将对你所采用的组织原则产生很大影响。

4.语言和元数据：遵循“使用用户语言”并且“保持一致性”的命名原则。同时避免“语义歧义或者不解”。

第六章框架层

·在框架层主要解决放置的问题

1.界面设计考虑可交互元素的布局。

2.导航设计考虑在产品中引导用户移动的元素的布局。

3.信息设计中考虑传达给用户的信息要素的排布。

·习惯和比喻

界面要与用户早已养成的习惯保持一致，比之更重要的是界面要与自身保持一致。

网站特性的概念模型有助于保持网站内部的一致性。如果有两个特性使用同样的概念模型，可以保持一致的界面和操作，能使用户习惯了特性之后很快的适应另一个。即使概念模型不一致的地方，这些概念模型所共用的模块也应该以相似的方式对待（eg：开始、结束、返回或者保存这一类的概念）

有效地使用比喻，在于减少用户在理解和使用产品时的猜测。网站可以提供上下文帮助用户理解你采用的隐喻所代表的特性，但是提供的功能和内容越多，猜测就变得越不可靠，总有一部分用户会猜错的。

·界面设计

界面设计要做的全部事情就是选择正确的界面元素，帮助用户完成他们的任务，还要通过适当的方式让它们容易被理解和使用。

成功的界面设计，是能让用户一眼就能发现“最重要的东西”的界面设计。

·导航设计

1.导航设计必须完成的三个目标：提供给用户一种在网站间跳转的方法；传达出这些元素和他们所包含的内容之间的关系；传达出它传达出的内容和用户当前浏览的页面是什么关系。

2.导航系统：全局导航：提供了覆盖整个网站的通路。局部导航：提供给用户在这个架构中到”附近地点“的通路。辅助导航：针对内容、产品或者用户属性进行的分类导航。上下文导航（内联导航）：嵌入页面自身内容的一种导航。

·信息设计

1.用一种能”反应用户的思路“和”支持他们的任务和目标“的方式来分类和排列这些信息元素

2.指示标识，帮助用户理解“他们在哪里”以及“他们能去哪里”“哪条路离目标更近”，可借助图标、标签系统、排版、颜色等视觉指引。

第七章表现层

·合理设计感知

1.五方面组成：视觉、听觉、触觉、嗅觉、味觉。

2.声音可以应用到很多不同种类的产品中；可用来通知用户，还可以使产品变得更具个性。

3.评估一个视觉设计方案，应该把注意力集中在它们的”运作是否良好“上。

·对比和一致性

1.通过对比把用户的注意力吸引到重要的部分。

2.过度设计也会导致视觉的混乱，差异要足够清晰，让用户能分辨出某个设计选择是特意要传达的一致性能避免用户的困惑和焦虑，可基于栅格线来保持平面布局的一致性。

·配色方案和排版

1.色彩，核心的品牌色彩通常是一个更广泛的配色方案的一部分，这套配色方案是要在一个企业的所有材料中得到应用的。一个企业的标准配色方案中所使用的色彩，是为了它们在一起工作而专门挑选出来的，它们之间是互补而不冲突的。

2.排版，不要使用非常相似但又不完全一样的风格，只有在你需要传达不同的信息时才使用不同的风格。不要使用过于广泛和多样的风格。

第八章要素的应用

1.创建良好的用户体验最重要的工作内容是大量收集亟待解决的非常细微的问题。

2.必须要同时考虑五个层面的全部因素

3.在上一层级的错误有可能会削弱更低层面的正确决策，如果在低一级层面做出了错误决策，再上一层级做的努力也会显得没有意义。

好了，文章到这里就结束啦，如果本次分享的网站应避免过度设计，保持信息层级清晰：打造高效用户体验之道和网站应避免过度设计，保持信息层级清晰问题对您有所帮助，还望关注下本站哦！