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

用户头像
北京/设计爱好者/9年前/1356浏览
乐视商城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图标】30个图标
我的钱包-UI界面设计-app
UI 登录界面设计模板包
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】会员icon
拟物风质感写实UI卡片合集源文件
户外旅行飞机情侣假日出行
新拟态风格 UI设计组件库
【新年UI图标】汽车icon
手表表盘UI系列
科技医疗透明柜UI界面设计
3D渐变流体抽象矢量UI背景图
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
3D卡通UI界面图标可爱插画免扣素
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
【新年UI图标】钱包icon
钱包ui模板
Security Camera UI kit
盲盒APP UI设计
UI界面 组件
高级感金属拟物 UI设计组件库
【新年UI图标】秒杀icon
你可能喜欢
大家都在看
登录注册