UI/UE产品体验日记丨17期
Hello大家好,我是杜昭
2020年挑战100个产品案例解读
今天分享76-80个案例
80:淘宝首页又改版了,感觉像是在学抖音
给大家带来的是淘宝中的一个案例。场景如下:
最近,淘宝的首页又迎来了比较重大的改版。现阶段还在做灰度测试,作者找朋友要了两张图来和大家一起看看他改版的新设计。
首先是淘宝直播聚划算这些比较重要的模块儿呢,全部放到了信息流里面,就是猜你喜欢里面。猜你喜欢的在页面中的重要程度变得更高了,形式也更接近信息流。如下图

打开后进入的页面则是一个信息流:

就像快消品一样,可以让用户反复的消耗。并且高频的需要。新内容又能够促进用户再次进来。
这样一来,用户活跃度就提高了。而如果只依靠功能的话。则效果会比较差,比如说电子名片产品。用户只有在工作的时候。和别人交换名片的场景下,才需要用到这个功能。
所以它的使用频率会比较低。当然有的时候也会存在一些高频的功能,比如说微信的聊天就是最典型的一种。淘宝在今年陆续上线了很多内容型的东西,比如淘宝直播。就属于一种内容。
我们看上面这张图,就会发现他其实和抖音非常像。不停的上滑下滑,就可以看到很多连续性的内容。就像是我们在看抖音的时候。不知不觉就花费了非常多时间,那淘宝,当然也希望用户在这个产品里有很多逛的场景,有很多消费时间的场景。
之前看到过一点数据。在最近的两年。头条系的产品压缩了很多腾讯系产品的用户使用时间。淘宝也受到了一些影响。所以淘宝的改版方向慢慢的向内容方向发展。也是不得不做出的选择。
79:支付宝里面这么重要的业务居然不遵守一致性法则?
给大家带来的是支付宝中的一个案例。场景如下:
我们都知道一致性在产品设计中的重要性,视觉设计和颜色的一致性能够打造品牌感,交互方式的一致性能够减少用户的学习成本,提高操作效率。在不同页面图标一致能够减轻用户的认知成本和记忆负担。
但是在支付宝中,余额宝这个图标在两个页面却不一致,如下图:

首页

财富页面
我们可以看到,在两个页面中,余额宝图标的颜色是不一致的。像支付宝这样的产品,这肯定不是一个设计错误,那么这里为什么不一致呢?作者的想法是这样的:
余额宝业务在两个页面中,它的“信息地位”是不一样的。
在首页中,支付宝是仅次于收付款功能的使用最高频的功能之一,并且在业务上也非常重要。业务方希望用户把更多的钱存到余额宝里面。这样就能获得投资收益。并判断用户的消费能力。后续决定花呗额度等等服务。
在财富页面中,理财方式除了余额宝之外,还有股票、基金、黄金等等很多种其他类型的,那么这些类型的理财相对于余额宝能够带给公司的收益是更高的,我们都知道。余额宝儿是免费用的,并且还会给我们利息,但是像股票基金黄金这些东西,他都是有手续费的,这些手续费呢,支付宝也能够拿到一部分,所以对公司来说,它的收益是要远远高于余额宝的,像保险之类的产品,它的分成就更高了,这个也不用作者多说。
所以在这个页面里,余额宝的入口不应该比其它理财产品更强。虽然这样做打破了一致性,但是我们要知道。有效性的优先级是大于一致性的。或者说。信息强度的正确性是大于一致性的。一致性也要根据当前所处的场景来考虑。
78:菜鸟裹裹加密了你的惊喜
给大家带来的是作者使用菜鸟裹裹APP的一个痛点:
作者平时取快递使用菜鸟裹裹,前几天打开菜鸟裹裹查看淘宝订单的物流,惊喜发现多了一个快递信息,仔细一看是朋友送的礼物,物品购买的平台【天猫】、物品图片、朋友淘宝id【我爱淘6480】、购买的商品的标题及物流快递信息都有显示,如下图:

点击进入后不可直接跳转到淘宝商品详情页,提示“不是您购买的商品,无法查看订单详情”,菜鸟目前提供的包裹相关信息,足以让用户清楚的了解该商品,失去了送礼物的神秘与惊喜感;
菜鸟裹裹产品的用户,会获取到该绑定手机号所有的物流状态及物品链接信息。作者记得在2018年时,菜鸟有一个包裹加密的功能,可以防止礼物信息被朋友提前知晓,加密包裹按钮的出现需要满足两个条件:1.包裹未发货的状态;2.对方绑定了和下载了菜鸟裹裹APP;现在包裹加密的功能已经下线了,具体下线的原因不太清楚;
作者认为收礼物方的菜鸟裹裹订单list,至少需要隐藏图片信息、购买者id信息及商品名字的操作,覆盖全部的用户使用场景,避免尴尬出现。
77:IOS14更新了一版我曾经被驳回的设计
大家好我是杜昭,今天是日更100天挑战的第77天,给大家带来的是IOS14中的一个案例。场景如下:
Ios14系统到来之后,作者发现其中的闹钟APP有了一个新的设计,并且这个设计作者之前也想过,最后都被否定了。我们在新建一个闹钟的时候,需要设置这个闹钟的时间设置时间。
设置时间一般会有两种方式,一种方式是手动点击输入,另一种方式是滑动选择输入。
滑动输入由于可以减少用户的点击行为,并且依靠滑动的惯性能够快速的找到自己想要的数值,所以一般会认为滑动输入的效率更高。体验更好。手动输入则在灵活性和自由度上更有优势。
滑动输入还可以在一定程度上减少用户的认知成本,比如说我们在输入日期是八月,是只输入一个8还是输入08就是一个问题,如果程序上考虑的不完善的话,可能就和用户的输入习惯不一致,发生错误。
一般我们在选择日期和选择时间是。都习惯使用滑动的方式。市面上很多成型的控件也都是这样的。但是在Ios14的系统里。采用了两种形式都可以的方式如下图:
作者之前也做过类似的设计,但是被认为同时存在两种方式是非常多余的。所以最后作者的方案也没有被通过。
我们来看一下苹果的这种方案,其实这两种输入方式并不是平级的,而是手动输入更加突出,滑动稍弱一些只是作为调整的手段,作者说一个场景大家就明白了:
我想订一个闹钟,说明天早上六点要起来,但是呢,又突然觉得六点太早了,可能会很困,所以想把这个时间改到七点,这个时候如果只有输入方式的话,那就需要去先删除,再重新输入。
但是如果两种方式同时存在的话,那直接滑动一下6就可以了,所以我们可以看到,在这个页面里滑动的触控区域是非常小的,因为它只是作为一个辅助手段。
不得不说,苹果的设计方案真的是非常优秀,即使是创建闹钟这样一个小小的功能,也能够想到很多东西。
76:质疑高德地图的设计,你觉得在地点结果中显示房价信息合理吗?
大家好我是杜昭,今天是日更100天挑战的第76天,给大家带来的是高德地图中的一个案例。场景如下:
因为作者最近要结婚了,所以在邀请一些同学参加婚礼的时候要告诉他们地点,昨天在和一个同学聊天的时候突然发现。他用的高德地图APP在搜索地点时,居然直接显示了房价,作者测试截图如下:
我们来看一下苹果的这种方案,其实这两种输入方式并不是平级的,而是手动输入更加突出,滑动稍弱一些只是作为调整的手段,作者说一个场景大家就明白了:
我想订一个闹钟,说明天早上六点要起来,但是呢,又突然觉得六点太早了,可能会很困,所以想把这个时间改到七点,这个时候如果只有输入方式的话,那就需要去先删除,再重新输入。
但是如果两种方式同时存在的话,那直接滑动一下6就可以了,所以我们可以看到,在这个页面里滑动的触控区域是非常小的,因为它只是作为一个辅助手段。
不得不说,苹果的设计方案真的是非常优秀,即使是创建闹钟这样一个小小的功能,也能够想到很多东西。
76:质疑高德地图的设计,你觉得在地点结果中显示房价信息合理吗?

















































































