12bet,的读书笔记

必须正确处理的几个方面

设计导航

如果12bet,网站上找不到方向,人们不会使用你的网站。作为一个用户,如果到了一个网站,没有找到需要的内容,或者不知道12bet,网站怎么组织的,可能还会回来

网站导航

12bet,用户通常是为了寻找某个目标而来。他们会进行思考,是先询问(搜索),还是先浏览。通常用户决定是先搜索还是先浏览取决于他们的打算、匆忙程度,12博体育,以及网站是否具有良好的导航机制。如果选择浏览,他们将通过标志的引导在层次结构中穿行。最后他们如果没有找到想要的东西,会离开。

无法承受的浏览之轻

网络上查找东西和真实世界有很多相似之处,但也有很多不同,比如:

  • 用户无法感觉到网站本身的大小
  • 用户不会有方向的感觉
  • 用户感觉不到位置

在真实世界中,查找过一次的货物,会和容易去。而在Web上,通过点击链接向前移动。想要再次访问网站上的某个内容,需要记住它在概念层次上的位置,然后重新顺着以往的链接过去。使用Web导航,就是为了让用户得知他们当前的位置,导航通过具体化网站的层次结构,来补偿确实的现实空间感

被忽视了的导航用途

导航有两个显而易见的用途: 帮助我们找到想要的东西和告诉我们现在身在何处,其实导航的所有用途有:

  • 给了哦我们一些固定的感觉
  • 告诉我们当前的位置
  • 告诉我们如何使用网站
  • 给了我们对网站建造者的信心

Web导航习惯用法

设计得当的持久导航需要表达的意思:导航部分在这里,其中一些可能会根据您所处的位置有所变化,但它总是在这里

持久导航包括5个元素,这5个元素是用户一直需要的:

  1. 站点ID
  2. 回到主页的方式
  3. 搜索的方式
  4. 实用工具
  5. 栏目

我说的是每一页

对于每个地方都一样的规则,有两个例外:

  • 12博体育,主页,主页承担着一些不同的任务,有时候在主页内不必使用持久导航
  • 表单,在需要填写表单的页面,持久导航可能会造成不必要的干扰

对于这些页面,只需要站点ID,一个回到主页的链接,有助于谈些表单的实用工具这样最小规模的持久导航就可以了

知道我们还在网站里

在网站里,我们移动方式是瞬移,我们需要在每个页面上见到网站的名称以保证我们还在网站中。站点的ID代表整个网站,所以站点的ID应该在页面可视层次的首要位置。通常可以让它成为本页最显眼的内容,或者让它涵盖页面所有元素。另外站点ID应该一眼看起来就像一个站点ID

栏目

也称主导航条,到达站点主要栏目的链接,层次结构的最顶层。有时会包含二级导航

实用工具

帮助用户使用站点,或提供网站发布者信息,例如帮助,联系我们等等,对于不同类型的万展,实用工具有所不同。通常,持久导航上只能放置4-5个实用工具

返回主页

最重要的元素之一,新兴的用法就是让站点ID同时也作为一个让用户回到主页的按钮,或者用下列两种方式:

  • 在栏目中或实用工具中包含一个回到主页的链接
  • 在主页之外的站点ID上加上一个Home,让大家知道可以点击它

提供搜索

除非站点规模很小而且组织得很好,否则每个页面都应该有一个搜索框或一个到搜索页面的链接。除非网站真的不太需要搜索,否则它应该是一个搜索框

搜索框需要注意:

  • 花哨的用词,用搜索就好,不要用查找,快速查找之类的词
  • 指示说明:告诉用户搜索框的使用方式
  • 选项,如果有存在任何混淆的搜索范围,需要将他们写出来。在提供时,需要谨慎思考

多级导航

Web设计中普遍存在一个问题,没有对低层次的导航给与足够的重视,在很多网站,一旦到了第二个层次一下,导航会变得支离破碎,因为:

  • 导航本身难以设计,页面空间有限
  • 设计师即使在设计前两个层次时也感觉到时间不够
  • 因为低级层次导航看起来不那么重要

事实上用户在底层页面上花呃时间通常和花在顶层页面上的时间是相同的的

页面名称

页面名称就像路牌一样:  每个页面都需要一个名称  页面名称应该出现在合适的位置上  名称要引人注目  名称要和点击并来到这个页面的链接一致

你在这里

提供你在这里指示器来告诉用户当前所在的位置,这个指示器需要突出,否则就是去了视觉线索的价值,而变成一种噪声。同时不能太过模糊

面包屑

面包屑也告诉用户当前的位置,同时告诉了从主页到当前位置的路径,这是一种很重要的导航方式,能提供回退到任意层次,回到主页,提供当前位置等多个功能,有一些最佳实践:

  • 把他们放在页面最顶端,避免它和导航相混淆
  • 使用”>”进行层级分割
  • 使用小字体:它只是补充机制
  • 使用文字“你在这里”
  • 最后一个元素加粗,最后一个元素时当前页面的名称,加粗可以得到应有的突出
  • 没有把他们用作页面的名称

标签页

标签页是大型网站的上佳选择:

  • 标签页不言而喻,每个人都知道标签页是干什么的
  • 标签页很难错过,用户都会留意到
  • 他们很灵活
  • 他们暗示了一个物理的空间

标签页需要注意的三个要点:

  1. 正确绘制,激活的标签页位于其他标签页之前
  2. 不是标签页功能的普通按钮,不要按照标签页的方式绘制
  3. 颜色编码,为每个栏目使用一种不同的颜色,吧这个颜色用在页面其他导航元素上,让他们浑然一体
  4. 当进入页面时,有一个标签页已经选中

测试

执行过程:

  1. 任意选择一个网页,打印下来
  2. 拿到一手开外,或者斜过一个角度,让你不能仔细观察
  3. 尽快找到下面清单中的项目并画上圆圈(站点ID、页内导航、页面名称、你在这里指示器、栏目和下一级栏目、搜索)

设计主页

主页的任务

主页要完成的任务:

  1. 站点的标识和使命,告诉这是个什么网站,用来做什么的
  2. 站点层次,给出网站提供的服务的概貌,包括内容、功能、服务如何组织,可以交由持久导航处理
  3. 搜索,突出明显的搜索框
  4. 导读,用一些“里面有精彩内容”来吸引用户,内容推荐部分应该突出最新、最好、最流行的内容片断,功能推荐部分邀请我去访问网站更多栏目或使用一些个性化功能
  5. 内容更新,主页的内容应经常更新
  6. 友情链接
  7. 快捷方式,最常访问的内容片断值得将链接放在首页上
  8. 注册,如果网站提供注册,应为型用户和老用户登录提供了明显的链接,并用某种方式告诉他们知道自己是否已经登录
  9. 让我们看到正在寻找的东西
  10. 还有没有寻找的,主页应该让用户看到一些很精彩的,也许会感兴趣的内容
  11. 告诉用户从哪里开始
  12. 建立可信度和信任感

主页的问题

  • 需要推荐的内容很容易过多
  • 主页十分重要,每个人都想对她发表看法
  • 主页要呈现在每个访问者面前,适合所有人

主页要传达整体形象

一个主页应回答头脑里的四个问题:

  1. 这是什么网站
  2. 我能在这里做什么
  3. 网站上有些什么
  4. 为什么我在这里,而不在别的地方

如何传达

在主页上有两个重要位置,我们希望能从这两个地方找到清除的陈述:

  1. 口号,最有价值的位置之一就是靠近站点ID的地方
  2. 欢迎广告,在主页的首要位置显示,网站的简要描述

传达信息的知道原则:

  • 需要多大空间就是用多大空间
  • 不要使用过多的空间
  • 不要把使命陈述当做欢迎公告
  • 最重要的事件进行测试

没有什么比得上一个好口号

口号是一条精炼的短句,总结了这个企业是干什么的,为什么好。在网站中,口号可能出现在站点ID的下方、上方或旁边。选择口号时需要注意几点:

  • 口号要清楚,言之有物,不能含糊不清
  • 长度适中
  • 表述出网站的特点和显而易见的好处,不能听起来太笼统
  • 有个性、生动、有时还很俏皮

有些网站可以不需要口号,但他们也可以从口号中获益,例如

  • 家喻户晓的网站
  • 品牌在网站建立之前就很有名的网站

从哪里开始

用户进入一个新网站,快速扫描主页后,应该能明白:

  • 如果我想搜索,从哪儿开始
  • 如果想扫描,从哪儿开始
  • 想扫描该网站最精彩的内容,从哪儿开始

让每个起点看起来像起点。要清除的给他们加上文字描述

主页导航可以不一样

主页独特的职责,不必使用持久导航,常见的差别包括:

  • 栏目描述,可以为栏目名称加上一个描述性短语
  • 不同的方向,和其他页面布局不同
  • 用于识别的空间更多

主页导航和持久导航也应当保持一定程度上的一致性

下拉框的问题

由于主页位置有限,经常会有使用下拉框的情况用来节约空间,但有几个问题:

  • 必须会造出下拉框,必须点击下拉框,才能看到下拉列表
  • 他们难以扫描
  • 不好控制,列表显示和收缩很快,影响查看效果

如果用户不知道自己再找什么名称时,下拉框的效率很低

推荐的问题

在主页上进行推荐因为其效果好,任何项目在主页上有一个醒目的链接,肯定会得到更多的访问量,但是在主页上增加更多的项目所得到的和所付出的不一致。任何共享的资源都会因为过度使用而遭到破坏。

测试

看到一个主页,快速扫描,然后回答两个问题:

  1. 这个网站是做什么的
  2. 从哪里开始