我们彼此之间都是陌生人,每个人的生活都是别人没有读过的小说…献上我所有的爱,望共鸣存在你我之间…

淘宝图想体验区设计思考

发布时间: 2011/11/12 Sat

类目: 色计乱弹 标签: ,,,,,,

图想体验区设计思考
这是支持图想团队的同学们的一次设计,也正是这次机会让我开始对设计做了一次思考。
图想目前的搜索流程必须经过的三步:传图(贴网络图片地址)——框选图片——类目选择,最终搜索,如下图:

图想搜索流程
也许你会问,难道就不能直接上传一张图片就搜索么。当然如果我们的搜索能够满足用户直接上传图片后就能直接给出他希望的结果,那自然是非常美好的事情,只可惜现在还是起步阶段,图片搜索的市场还是预热期,技术门槛也是,所以我们目前支持不了用户直接跳过框图步骤去搜索。
图想面临一个问题,在搜索过程中,总是有很多用户不知道要先把商品框出来再做类目选择。往往都直接选择了类目之后就直接去搜索了。于是希望在仅有的一块商品展示(即体验区),能够做些事情,让用户能够潜移默化的感觉到搜索类似的商品需要先框出商品。
一、淘宝图想体验区设计思考
针对这个需求。我们希望传达搜索需要框图的目的。对于我们想传达给用户的信息:搜索要框图(即要框出要搜索的商品)。起先的设想如下图这样就好了,告诉用户,框选商品即可。
方案一,框图即可
如图这样,觉得这样已经是ok了,这样便告诉了用户框选要搜索的商品。可是换位思考一下,这样的方式并没有让我明白图框出来的区域意欲何为?
于是我反反复复的去体验图想的搜索过程,尤其是框图的过程,每次框图总要从边缘往要搜索的商品边缘靠拢:
框图
不间断的去尝试这种,拉动靠拢的过程,于是灵感就从脑海边擦过,对,就是聚焦!,相机聚焦的瞬间就是模拟了目前我们这个搜索方式。恰好,他也符合了我们手机终端的使用交互,随拍随传,随时搜索。结合图想本身是flash的特点,实现这个效果并不困难,于是就舍弃了第一个死板的方案,采取了相机光圈聚焦模拟的方案,如下图:
方案二,相机光圈式聚焦方法
到此,最终的效果就这样决定了。但是设计的思考并没有结束。
二、视觉设计,体验制胜
最初接触网页设计,那还是美工时代的设计,重视的是:视觉效果。并且,对网页设计一窍不通的老板门就是资深的视觉鉴赏家,他们最终决定如何的视觉成果才是好的。那时候的美工很痛苦,一个案子做好多个方案,反复修改,直至崩溃。那时候的对于精致、质感的无极限的追求风很热,牛逼的设计师就是有着视觉感牛逼的作品。但是如此的追求却会让人顾此失彼,忘记了从用户的视角去审视一个的作品。于是,经常会看到虽然很漂亮,很有创意,但却不知如何使用的界面。(虽然这种现在在这个时代也不少见,甚至我的收藏夹里依然保留着多年前认为优秀的网页设计,如今却觉得它仅仅是外表光鲜。)
那些光鲜的页面,看到的部分,无可挑剔,但是用户初级需求不是好看,而是有用,然后是能用,那么可以从下面几个方面来阐释:
1)知不知道这个是什么东西?
2)能够通过这个东西做什么?
3)如何做到呢?
4)有兴趣尝试时,如何开始?
5)知道如何开始,那么怎么样去完成下一步?
这就是跨入了UED时代我们经常问自己和问用户的问题。如今我们不缺技术,不缺震撼的视觉设计,但是我们缺的是用户来体验,对于一个新生产品更是如此,我们缺少用户关注,缺少用户来用。
新的产品不可能完完全全沿用老产品的体验,虽然更多的时候我们都希望以新的产品装载旧的体验,以便达到学习成本最小的目的。但当这个目标无法达成的时候,我们要引入场景教育成本。
三、如何去设计一个场景教育,谈点粗浅的心得。
我们可以选择模拟现实行为。人从一出生到有记忆起,都在不断学习和模拟现实中的一切行为,而与我们生活息息相关的行为正是我们记忆深处很熟悉的事物。图想体验区的焦点聚合效果就是采用这种冥想,取之于生活,用之于生活。让人很容易就关注到焦点位置,从而在结果中明白焦点与结果的关系,并进一步理解这个产品。从小细节设计起,增进产品的体验。
以上都是一些菜鸟的理解思考,呵呵。


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

该文章已经被摸了255 views次。 共有 12 条评论

  1. 1 IT路人 2011年11月14日 at 19:35

    叶子,最近在干嘛呢,好久不见你更新了

    [Reply]

    葉子 Reply:

    @IT路人, 我基本上都好久不更新,一个月更新一次,是我博客的频率啊,经常长草的 哈哈

    [Reply]

    IT路人 Reply:

    @葉子, 我每天都更新的

    [Reply]

    joyanneshao Reply:

    @IT路人, 我没有你那么勤快 哈哈

  2. 2 老时 2011年11月16日 at 14:26

    搞设计的,来膜拜。

    [Reply]

  3. 3 晓伍 2011年11月16日 at 15:48

    感觉好复杂的样子,淘宝现在越做越复杂了,页面和分类巨多,汗

    [Reply]

    葉子 Reply:

    @晓伍,淘宝是越做越复杂了,业务扩大了么

    [Reply]

  4. 4 IT路人 2011年11月16日 at 19:24

    想要让网站好好走下啊

    [Reply]

  5. 5 鲜活优惠码 2011年12月9日 at 15:32

    现在比较少淘宝了

    [Reply]

  6. 6 象牙塔 2011年12月12日 at 14:34

    这个网站太漂亮了

    [Reply]

  7. 7 云刊 2011年12月13日 at 12:58

    自动聚焦体验很不错

    [Reply]

  8. 8 文件加密 2011年12月14日 at 16:58

    淘宝这个功能很不错的啊

    [Reply]

发表评论


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

亲,来一下

关于

Birth: 08/03
Name: JoyanneShao
Sex: girl
Job: web design
Contact: joyanne.shao@gmail.com
About: 做设计,画图画,有文化,没纪律,有梦想,没德纪..
Job: 在杭州企鹅基地混吃混喝~~~

新鲜的肉

最新评论

  • 所谓刚子: 真心不错。。。我一直在走山寨的路线。都快烦我自己了。。还是自 己动手设计好啊!
  • 玛雅UI: 常来做客,可以交换个连接么? 你的连接已做好,www.mayaui.com
  • sf: http://www.mooyy.com 摸鱼网安卓手机游戏和软件下载的好去处。
  • US Hosting: 立体缘何做在上沿儿?
  • sf: 我一直用www.2265.com 下载手机游戏和软件。手机游戏应有尽有 哈哈!一直用到现在,很多免费的资源