Archive for 四月, 2007

大家打开六间房这个网站 拿他做例子 看一下他的频道页面是如何展示内容的 http://www.6rooms.com/videos/n他的”节目”频道 就类似新浪的新闻频道 所有节目都在这个频道里面 这个频道一打开,看起来内容不多,第一屏才显示10个。其实不然,这个页面对于视频分享类型的网站处理得还不错,内容展示也很到位 大家看下面这个图 注意他的导航分布 频道导航 横着展示 分类导航 竖着展示 频道导航 有最新发布 最常播放 等六个频道 竖的有16个分类 每屏显示20个节目 6*16*20=1920个节目 六间房这个页面其实展示了1920个节目,加上翻页,完全可以显示上万个内容。 那么 用户是不是真的会从这上万个节目里面挑呢?不是的。 作为第一次来这个网站的用户 大多是扫一眼 也许不会点击频道或者分类 可是作为对这个网站稍微熟悉的用户 是会对自己想看的内容分类的 这时候网站就要揣摩用户的心理 而六间房,好就好在,他把主动权交给用户了。 横处显示所有频道,竖的显示所有分类 用户要看什么内容用户自己作主,很明显 两条直角边是垂直的,而且用户在网页上有位置感 上图里面的每个灰色的小点 就是用户所在的位置 用户不容易迷失,而且点与点之间的切换很方便 那么三角形的两条边不变 你如何组装让他们的面积最大呢? 上面那个图 红色边为A 蓝色边为B 他们之间当然是成为直角的时候 组成的三角形面积最大了 所以 这个垂直看大家如何理解了 大家再来看看  www.donews.com 他的形式和六间房类似,左边也有分类,可是点左边的分类大家就会发现不同了。 那么对于哪些网站适合用六间房这种模式呢? 对于分类清晰,内容更新量不是很大,用户以娱乐体验为主的社区类网站比较适合六间房这种方式 而donews采用了这种模式,反而误导了用户 上图有十五个灰点,要看哪个灰点的内容 这个是你的选择 频道页面不是网站首页,他们的任务也不一样 不知道大家是否还记得首页的十二个任务 [...]

好 现在我们看新浪 有人说六间房和新浪不是一个类型的网站 非常正确 今天要说的就是这两类不同的网站 他们内容都展示得很到位 那么他们分别都是采用什么展示方式 http://news.sina.com.cn 大家打开新浪的新闻频道 今天我们说频道 首页和底层页面的内容展示前几期说过了 来看一下新浪的这个频道他是如何安排内容的,一样有频道导航和分类导航,顶部那个就是频道导航了 下面小一些的红圈就是分类导航了 排行 滚动 图片 国内 国际 社会 军事 宽频 法治 评论 健康 环保 天气 体育 娱乐 科技 财经 专题 文字版 手机版 这是这个频道的分类 大家看看是不是散落在页面上的?而且散落得有规律,得一直往下拉页面 六间房采用了,不停的点击鼠标的方式,而新浪采用了不停的拉滚动条的方式 六间房采用了内容在一个直角三角形里面展示的方式 新浪呢?来看一个图 新浪的每个频道是一个面 这个面上有规则的散落着他的分类 而面与面之间用网站导航串起来 六间房和新浪网内容展示方式有缺点列比: web1.0门户频道内容展示与web.0网站频道内容展示模型对比

今天这个话题不好说,主要包括两个内容. 第一是用户空间前台页面的架构 第二是用户空间管理后台的架构 而现在用户空间种类很多,比如博客、播可、维客、个人相册、招聘网站的个人简介、征婚交友的个人魅力空间等等,这些都是个人空间,而且每种空间的架构各不相同. 既然如此我们不可能泛泛的把每个都说一遍,也不好逐个细纠.那就从用户的需求出发,也罗列一下个人空间前台页面以及后台管理的一些基本元素吧! 第一:用户空间前台页面架构的基本元素. 要了解一个页面的基本元素,应该角色入手,页面做出来是给人看的、听的、用的.一个用户体验良好的页面,就应该是没有一点多于的内容和功能,就像一个精神抖擞的业务员,身上没有一块烂肉. 对于空间的前台页面有两个基本角色我们需要考虑――浏览者和空间的主人 浏览者有四个动作:看、听、交流、抓取 空间的主人就两个目的:展示、交流 那么我作为空间的主人,要展示什么我作主.文字、图片、动画、音频、视频.展示可以看到和听到的,展示主人社会关系,另外也展示主人的个性,”你看,我是世界上独一无二的.”这些也真是浏览者看和听的内容. 关于交流无非就是四种:留言、评论、发邮件、即时聊天. 对于浏览者的抓取,就是收藏、订阅、转载、引用、下载用户的内容,比如文字、图片、音频、视频. 好了,我们整理一下: 个人空间可展示的内容包括: 文字、图片、动画、音频、视频、个人简介、好友、圈子 个人空间可提供的功能包括: 留言、评论、发邮件、即时聊天、收藏、订阅、转载、引用、下载 以上是个人空间可能展示的全部内容和功能。并不是所有空间都要具备以上这些内容和功能,思域要说的是根据自己网站和用户群体的不同,有针对性的挑选出一些组装成一个合乎用户需求的空间。 个人只是整个网络的一分子,个人空间就是网络上一个属于自己的地方或者说一亩三分地。我们用Emre Sokullu的这幅图来说明一下个人在网络社会中所扮演的角色。 这幅画所代表的就是个人,大众化网络文化的劳动者,这个巨大的用户创造的社会化网络中的参与者。加入上图左边那个人的轮廓就是你,下面是对图中的线圈做的描述: 蓝色虚线:是你每时每刻被他人所看到的外在的那一面。 红色云装物:是你的思维,想法,记忆和其他你生命中的事物(不仅仅是昙花一现的那些); 黑色内圈:是你最内在的那一面,你的恐惧,你通常会藏起来,不让外人看到的那些东西; 绿色箭头:代表着你和其他人的关系和交流。 把这几个东西加起来,就成为了你--网络上既公开又私密的你。进一步说,这似乎会成为一种趋势。Emre Sokullu叫它OpenYou,它意味着网络中的人们正越变越开放。 按照上图的几个圈,个人空间按照用户需求可以分为展示型、沟通型、存储型、综合型。 展示为主:求职招聘网站、类似淘宝和易趣之类的网上商店等等 用户在你的空间可以看到、听到与你有关联的内容,比如你的个人档案、文章、产品等等。 沟通为主:电子邮箱、SNS社会网络等等 网站为你提供了信息传送的功能,作为这部分网站,他应该不断的完善其为用户提供的此类功能。 存储为主:个人相册、网络硬盘、私秘日记等等 存储为主的个人空间,也许更多的是一个私人世界,这里有你的相册、你的日记、你的资料、你需要方便携带的东西。所以安全性、保密性、空间大小是用户看重的。 综合型:综合型就是综合了展示、沟通、存储,例如征婚交友网站、播客、播客、维客等等。 综合型的个人空间,就是个人的虚拟世界,他能在这里生活、工作、学习、交友,BSP就是由千万个这样的虚拟世界组成的。 关于个人空间前台展示的总结:任何一个网站只有两样东西――内容和功能,即用户看得到、听得到、用得到的。你给用户提供空间的类型不同,决定了你应该在哪方面下功夫。 第二:用户个人空间管理后台的架构 思域考虑了一下,这部分打算延续到人机交互设计这个主题的时候再详细说,因为后台是给用户使用的,在做架构的时候勿必要站在用户的角度,以用户为中心来设计和架构!

之前思域说到了主页的设计,如果把主页比作网站门面,那么导航就是通道,这些通道走向网站的每个角落,导航的设计是否合理对于一个网站是具有非常大意义的。

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


About this blog

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

Photostream