乐视商城PC端评价晒单项目交互流程图

用户头像
北京/设计爱好者/9年前/1351浏览
乐视商城PC端评价晒单项目交互流程图

对PC端评价晒单的用户体验提升

源于之前的评价晒单体验较差,比如评价和晒单是两个并列的评价体系,针对一个既可以评价,也可以晒单。。。等等诸如此类,我们对评价晒单进行优化


首先,评价与晒单一体,传图片即为晒单;


丨第二,在订单当前页面进行评价晒单;

0f135846ac50a8012060c82587be.jpg

我们是希望用户可以尽可能少的跳转,而且在当前页面完成评价晒单,也利于用户继续下一个订单的评价操作,不用来回跳转。


丨第三,默认两个晒单的坑位,全部显示出来,当用户上传两个之后,出现第三个坑位

f2745846b12ca801219c77b81911.jpg直接出现两个坑位可以让用户感知需要上传2张图片,而且这个地方开发有限制,不能一次性上传五张,主要原因是如果用户上传时多选大于五张图片的话,不是很好处理,在体验上也会存在损失


a2345846b229a801219c7737e256.jpg当用户上传两张后出现第三个坑位,这样的交互更容易让用户产生一步步做任务的feel,更容易上传多张图片,晒单是促进销售的重要因素,对于用户来说,商品详情页就是网红P过的蛇精脸,晒单。。。就是卸妆照:grinning:。


丨第四,当达到上传时的交互操作

d2ea5846b4a8a8012060c8fca7a4.jpg在用户上传5张之后不再出现添加按钮,让用户知道已经达到上限了,如果用户希望继续上传的话可以选择用鼠标滑过其中一张,这时出现删除按钮,对该张图片进行删除,然后再次上传新的图片。


丨第五,添加标签的操作

0f8e5846b63ea801219c779abf1b.jpg当用户点击添加标签时,原地出现添加框,且焦点位于其中,用户直接输入标签内容即可,这就是最少操作,成本最少的原则。


丨第六,报错反馈与极端情况

40b75846ba0ca8012060c83ea777.jpg我们的规定是用户最多添加五个标签,已经添加5个之后,再次点击添加就会出现错误提示信息;

当时有人提议说这个地方的逻辑与添加图片一致是否更合适,即已经达到5个的上限后,添加按钮置灰,并直接提示已达上限;

那么这里我们其实是为数据埋点而服务的,在是否允许用户删除自己添加的标签上面,我们内部是有矛盾的,我的理解是说,乐视商城还很年轻,纯粹的高级用户是极少的,在没有正向鼓励的情况下(例如添加标签送乐豆),用户添加多个标签的情况一定是极少的,我们不允许用户删除自己创建的标签,这个对绝大多数的用户来说都是毫无影响的;

上面就是争议所在,所以我们最后在这里埋点,统计在添加了五个“有效”标签后,再次点击添加标签的用户数量,数字是保密的,结论是保密的,都是保密的:stuck_out_tongue_closed_eyes:。

下面是几种普通报错状态--

a9ab5846bdc9a801219c77c7a1dd.jpg


ae435846bdd9a8012060c84a4e56.jpg


丨第七,整个评价晒单项目还包括一些其它的页面

7c6a5846bea8a801219c77a85711.jpg

比如我们的会对评价系统进行优化,使之更符合乐视商城的形象,详尽的数据化展示会感觉有科技感,更容易让用户产生信服感等。


丨第八,应开发要求描述了一下翻页的逻辑

226a5846bfe9a801219c77a79dcc.jpg

综上就是项目中一些重点交互流程及反馈。

3
举报
|
10
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】游戏/娱乐icon
拟物风质感写实UI卡片合集源文件
UI通用设计素材1
UI 登录界面设计模板包
【新年UI图标】影音icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】30个图标
我的钱包-UI界面设计-app
新能源APP应用UIKit
Security Camera UI kit
【新年UI图标】珠宝icon
钱包ui模板
3D卡通UI界面图标可爱插画免扣素
户外旅行飞机情侣假日出行
【新年UI图标】钱包icon
新拟态风格 UI设计组件库
【新年UI图标】秒杀icon
3D渐变流体抽象矢量UI背景图
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】会员icon
盲盒APP UI设计
矢量立体简约UI蓝白图标
【新年UI图标】汽车icon
你可能喜欢
大家都在看
登录注册