导航:浏览网站像逛家乐福(二)

In: 产品设计

12 2007

1、   用户感觉不到网站大小的解决办法
1)   网站首页体现频道导航

新浪导航


2)   网站地图
参考中国网地图
3)   告诉用户你网站的逻辑关系
例如哪个是首页、哪些是频道首页、哪些是栏目页面、哪些是信息列表、哪些是内容页。大家注意观察就会发现,很多网站的头部文件是不同的,首页、频道页、内容页的头部文件都不同,想过为什么没有?
4)   样式控制
例如用户未点击的链接是蓝色,点击之手的是紫色,这样用户会把你的信息量化,大小的感觉在他潜意识就产生了。
5)   搜索功能
很多网站提供站内搜索,其实这个功能不仅仅帮助用户找到他想要的,还可以告诉用户网站里面他想要的内容有多少。
小节:从上面看来,网站地图是导航、页面的差异是导航、样式也是导航、搜索还是导航,要告诉用户你网站有多大的方法有很多。
2、   用户在网站中感觉不到方向怎么办?
虽然网站没有东西南北,但是网站是有上一级下一级之分的,比如首页、频道页、信息列表页、内容页。网站把这个逻辑关系用灌输大用户脑子里,使用户养成习惯,看到你页面的头部就知道自己是在网站的那个级。

网易汽车频道

我们来看看上图,网易汽车频道首页,网易在头部用了3个地方告诉用户,这里是网易的汽车频道。
3、   用户在网站上感觉不到位置的解决办法
1)   不要吝啬你的title

21CN

2)给用户亮起一盏灯

艾瑞

上图是艾瑞咨询内容页面的截图,他巧妙的利用了导航,用户在阅读的内容属于哪个频道,那么导航就会在这个频道上亮起一盏灯。
3)为用户提供层级菜单

网易面包屑

4)网站也有“堆头”哦

网易堆头

都说百字不如一图,上面说到了超市的堆头,他为什么要摆放在过道中,难道真是因为这样消费者容易拿取么?为什么堆头大部分是促销产品?思域觉得堆头更多的是让别人容易发现,发现这个促销产品,发现堆头周围的这一产品“频道”
上图是网易汽车频道的第一屏截图,网易巧妙的排布使得用户不看文字就知道这个页面大概是哪方面的内容。
那么,如果用户在你网站上不存在“感觉不到大小、感觉不到方向、感觉不到位置”这些问题的时候,逛网站就像逛超市这是不是就有可能了?是的,这只是个可能,只是基础而已,更精彩的还在后面!

3 Responses to 导航:浏览网站像逛家乐福(二)

Avatar

lixiaohua

九月 26th, 2009 at 19:00

逛网站就像逛超市,购物Case,很有说服力。网页设计与卖场布局有异曲同工之妙。
————————
思域:你好!冒昧的请教一个问题,作为一个对产品设计感兴趣的应届毕业生,以前没有一丁点产品设计知识,那么,TA应该如何学习呢,又从何开始学呢,要学哪些呢?谢谢!望答复!

Avatar

思域

九月 27th, 2009 at 17:51

@ lixiaohua
应届毕业生缺少经验
所谓经验包括很多因素:对行业的理解、工作的方法、对产品的理解、对用户的感觉、沟通的技巧等等

如果要进入产品设计这个领域,我认为可以先从使用同类产品开始。但是这个使用不是走一遍流程,而是要思考,思考他为什么这样设计,可以那几个同类产品来比较,他们的异同。

另外,多分析一些用户群体特征,其实做产品的人最大的资源就是曾经服务过的用户,产品经理对于使用这些用户的了解对于公司是最有价值的。

第三,积累理论知识,上面说的使用别的产品是实践理论的一个不错方式,可以拿着理论去核实这些理论都是如何展示在现实例子上做的。

最后,掌握一些产品设计的工具,例如axure、图形工具、网页制作工具。在做的过程中才是建立自己一套产品体系的关键。

先从哪里开始呢?看你距离哪个条件最近吧!人要从简单的事情做起,从自己最擅长的事情做起!

Avatar

lixiaohua

九月 29th, 2009 at 20:15

谢谢你,思域。
为了核实我是否理解到你所表达的意思,我把你的回答总结了如下几个方面:

1。换位思考与类比总结,以用户和产品设计师的角色去使用和思考同类产品,不仅要走完流程,而且要在使用中发现和总结同类产品之间的相异之处,多问自己几个为什么?
2. 以用户为中心,尽量多的分析产品用户群体的各种特征,抓住用户的最需求,同时懂得利用自己身边现有的资源,服务过的用户往往比潜在用户挖掘出更多有价值的信息。
3. 软实力的提升,理论的积累与理论的实践,以现实中的例子去验证理论。
4. 硬实力的提升,产品设计工具的掌握与熟练使用,以axure为代表。

作为应届毕业生,没有工作经验,需要再具备以下层面的经验:
一、基础层面,行业、产品、用户的认知与理解;
二、实施层面,
1.与人的沟通
2.与物的沟通
工作的方法与工具的使用,以何种方式处理产品设计过程中的问题。
前期是一种思维方式的培养,后期是将其运用到具体的案例中……

以上是我的理解,不知道与你所表达的意思是否对称?

Comment Form

About this blog

产品设计、产品运营、产品营销。讲述产品经理自己的故事!

Photostream