美文网首页产品交互设计
衣服购买网站选size交互细节

衣服购买网站选size交互细节

作者: 交互_物语 | 来源:发表于2018-11-09 04:00 被阅读0次

来到英国之后,深感网上买衣服的困难。主要是欧美的尺码跟国内的尺码不同,不敢确定自己穿的是什么码,有可能穿到国内适合的码数在英国就会偏大。并且对欧美的牌子并不熟悉,不能按照以往经验盲买。一般情况下,我都是去商店里面试好了,知道自己穿什么码数,之后看看网上有没有打折,会不会比线下更加便宜。如果是比线下更加便宜,可能就会入手了。但是,有的时候线下并没有实体店,不太可能线下试的情况下,网购得知自己穿什么尺码就很重要。

国内我自己买衣服最多的网站就是淘宝了。淘宝给客人选择主要是身高,比如是这样的:提供了不同尺码的袖长、胸围、衣长等等。对我来说,其实我是不清楚自己的肩宽是多少,手有多长,袖子应该有多长合适的。我都是直接上去就看身高。基本在自己身高上下浮动5cm左右的两个码数是最有可能合适自己的。然后下一步就是去问客服,我身高xxcm,体重xxkg,大概穿多少码呢。肩宽、胸围、腰围这些信息是重要的,但是对于我这种懒得要命的用户,才不会拿着量尺测量自己的精确身材指数。问客服是最快,也是最有可能贴近正确答案的选择。

来源:https://detail.tmall.com/item.htm?spm=a1z10.10443-b-s.201.8.6a2c4d8fqeD4aF&id=579805715713

也有的品牌是给模特数据参考的。但是我就不明白,为什么给的都是身高170+模特的参考?对我这种160+的女生一点参考意义都没有。

来源:https://detail.tmall.com/item.htm?spm=a1z10.10443-b-s.193.2.3b73416bfmdwBF&id=580405358602&sku_properties=20509:26888840

有的会好一点,会给到比较真实有参考性的数据。这些信息还是可以给到一些参考的。

来源:https://detail.tmall.com/item.htm?spm=a1z10.10443-b-s.193.2.3b73416bfmdwBF&id=580405358602&sku_properties=20509:26888840

今天在看大衣的时候,发现国外购物的网站,跟国内一样,都会有size guide的东西。(就是上面图片中给到适合穿不同码数的胸围、腰围等等参考数据)但是,有的网站做的尤其出彩,令人惊喜,对于我这种不精确了解自己身材的用户尤其友好。例如这个网站https://www.massimodutti.com/gb/。

来源:https://www.massimodutti.com/gb/

这个网站采用的是弹出式的窗口,就放在选择尺码的下面,让用户一眼就关注到了。而淘宝普遍采用文字说明,夹杂在商品详情当中。这就不利于初次使用的用户一眼找到关键点。点击discover your size,首先让你填身高和体重,并且有两种单位可以切换,这也太贴心了吧!

然后是可以选择身型(直译是肚子的形状,哈哈)。这个很简单,只有三个选项,一个是偏瘦,一个平均身材(或者我不知道),一个是偏胖。这个太太太好选了吧!对于有选择困难症的我都觉得很简单。这题目的设计极大地精简了选项,不会让用户觉得不会选,也不会让用户填写什么复杂的数据,符合交互设计原则,能让用户做选择尽量不要让用户填空。用户喜欢简单问题。

然后就是臀部的大致形状,图形配上文字,选项简单好选。

填写了数据之后,大致结果已经出来了,显示在界面的上方。有淡蓝色的底色显示,比较容易吸引用户的注意力。但是想要更加确定,可以填写自己的胸围等信息。左下角有返回按钮,方便用户更改之前的所有。对于胸围信息,还可以根据不同国家的size来选择,对于一个英国网站来说,真的太贴心了!照顾到很多国际友人了!(虽然这个网站没有做全世界上所有的国家)

下一步就是填写年龄,有提示说明为什么会问到年龄。因为年龄可能会影响到体重。

最后被问到的是希望穿着紧身还是宽松。哇!惊喜啊!我就喜欢大衣宽松一点,因为可能会在里面穿厚一些的毛衣,太紧了就会显得人过于臃肿。而且鼠标移动圆点,圆点上方都会显示这代表是稍微宽松(slightly loose)、宽松(loose)、非常宽松(very loose)等等。

最后给出的结果也是按比例的,告诉我大比例应该穿什么size的衣服。不是绝对说就是这个尺码。淘宝通常只会冷冰冰地显示一句“温馨提示:根据每个人的身型和喜好不同,以上结果仅供参考”。这经常让我感到,尽管我参考了尺码信息,但是做出选择的时候还是会觉得,“自己做出的选择店家概不负责” “自己选的尺码,责任自负”

虽然最后显示没有码QAQ 但是整个回答过程我感到的是如沐春风般的开心。因为被问到的每个问题,都是我能够回答,能够比较简单就回答的问题。而且问题不多,不需要我拿着标尺测量什么东西,问题设置非常好。另外回答过程中我一直都是可以返回前一步的,让我觉得可以更改答案,我不用担心我需要从头来一遍,我回答的时候就很安心。虽然这个网站是针对英国购物群体,但是也考虑到可能存在外国人不清楚英国尺码的问题,提供了国际size的相应选项。考虑到隐私问题,右上角的隐私选项点击后告诉你不会泄露任何个人信息。可以说每一步都让人觉得很舒服了。

最后填写完成,网站会保留信息,显示出最适合的尺码。

相关文章

  • 衣服购买网站选size交互细节

    来到英国之后,深感网上买衣服的困难。主要是欧美的尺码跟国内的尺码不同,不敢确定自己穿的是什么码,有可能穿到国内适合...

  • 中企动力告诉你:地方门户网站运营6大技巧

    一、网站好用好看:做好美工细节、优化交互效果,持续改善用户体验 地方门户网站精美的UI设计与良好用户体验,给用户一...

  • 网站交互

    网站的很多交互设计是由js完成的,此前的网站页面上就加有一些较为基础简单的js代码,因此在进行其他部分的施工时,正...

  • 交互网站

    1.http://collectui.com/ 2.https://muuuuu.org/ 日本网站 3.htt...

  • 衣服网站

    版权归作者所有,任何形式转载请联系作者。 作者:Jess爱听Jazz(来自豆瓣) 来源:https://www.d...

  • 选衣服

    “胡沫,你去找一下你明天你穿的衣服。”妈妈对我说。“好!”我笑着说。说完,我就去找衣服了。 我来到...

  • 选衣服

    今天选了些孩子的衣服发微信给我妈,让孩子们自己选喜欢的,我没有说要谁先选。后来大宝选了自己喜欢的衣服,一起说了妹妹...

  • 选衣服

    玖月从三岁多我们就让她自己决定每天穿什么,我一般都支持她的选择,这样可以培养她的掌控感。前天玖月突然对我说...

  • 选衣服

    洗完脚坐在沙发上感觉有点冷,随手抓了一件女儿的衣服套了起来。老公一看说,你穿女儿这件白的看起来起码年轻了五岁。 斜...

  • 微交互,也谈细节设计

    微交互,即细节设计,它是产品与人在细节处的交互设计。这些细节,设计得好,可能是短暂、微小却令人过目难忘的瞬间;设计...

网友评论

    本文标题:衣服购买网站选size交互细节

    本文链接:https://www.haomeiwen.com/subject/kwfnxqtx.html