悠悠有品app交互优化

这是一个csgo游戏的饰品交易平台，玩家可以在平台上上架/租赁自己的武器皮肤和饰品，作为一个csgo爱好者，我个人觉得大部分交互设计做的还是可圈可点的，至少满足了倒爷、炒爷和普通玩家的大部分需求，csgo的饰品市场就和股市一样，会有涨幅波动，贵的饰品甚至高达几百万，便宜的可能就几分钱就能买得到，假如你运气好开出金色饰品，那就会大赚一笔。

最近也是在该平台上买卖了一些饰品，我发现还是有一些交互体验可以再优化一下，我们一起来看看吧。

首先是关于库存饰品的售卖和租赁，点击库存中的商品，后顶部的搜索bar和筛选bar都是隐藏，同时顶部左上角出现关闭，右上角出现全选，底部会出现出售和出租的按钮，变成了一个选择库存饰品上架的场景。

其实按照常规的售卖商品的逻辑，我们的做法是先点击一个售卖或者上架的按钮，然后再选择你要卖的东西，像某鱼这样，但这里和某鱼的区别是我能够在平台上看到我自己的库存或者饰品，我既可以选择在底部的出售按钮里上架，也可以直接在库存里点击商品，选择出售，给了两个出售的路径。

我们也来分析一下会有哪些问题：

1.当用户想查看自己库存商品详情的时候却变成了选中，如果要查看饰品的详情需要点击标题，而不是图片，所以这里的热区是有有个部分的。

2.用户往下滑动浏览，很容易误操作而选中某一个饰品进入选择上架模式。

3.退出上架模式的关闭在左上角，很难被发现，首先是动效并没有很好的引导用户看到顶部新出来的信息，所以一开始我很奇怪这个状态该怎么退出去，因为我本意并不是要去卖东西，只是不小心选中了一个饰品。

虽然在库存里直接选择饰品上架很快捷，但是无疑也会造成新老用户的误操作和困扰。所以我觉得也可以这样优化一下。两个解决方案，第一个是让用户主动去选择上架，我认为主动上架的操作和直接让用户点击的会让用户对自己的行为更有聚焦性和准确性。查看就是查看，出售就是出售，不要混在一起做交互，毕竟两个不同的热区很隐蔽，学习成本也很高，所以可以在当前的筛选bar右侧放一个上架按钮，或者在搜索框右侧放一个上架按钮。第二种方案则是保守一点，还是按照原来的交互逻辑，但是退出的按钮要放在底部滑出的栏上，视觉都会聚焦在一起，让用更直观的知道怎么退出当前状态。

第二个问题是在于选择饰品的时候，饰品的类型是否为暗金或普通，暗金类商品会带有数据技术功能可以记录杀敌数，所以大部分饰品的价格都会因为类型不同而变化，所以用户需要购买的时候就会对这些饰品进行类型的切换。但是现在切换的按钮在所有类型的最后，也并不是固定的，所以这里只需要把普通和暗金的切换做成固定即可。

- END -

注：交互设计学堂公众号接受投稿啦，如果你有好的原创设计类文章，可联系客服。别让灵感溜走，快来投稿吧~~