淘日本 – 仅仅从交互设计去看待

日期 : 2010年6月1日 23:06 pm 标签 : - 又设又计 评论 : 17 feet 日历 : 1 Jun 2010


折腾了半年的 “淘日本”终于在又惊又陷的状态下发布了。且不说这个产品是不是成功的,因为我还不知道这东西能不能赚钱,一切都是作为一个旁观者去看待。难得blog里聊 工作的事情,只是因为付出了很多,需要去表达出来。

但是我还是比较纠结于,站上的一些交互,也算是做为一种总结,或者说是一种发泄也好

总的来说,从交互设计去看待这个产品,我给自己打个不及格。
因为这个上面有太多东西需要去纠正, 有太多交互需要去否定,但是因为某些客官的因素,我对此无能为力。

既然如此,我们就退一步用一种学习的眼光去分析这个页面:

这个版本的淘日本的原型是上一版的淘宝商城,所以出处都有淘宝的些许气息。但是在此之上增加了一些杂乱的风格,
如:
页面设计元素中的字体选择过多,页面参差不齐。

部分元素模糊太深,导致页面不精致,边界不清晰。

图片上的字体没有经过锐化处理,降低了可识别性,显得不精致。甚至有些12px 的字可以直接使用,code 就可以实现。

区块中元素过多,用色过多,眼花缭乱。

交互部分太隐秘我想一般人是不知道这里有个tab 切换 按钮,甚至这东西不是定时滑动,还有就是 箭头太小,我想一般有钱人都点不到 – -

链接的下划线,是强调这个是一个链接,还是告诉用户,样式出问题了?
已经有不少开发同学询问我 ,这块是不是 样式还没写好,咋觉得没有样式一样,我知道这是日本网站的链接风格(日本的网站,一般都在链接下增加下划线以告诉用户这个是一个链接,非常遥远的历史,也不知道是谁起头的,也不知道什么时候会改革),但是你要知道,连开发这样不懂设计的都以为是没加样式,意思是他们的潜意识里,中文链接下面不加下划线看着会舒服些。既然要做一个中文的网站,一个链接有没有下划线,不能突出什么,何不考虑其他样式来突出 链接的 重要性,以及层次性。

交互设计不同于视觉设计,交互是为了帮助用户实现某些功能的便捷设计,仅仅是为了好看,牺牲用户体验是不可取的。

另外,想说的是,一个面向用户群是中文用户的网站首页(首页完全可以人为控制),竟然用了如此多的日文设计,甚至影响到样式的 字体设置(当前页面的默认字体,是优化日文显示的),牺牲了中文,以及数字英文的显示效果。非常不可取。

好了 末了~
总结了这么多。祝愿:淘日本能走远点,不要停下来,要飞快的,想淘宝一样。

哟?不错哎 订阅飞鱼的RSS Feeds 回去慢慢看^_^

您可能还对这些日志感兴趣 - 随意

该文章已经被摸了381次。 共有 17 条评论

  1. 1. 团伙分享创意 2010年6月9日 at 2:26

    博客很漂亮啊,也很鲜明,主题不错。上面的头部再宽点就好了,博主的主题能分享就好啦~呵呵呵呵

    回复

  2. 2. 团伙分享创意 2010年6月9日 at 2:27

    板凳我也要啦~~

    回复

  3. 3. 葉子 2010年6月9日 at 10:45

    还没有细看淘日本…

    回复

  4. 4. seri 2010年6月12日 at 17:00

    只是,那个拿相机的女子,貌似是偶一个朋友,盗图咩?

    回复

    飞鱼 Reply:

    哈~~ 盗盗更健康,撞衫了··· 8是我干的

    回复

  5. 5. piao2010 2010年6月16日 at 19:55

    飞鱼还是这么强大,原来淘日本是你们做出来的?

    回复

    飞鱼 Reply:

    哈~~ 惭愧惭愧···

    回复

  6. 6. 三月天 2010年6月18日 at 19:37

    呃。。。淘日本的页面好像没统筹设计过一样,是淘宝的产品吗?
    华丽丽丽的四块黑底色,直接无言。

    回复

    飞鱼 Reply:

    同感

    回复

  7. 7. 三月天 2010年6月18日 at 19:38

    飞鱼?七色鸟斑竹?

    回复

  8. 8. HicroKee 2010年6月22日 at 12:59

    链接加下划线并不是日本风格特有的啊,一般也就比较旧的小站才保留这种默认的风格。
    不过淘宝的页面一向是乱 只是淘日本特别乱罢了

    回复

    飞鱼 Reply:

    额~~ 这个我比较犹豫,我们部门以前有日本同事说:为啥这些链接不加上下划线,这样用户以为是文字,整个一杯具~~~

    回复

  9. 9. 路过 2010年7月7日 at 15:19

    其实日本站的页面我觉得实在失水准的。连个A片都找不到,简直糊弄人的嘛 -_-||

    回复

    飞鱼 Reply:

    这个~~~ 这个 真找不到···· 但可以找到 比较H 的手办 ~ 哈~~

    回复

    飞鱼 Reply:

    找不到A 片 找B 片 哈·~~~

    回复

  10. 10. 任鸟飞 2010年7月8日 at 19:18

    分析的头头是道,这也是我以后做设计要注意的问题。

    回复

  11. 11. zbk 2010年9月15日 at 15:17

    个人感觉,不加下划线,总购物的人也会知道的!

    回复

发表评论

评论仅支持“a、abbr、strong、em、blockquote、code”几个简单的标签