悠悠有品app交互优化

百科 2024-10-21 08:50 浙江

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

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

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

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

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

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

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

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

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

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

http://mp.weixin.qq.com/s?__biz=MzIzOTQ2MzE0MA==&mid=2247527744&idx=1&sn=e6a2a06917c4f8789cad96639c140653

应谋鬼计

专注UI、交互等体验设计，每天分享相关和原创文章，不定期开设免费公开课和更多自学资源

最新文章

这是我最近见过最棒的5年经验UI作品集之一

怎么把握UX设计中创新的这个“度”

【学员作品】B端5年+UI设计作品集

【学员作品】腾讯实习设计作品集

20分钟，教你撰写对标BAT的个人简历

想好好系统学一下UX但是没有时间怎么办？

【作品集】MY Token 个人资产管理App作品包装

聊聊50万+年薪学员的故事

聊聊转行

【学员作品·6】潮玩·抽奖小程序UI作品集

作品集和知识体系搭建

悠悠有品app交互优化

职场大考！关于设计晋升的秘籍

50万年薪对于设计师来说究竟难不难

设计职场技巧：如何解决临时问题/突发状况和项目方质疑

装修杀青

【青山·艺术生活季】开票！现在满脑子都是国庆！

【学员作品·5】资深设计师的B端作品集

【学员作品】5年经验的UI作品集该怎么做

学员UX项目/作品包装5：充电服务平台、华住会官网设计

设计求职陪跑为什么能帮这么多学拿到offer

学员UX项目/作品包装-第三弹：结算侠、工行智能终端

学员UX项目/作品包装-第二弹：智慧交通

2024互联网公司中秋礼盒大盘点！

AI创作大赛开启：总价值35万元奖池，200个获奖名额，大厂实习机会！

利用产品思维成为offer收割机，面试成功率直线提升

设计求职陪跑为什么能帮这么多学拿到offer

面试官看了都摇头，测试题到底怎么做？

学员近期UI/UX作品集合集展示第一部分

我们都是天命人，致敬黑神话！

设计师显示器购买指南

就差那么一丝丝，你就有面试机会了！

交互说明都写不好还想进大厂？赶紧收藏起来练一练

从一个面试都没有到拿3、4个Offer是什么体验

破防了！面试官在面试的时候犯困很正常？！

UI/UX求职全流程陪跑私教

万字长文 - 新手设计师的成长之路！

【求职】5年UI设计作品集

设计师总要懂点常用数据·上篇

单枪匹马找工作到底有多难

跳槽涨薪的三大要素

UI/UX求职全流程陪跑私教

【干货】D20峰会·分论坛：AI时代的设计才刚刚开始

提升PC端交互的小技巧-鼠标指针的秘密

Midjourney 支持个性化微调啦！一文详解新功能 Personalization！

我给产品培训设计美学，UI都直呼不要卷了

C端UI设计师看不起B端UI设计师？C端和B端UI设计价值有何差异？

分类

时事

民生

政务

教育

文化

科技

财富

体娱

健康

情感

旅行

百科

职场

楼市

企业

乐活

学术

汽车

时尚

创业

美食

幽默

美体

文摘

原创标签

时事社会财经军事教育体育科技汽车科学房产搞笑综艺明星音乐动漫游戏时尚健康旅游美食生活摄影宠物职场育儿情感小说曲艺文化历史三农文学娱乐电影视频图片新闻宗教电视剧纪录片广告创意壁纸头像心灵鸡汤星座命理教育培训艺术文化金融财经健康医疗美妆时尚餐饮美食母婴育儿社会新闻工业农业时事政治星座占卜幽默笑话独立短篇连载作品文化历史科技互联网

发布位置

广东北京山东江苏河南浙江山西福建河北上海四川陕西湖南安徽湖北内蒙古江西云南广西甘肃辽宁黑龙江贵州新疆重庆吉林天津海南青海宁夏西藏香港澳门台湾美国加拿大澳大利亚日本新加坡英国西班牙新西兰韩国泰国法国德国意大利缅甸菲律宾马来西亚越南荷兰柬埔寨俄罗斯巴西智利卢森堡芬兰瑞典比利时瑞士土耳其斐济挪威朝鲜尼日利亚阿根廷匈牙利爱尔兰印度老挝葡萄牙乌克兰印度尼西亚哈萨克斯坦塔吉克斯坦希腊南非蒙古奥地利肯尼亚加纳丹麦津巴布韦埃及坦桑尼亚捷克阿联酋安哥拉