美文网首页
Don't Make Me Think——设计主页

Don't Make Me Think——设计主页

作者: IvanHung | 来源:发表于2016-11-21 23:24 被阅读24次

一、主页要完成的任务

1、站点的标识和使命:主页要告诉用户这是什么网站,这个网站是干什么的。如果有可能的话,还应该加上用户为什么会在这里,而不是别的网站。

2、站点层次:包括内容(用户能在这里找到什么)以及功能(用户能做什么),通常由持久导航完成。

3、搜索:一个突出的搜索框。

4、导读:包括内容推介(content promos)和功能推介(feature promos)。前者应该突出最新最好的内容片段,如热销产品;后者应该邀请用户去访问更多的栏目或者试用一些个性化功能等。

5、内容更新:网站需要有最近活动的迹象,而不是死水一滩。

6、友情链接:需要在主页上预留空间,用来放置广告、交叉推广、合作品牌的友情链接等。

7、快捷方式:最常访问的内容片段(如软件升级)值得在主页上放置链接,免得用户四处查找。

8、注册:如果网站有注册制度,则主页需要有登录注册链接,并且有某种方式提示用户是否登录了(如“欢迎回来,Ivan”)。

9、让用户看到自己正在寻找的东西:主页应该让用户想要的任何东西显而易见。

10、还有用户没有寻找的:主页也应该为用户提供一些他没有寻找的、但是精彩的、可能感兴趣的内容。

11、告诉用户从哪里开始:让用户知道从哪里下手。

12、建立可信度和信任感:对一些访问者来说,主页很可能是你给他们留下好印象的唯一机会。

主页示例

二、主页上常见的约束

1、每个人都想占一席之地:每个和网站利益相关的人都想在主页上拥有一个关于他们的栏目推介或链接。

2、想要参与的人太多:每个人(包括CEO)都想对主页发表看法。

3、一个尺寸要适合所有人:主页要呈现在所有访问者面前,不管他们的兴趣差别有多大。

三、传达整体形象

1、主页需要将整体形象准确传达给访问者。

2、应该清楚陈述这个网站是做什么的重要位置之一:口号(tagline)。口号是和站点ID相关联的一条短语,访问者会把它当做整个网站的描述。口号一般放在靠近站点ID的地方。

3、应该清楚陈述这个网站是做什么的重要位置之二:欢迎广告。欢迎广告是网站的简要描述,在主页的首要位置显示,不需要滚动屏幕就能看到。

4、并不是每个人都会注意到这两个元素,用户多半是从主页的大体内容来猜测这个网站是做什么的。但如果他们猜不到,你就要有一个地方让他们找得到。

四、传达信息的指导原则

1、需要多大空间就使用多大空间:假如你的主张很新奇,你就要用大量空间解释或强调站点的目标。

2、但也不要使用过多的空间:对于大多数网站来说,没有必要用大量的空间来表述主张,阐述应保持简短,表明观点,最多提4个最主要的功能即可。

3、不要把使命陈述当做欢迎广告:类似于“××公司致力于提供世界一流的××解决方案”的内容不会有人看。

4、最重要的是进行测试:把主页拿给公司之外的人看,让他们告诉你设计是否达到了目标,“网站宗旨”的缺失是内部人员不会注意到的。

五、没有什么比得上一句好口号

1、口号是一条精炼的短句,刻画了企业,总结它是什么,什么让它如此卓越。

2、口号是非常有效的信息传达方式,因为它们是用户最希望能找到关于网站目标具体描述的地方。

3、好的口号要清楚、言之有物;不好的口号含糊不清。

4、好的口号长度适中,6-8个单词为宜。

5、好的口号能表述出网站的特点和显而易见的好处;不好的广告听起来太笼统。

6、不要把宗旨(motto)和口号混淆,宗旨表达某种指导原则、目标或理想,但不会告诉你网站是干什么的。

7、好的口号应该有个性、生动,有时还很俏皮。

六、从哪里开始?

1、当用户进入一个新的网站, 快速扫描之后,应该能明白无误的知道:如果我要搜索,可以从这里开始;如果我想扫描,可以从这里开始;如果我想浏览最精彩的内容,可以从这里开始。

2、那些针对包含一系列步骤的过程(如贷款)所建立的网站,过程的起点应该很明显。

3、那些需要登录/注册的网站,应该突出显示登录/注册的位置。

4、页面上如果满是大喊大叫的“从这里开始”、“不,先点击我”,用户就很难找到应该有的起点。所以,要让起点看起来像起点(如搜索框长得像搜索框,并且加上文字描述“搜索”)。

七、主页导航可以不一样

1、由于主页独特的职责,通常不必使用持久导航,但也不要相去甚远。

2、栏目描述:由于主页要尽可能多地表现网站的内容,因此你可能想为每个栏目加上描述性的短语,甚至下一级栏目。

区别示例

3、主页可能会使用垂直导航而非水平导航。

4、用于识别的空间更多:主页的站点ID通常会比持久导航上的更大。在主页上也通常会在站点ID旁为口号留一些空间,而品牌口号不一定出现在每个页面。

5、主页导航与持久导航需要保持一定程度上的一致性:栏目的名称保持不变(顺序、文字、分组),保持相同的视觉提示(颜色、字体、大小写)。

八、下拉框

1、由于主页的位置有限,设计师通常会采用下拉框节省空间,但下拉框存在一些问题。

下拉框

2、用户必须把它们找出来:必须点击下拉框,才能把列表上的项目显示出来,不能让用户在扫描的时候看到这些内容。

3、它们难以扫描:如果设计师使用标准的HTML下拉菜单,就无法控制字体、间隔和列表的格式,以提高可读性,也没办法把列表分组。

4、它们不好控制:列表的显示和收缩很快,会影响查看效果。

九、共有区域的悲剧(the tragedy of Commons)

任何共享的资源都会因为过度使用而遭到破坏。

1、主页容易引发短视的行为,任何项目都希望能在主页放置一个显目的链接,得到推介的栏目会获得巨大的访问量,而由于主页变得更混乱而造成的有效性总体损失则要所有栏目一起承担。

2、应该让所有的利益相关者知道过度使用主页的危险,可以从其他热门页面进行推介,或者轮流使用主页上的同一块空间。

——著作权归原作者所有——

——图片来自网络——

相关文章

  • Don't Make Me Think——设计主页

    一、主页要完成的任务 1、站点的标识和使命:主页要告诉用户这是什么网站,这个网站是干什么的。如果有可能的话,还应该...

  • 《Don't Make Me Think》

    第一章讲的重要性不再赘述; 第二章讲指导原则:1、我们不是阅读而是浏览;2、我们不作最佳选择,只是满意即可(时间紧...

  • Don't make me think

    面包屑

  • DON'T make me think

    三天看完了“不要让我思考”,大体上,这算是一本小册子,主要是针对网站的,移动端涉及的比较少。大致的框架是这样的: ...

  • Don't make me think

    Krug可用性的第一定律「Don'tmakemethink」。以命名,点击样式(链接、按钮),搜索条件等栗子来说明...

  • don't make me think

  • 《Don't make me think》

    《Don't make me think》 作者:Steve Krug 状态:已读完 记录方式:这是用手机码出来的...

  • Don't make me think

    我们常说,隔行如隔山,的确,很多行业之间的差异是非常大的,原本在某个行业被誉为权威的人士,去另一个行业可能连最底层...

  • Don't Make Me Think——设计导航

    如果在网站上找不到方向,人们不会使用你的网站。 一、网络导航101法则 1、当进入站点时,你通常是为了寻找某个目标...

  • 设计秘笈-Don't make me think

    Krug可用性第一定律 别让我思考 设计者应该尽量做到,当看到一个页面时,它应该是不言而喻、一目了然、自我解释的。...

网友评论

      本文标题:Don't Make Me Think——设计主页

      本文链接:https://www.haomeiwen.com/subject/yhaypttx.html