设计避坑阿里设计师花好几天精心设计的图标,为什么用户说像「小虫子」?

产品: 淘宝猎人: 龙爪槐守望者 时间: 2小时前

淘宝

与「淘宝」有关的细节还有 134查看全部

我也有新发现 我要投稿
阿里设计师花好几天精心设计的图标,为什么用户说像「小虫子」?阿里设计师花好几天精心设计的图标,为什么用户说像「小虫子」?

细节描述

龙爪槐守望者: 电商App在大促期间更换图标,已经成了一种主流的「图标营销」手段,它本质上是把App图标从一个功能入口,变成了一个临时的广告位。有用户觉得这样更吸引眼球,更有氛围,也有用户觉得是牛皮藓。 我们来看看这次的主角——淘宝的「超级88」活动图标。从图片上看,这个图标色彩鲜艳,元素丰富,充满了热闹的购物氛围。图标里环绕着金元宝、小花、闪电等元素,整体视觉冲击力很强,信息传达直白有力。问题就出在了左下角那个小小的咖啡杯上。在大尺寸的设计稿里,这个带有棕色杯盖的咖啡杯,无疑是个增添生活气息和趣味性的彩蛋。可一旦被压缩到手机桌面那个几毫米见方的图标格子里,这个原本精致的细节就灾难性地糊掉了,变成了一个无法辨识、酷似小虫子或屏幕灰尘的深色斑点,显得格外突兀。有好几个用户反馈图标难看。 永远要在真实的最终场景中去验证你的设计。我们不能沉浸在高清大屏的设计稿中自嗨,而忽视了用户真正在手机、手表甚至更小设备上看到的样子。

96人评分
收藏
分享细节海报

发表评论 为下方 3 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

马蜂窝别出心裁的空状态设计
马蜂窝

设计彩蛋马蜂窝别出心裁的空状态设计

猎人 - 卷卷墩儿浪里个浪8.8

在「马蜂窝」浏览「我的」页面时,若问答、圈子无内容,除了显示「这里空空如也~」的文案提示,还会用真实摄影图片,加上拍摄地提示,而用户点击图片时也能刷新更换成另一张风景图。用贴...

查看详情

#信息呈现#情感化设计#空状态

淘宝问问帮你搜索更多更精准
淘宝

用户体验淘宝问问帮你搜索更多更精准

猎人 - 卷卷墩儿浪里个浪9.8

在「淘宝」反复搜索同一关键词,若搜索后都是那几个商品咋办?不用心烦。当用户搜索同一关键词超过1定次数后,底部会自动出现「淘宝问问」提示条,根据AI智能匹配推荐更多问句选项,用...

查看详情

#AI#人性化#情境预判

多邻国App的桌面图标怎么变成这样了?
Duolingo多邻国

设计彩蛋多邻国App的桌面图标怎么变成这样了?

猎人 - AmberDu小白8.0

「多邻国」App的主屏幕猫头鹰图标藏着很多有意思的彩蛋,比如认真学习每日打卡时,会有奖励的表情彩蛋出现;而偷懒不学习时,也会触发或「阴阳怪气」或生气发怒的彩蛋图标,来督促你学...

查看详情

#Duolingo#图标#情感化设计