“完美”的抄袭

很多人都注意到了,苏宁易购在九月二十六号,网站改版上线,杂一看,改版的非常不错,相比之前有了很多的进步,从上到下,整体都很同一。(但文字太多,显得视乎有点碎了~~~

但细细看来,就感觉有很多不对劲的,可能经常上淘宝,淘宝商城购物的网友就肯定很快就看出来了~ 我的天啊! 我上错网站了吗?? 仔细看下域名~~ 看下logo~~~ 完全没问题啊~~ 苏宁易购~~(如果不知道苏宁易购的,肯定以为是中国的山寨~~~

以上两张看出来没有。(页面的下面我们就不看了,现在比较流行楼层,1F,2F……7F。很多网站都用了这个,包括京东,当当~~(我在想这些公司要有没有架构师用户体验这些岗位,没有最好,有的话,还是割掉的好~~

我们看看他们相同的地方吧,我做了个图示对比:(不知道大家第一眼感觉是什么样的吧?(我考~ 太想了~~~

其实最相同的地方是在架构方面,什么地方放什么模块,模块里在放什么,相似度90%以上~~~

1. 头部广告,高宽完全一样(1000px*40px),最让我受不了的事,TMD 颜色都那么的淘宝,红色偏暗,在偏点粉红色,稍微上淘宝的人都能看的出来,这个地方,最让人想起淘宝的原因之一。(还包括中间的聚合图片色调)

2. 导航差不多,色彩是不一样,形式完全~~ 用了通栏~~~(这一点看上去最大的不同

3. 导航右侧广告

4. 右边公告切换,完全相同,就是少了个内容~~~ 色调都是一样的~~

5. 这个…. 我不讲了~~ 看图吧~~

6. 忘记讲一点了,导航最右边的网站导航,包括形式,包括色…. 都完全的完全~~~

与其讲他们的相同点,还不如现在找下他们的不同点。

1. 首先应该是主色调上,主色调蓝色 / 橙色。

2. logo不同,这点很重要,他们还记住了~~ (哈哈~~

3. 搜索框架不同,没淘宝的精心了~~

4. 在导航上用了通栏,这点和主色调,是整个网站区别于淘宝的重要2点因素。

其实,我在这讲这么多,并不是讽刺挖苦这种抄袭,在中国这种大环境下,抄袭太正常了。但抄袭也有分不同情况,有一种成功的抄袭叫腾讯,有一种失败的抄袭叫山寨。

一种是局部“借鉴”,例如:楼层。或借鉴形式,或借鉴视觉。与自己的交互,或视觉结合,产生自己的东西。

另一种就是完全的抄袭,但是你要超越被你抄袭的对象。在这点上,苏宁易购显然没有做到~~

我想这次的改版,对苏宁易购团队来讲也许只是很短暂的停息,通过这次来改变整体网站的形象,然后在做一个慢慢的细节调整,也许在不久的12月里应该又要开始下一轮改版了。苏宁易购在上线2年以来,每次的改变都是大刀阔斧的,网友也许哪天打开苏宁易购突然发现进入“另一个网站”。这一点也说明了苏宁易购平台的未成熟/稳定,以及易购(研发)团队的单薄~~~

苏宁易购需要大刀阔斧的改变,更需要不断的尝试,但也需要尽快的稳定成熟。

希望苏宁易购视觉研发早日稳定成熟,给我们带来个不一样的电子商务帝国~~~

web信息架构和社会化

大家都喜欢PPT,那就分享吧。
这个演讲稿实际有34页,拆分“动作”之后变成63页面。
下面是简单的解释,为了给书友会各舵主使用的,都分享出来吧。
真害怕误导大家,喜欢速读的朋友直接阅读61页,就可以了。

第1页
web信息架构这本书是十几年前信息数字化沉淀下来的理论体系,而今,互联网的发展让用户从当初的简单消费到深度参与。这次演讲的内容,主要不侧重说概念,而是说如何构建一个让用户深度参与的信息系统。

第2页
网上经常遇到留言,说没有干货,那就提前申明一下,这次照旧没有干货。

第3、4页
北京报名的问题库,现场也可以继续提问题。(新浪微博活动功能不靠谱!)

第5页
一个信息系统,每个人都有自己的想法,谁对此负责,统筹这件事情?

第6、7页
在没有深度实践,对过来翻译的理论存在理解的偏差。

第8、9页
维基百科其中对信息架构定义的一个版本。

第10页
信息架构的位置,与交互设计、导航设计的关系。

第11、12页
有很多术语和名词,《web信息架构》中都有,我们这次重点并非翻译这些概念,有不理解的,可以现场交流。

第13页
设计师通常的设计过程是按“逻辑页面”、用户使用流程、用户用例谈体验,而对于一个内容网站,核心的体验却是内容本身,内容本身是什么,周围的关系是什么,如何组织它们。

第14页
从宏观来看,信息页虽然被设计师抽象成“一个页面”,但实际上,成千上万的内容,是用户的目的地。随着网站的发展,越来越多的用户,他们知道你网站的第一个链接,是内容页,而非首页。

第15页
视图1:单个用户通常对整个信息系统的视野,仅仅是他感兴趣+他能力范围可见的一个部分。
视图2:真实的情况是,每个用户都只能看到部分,而你如何让这个系统对每个人都有效。

第16页
是上页面的延续和总结

第17页
是豆瓣09年的用户真实访问路径的一个可视化视图。
圆的大小代表热门曾度,箭头代表从A类页面到B类页面的概率大小。

第18、19页
通常,内容网站的方法,业内很多专家会告诉你,你应该做SEO、做社会化营销,要推广你的内容。相比较如何优化你的内容本身,大家更加热衷制造流量的高峰。

其实关于SEO,无非是搜索引擎关于信息架构的规则输出,而且是基于搜索友好,基于各个领域信息的最粗略版本的规则。关于社会化营销,依然如此。

那些奇技淫巧被“专家”捧得太高,不断优化网站的信息系统才是核心的竞争力。

第20页

这个页面主要是阐述两个纬度:
1 自然属性:单则信息+信息与信息之间的关系(在没有用户参与前提下,信息天然就是如此)
2 社会属性:从信息的产生=》最终用户的消费(他们如何参与到这个系统里面)
小号字是这几个纬度在设计中要考虑的要素。

信息粒度:举例“歌曲”、“专辑”,“相册”、“照片”。
元数据:信息包含哪些字段。
规模:信息数量有多大。
时效、长尾:内容以什么频率更新,用户的注意力是聚焦还是分散的?例如:相比上百万人同时关注上映的几部电影,书籍的注意力就显得长尾一些。

传统和数字化:这类信息在没有被数字化之前,市场情况如何,用户习惯如何。数字化之后呢?
利益链:内容是由谁产生的,他们生产信息的动力是什么,谁来帮助传播,能否抵达最终消费用户?举例:房产信息网站
情景:用户在什么情景下查找信息,用什么设备?
消费周期:每天?每周?每月?每年?还是一竿子买卖?
社会化方式:在消费信息的过程中,用户愿意做什么,是否需要交流?

第21页
关于一个西红柿,大家对此的说法都不一样:
有别名
有错别字
被加工后的状态
增加定语后的样子
甚至有些定语加上去,对于用户来说是两样东西:小西红柿。这些是通过简单的技术分词,无法处理的领域。一个好的系统,需要把这些“看法不一”规则化。帮助用户查询,也帮助信息建立关系。

另外,关于西红柿
每个元数据,都可能让信息和信息之间建立联系。
西红柿和西瓜,不是因为他们都是水果,而是因为他们都是夏天的时令食材。
西红柿和鸡蛋,因为大家经常用他们搭配。

通过处理元数据,找到信息和信息之间的关联办法,关联的强弱。

第22页
除了了解信息,还需要了解你的用户。图中是下厨房的用户模型,数据比例当时是猜测的,实际情况是产生内容的人要远远低于这个百分比。

第23页
做信息架构讲究深入浅出:
自然属性的深度,决定范围,是不容易迭代的,需要全面和深入。找到信息和信息之间的现有规律。
社会属性是给产品建立竞争门槛的,你期望用什么样的规则,来引导用户如何使用你的产品。

下面是这些要素的一个递进的过程。

第24页
构建一个信息架构的顺序。根据这些要素,一步一步地迭代。

第25页
在用户浏览地过程中,用户愿意为这个系统wiki什么内容?
豆瓣的一部电影也许有500W人访问过,得到近20W人的评分、近10W人的短评、几千人的长篇评论。
这些转化率是固定的吗?是否可以平移的呢?
不一定:
有些书籍是有社会化效应的,用户愿意为此交流,但对于很多教辅、母婴类畅销书籍,用户并不需要这些社会化功能。

第26页
这页主要是想说,利用用户的相关行为,如何帮助用户计算出相关的,可能感兴趣的东西。
而所有这些相关,都需要探索和试验。

第27页
一个信息系统,重点在于是规则让信息变得有序。

第28、29页
淘宝的将各种纬度的信息罗列给用户的方式,信息的各种纬度也都考虑到,但这感觉,就好像用户在使用一个机器,你把零部件全部暴露出来。这并不优雅。
印象中淘宝在分类体系的“交互层面”,做了很多很多的大小改版,调整分类的交互,搜索的悬浮窗口。

29页举例:商家总把一些信息杂音增加到标题,甚至图片上面,为什么?是不是规则的设计不合理?这种对用户甄别信息是否有帮助?有没有什么办法解决呢?
一个好的信息系统,不要让商家去想那些奇技淫巧做注意力,而是让商家只管卖物美价廉的商品,谁的服务好,谁就得利。

第30页
优雅的架构:一个复杂的系统,不是要让用户觉得复杂,用户只需要知道,他要的你能给。你怎么给的原理,他不需要知道。

第31、32、33、34页
就不解释了。