发现【唯品会】app的一些交互问题
写这篇文章是因为发现了一些唯品会app中的自己认为不足的地方。体验了，发现了，就写了~欢迎大家就我提出的问题拍砖~
体验的平台是ios的，版本是：V2.8.1，是最新版。
唯品会ios客户端，版本号：V2.8.1
关于导航
唯品会app中全局导航包括了三大方面：标签栏，左边抽屉侧拉，悬浮标签
唯品会ios端的导航
首先说说主体标签栏，主体标签栏是可以左右滑动的；且用户也可以随意点击选择其中一项；向左滑动标签栏的最左边标签，可以侧拉出左边的抽屉页；向右滑动标签栏的最右边标签，可以侧拉出右边的抽屉页。嗯，咋的一看觉得是挺方便的，哇塞可以左右滑动导航中的选项，多方便，单手操作爽歪歪！但是实际操作起来我不得不说这个体验太差了！
1：这个标签栏的高度太矮了，与顶端导航栏相切，且顶端导航栏放置了三个功能按钮。如果用户点击选择标签项，那就很容易误触到导航上面的三个按钮！以前做过这样子的一个交互布局，我们也是把一个功能的按钮放在了主体导航下面（功能按钮上方也是有一个按钮），功能按钮的高度应该跟唯品会这个标签栏的高度差不多，结果我们弄出来后发现了一个问题，就是在安卓上妥妥点击地选中，可是在ios上就是会老误触顶端导航的按钮，问了很多人才明白到，其实在ios上原生主体导航的按钮的触控范围会加大一些的！因此我们往后都特别注意导航下面放置标签栏了！我们那个只是一个小功能罢了，而唯品会这里的标签栏是主体导航的重要组成部分，用户日日夜夜使用你的应用，该会有多少次误触的机会呀！这可是造成了用户多大的麻烦！
经检测标签栏的高度只有70px，主题导航的高度为88px
2：向左滑动标签栏的最左边标签，侧拉出左边的抽屉页；向右滑动标签栏的最右边标签，侧拉出右边的抽屉页，可以随意切换重要的页面真的好吗？标签栏最左边标签，乃是用户一进到app就看到的，是一个重要的类目。结合使用场景，用户可能在地铁上使用全神贯注地使用这个应用，地铁上的环境比较不稳定，用户很容易站立着但是左摇右摆。由于这个页面可以左右滑动，很容易就会误滑动到另外一个页面，把用户的使用流程打断，这是多么沮丧，给人一种多么不安稳的感觉！
再说说主体导航页中固定的悬浮标签。这个悬浮标签包括了三个按钮：个人中心，收藏，购物车，按钮是一直固定在页面中的，当页面滑动到一定距离时，就会出现回到顶端的示例箭头，那么这时就会有四个标签固定在页面了。咋的一看，也是觉得挺方便，但是用户起来很可能就是一脸郁闷：
1. 太碍眼！因为是一直固定在页面，所以每次滑动查看那些店铺列表的时候，总是感觉有东西叠在图片上阻挡，很多时还是四个小东西在阻挡。每个标签项中的页面都有这几个功能，只能说有强迫症的用户，会不会有想把这几个小东西移走的感觉？而且这几个小东西放在这个页面上会不会分散用户的注意力呢？用户在此页面会不会只想好好地查看有那些品牌在搞折扣活动？纵观全局来看，唯品这样子做也是没有办法，因为他们不启用类似于其他电商的导航布局（页面底下有固定的标签栏，每个标签栏就是不同的大模块）
四个小图标放置在页面底端
2. 这三个按钮：个人中心，我的收藏，购物车横穿了标签栏及店铺首页，可能在标签栏的页面中，这三个东西是比较重要的，但是在进入店铺首页这几个东西都真的起到那么大作用吗？如果从用户标签页中的列表进来，无非就是想看看这个品牌到底有哪些商品，这些商品都在做什么折扣了，对有意向的商品再进行下一步的深入操作。而个人中心，我的收藏，在这里的作用就不大了。用户已经进入了店铺的商品页看商品，这时他想浏览个人中心的几率到底有多高？这时他想浏览我的收藏的几率到底有多高？作为一个购物者来说一般进入品牌商品页的动机无疑都是想关注商家的商品，而不是我已经购买过的或者收藏了的商品。而且这里的个人中心与我的收藏跟此商品页的功能又是没有什么关联。既然作用不大能不能隐藏掉，不出现在店铺的商品页呢？不出来碍眼！让用户痛痛快快地寻找他想要的商品！
个人中心，我的收藏，购物车横穿了标签栏及店铺首页
关于品牌商品页
1. 筛选栏同样用了一条高度较矮的条形与导航栏相切。同样也是存在了误触的情况。真是伤不起呀。选择标签栏上的频道已经要偶尔误触一下了，进来品牌商品页筛选一下，还要再受误触的煎熬！
2.这三个按钮唯品会是用了图标来表示的，其中【我的收藏】与店铺商品页中的【收藏】图标是一样的，都是一颗心。如果用户想收藏店铺，那么会不会疑惑哪个图标才是收藏店铺呢？识别而不是回忆！
【我的收藏】和【收藏店铺】的图标都是一样
关于标签栏的列表
1. 标签栏中【最新上线】、【昨日上新】、【最后疯抢】这三页中的列表实在太花销了，在茫茫的列表中，几乎找不到关注点，看多了容易造成视觉疲劳。列表的图片太大了太花了，品牌的标识太少了。虽然看起来真的很”热闹“，但是对于想寻找品牌的用户是多少伤不起呀。看得眼都花了。就不能留点空白处让用户的眼睛歇一下？像xx算应用中的品牌栏目就做得恰到好处（如下面第二张图）。
最新上线，昨日上新，最后疯抢频道的页面构架
xx算中的品牌页面架构，清晰明了
2. 活动栏目的样式和品牌列表样式做成一样。开始用的时候，还搞不清状况：就拿【最新上线】这个频道来说，前面好个列表项都是活动的广告图，然后活动接下来就是品牌店的广告图，而且还要在一堆品牌店列表项中插播一些活动的广告图；点击活动栏目以为是品牌店，进入了一看才知道噢，原来搞错了！然后就开始细心地区分哪些块是搞活动的，哪些是品牌店的！Don't make me think！两个不同的功能项为什么样式要做得一模一样呢？活动作为一种营销的手段，更是要让用户知道，更是要突出，而不是跟列表混在一块，让用户去区分！
关于商品详情
1. 收藏商品的按钮太碍眼了！突然想起前段时间朋友圈上流行的头像上面加入红色数字标签，好多有强迫症状的人儿都受罪了，非得要把你这颗红色的小东西点到消失为止。收藏按钮要放在醒目的地方，是对的，但是将它放在商品图片上面是不是过于强调呢，而且位置也比较接近图片中间了。用户进入商品详情页就是想好好看看商品到底长什么样，商品的参数是如何的。尤其是衣物的商品详情页，商品图片尤为重要，也许用户只想好好看看商品的图片，而不像那么多碍事的小东西在阻挡眼球。有这么碍事的一个按钮放在图片上面用户会不会也想去点击一下，让它消失呢？而且这个按钮放在图片上，而图片又是可以点击的，按钮又是可以点击的，会不会造成误触呢？某宝的收藏商品按钮就放置得恰到好处（如下面第二张图）。
收藏前和收藏后
某宝的商品详情页——收藏商品
2. 更多商品详情按钮是否比唯品会正品保证提示、购物疑问的优先级高？在这个场景中无疑用户需要查看商品详情的概率比需要去购物咨询、需要查看唯品会正品提示的几率高。关于购物咨询，一般用户购物都是先看好了商品详情后，如果有什么不懂的，再去咨询商家。而且我想一般人都会想在网上购物的时候都想可以自助解决吧，除非商家对商品的说明不完善；关于唯品会的正品提示，这里也许唯品会很想强调自己卖的是正品，但是将这个信息放到这么重要的位置，而且每个商品详情页都会出现，用户是否会觉得这个信息会很烦人，而且很可能用户刚开始使用应用的时候会对这个信息进行阅读，但是如果往后都会出现的话，用户就不会再想去看了，因为已经知道你要说明什么东西了。所以这些信息的重要性是否要重新衡量一下，然后给它一个适合它的位置！
唯品会的商品详情页
以为图片分别为：某宝，某东，某猫，还有xx淘的商品详情页
可以看到的是这几个电商平台的【更多商品详情】的入口都是占据着比较重要的位置。个人觉得无论你的平台重点要宣杨哪种自身的特点，对于用户来说详情的商品详情介绍永远都是很重要。有多少个人会认识品牌中的各种商品的属性参数呢？乃至于不用去看商品详情了。
3. 两个购物篮位置这么接近是否会有歧义？用户进入到商品详情页看到页面底栏出现了两个购物车的按钮是否会造成疑惑？记得可用性10大原则说过：识别而不是回忆。一般我们的做法都是能不让用户困惑就不让用户困惑，也许这里的设计可以做的更好吧！
两个购物车的按钮是否好？
总结：纵观唯品会这个app好多问题都是因为导航的设计所引发的，所以一个好的导航是一个好体验的开始。无论app还是web，导航非常重要。开始做之前要想清楚，导航是否可扩展日后的功能，是否可以清晰引导用户去使用，使用这样子的导航是否会给用户带来不便。想清楚了以后产品迭代及功能叠加就更加容易了！永远记住当确定好的事情再去推翻就没那么容易了！永远都没你想的那么容易！
时间不足，就先写那么多吧。以后有发现新的问题就继续更新。这篇文章仅代表本人自己的观点，无任何商业行为，请释知~
