广告人干货库 广告人干货库
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方
  • 注册
  • 登录
🔥广告公司导航    🔥方案库    🔥案例库    🔥加VIP会员    🔥4A公司招聘
🔥广告公司导航    🔥方案库    🔥4A公司招聘

UI设计师日常三步曲:体验产品、发现细节、记录思考

黑马家族
5 年前

作为产品设计师来说,体验产品、发现细节、记录思考,是我们的日常习惯,基于优秀之上才能创作出更好的解决方案。

【携程】的动态呼吸达人榜

进入“携程”社区栏目,推荐中的达人榜活动采用动效的方式展示。榜单第一人,固定展示。其余名次通过缩小消失、放大出现的效果出现,很有呼吸的感觉。动效的加入在让页面活泼起来的同时让活动变得更吸睛,此外还体现出活动“竞选中”的时间动态,表意清晰。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【携程】凸显产品属性的收藏

进入“携程”社区,用户发布的贴子左下方会标示出地名,紧挨着的是“想去”。点击“想去”,即出现“收藏成功”的提示。

视觉设计上将黑灰色的位置和蓝色渐变的收藏连接在一起,整体样式像一个滑动开关,有彩色的收藏很能引起点击欲。信息上将两者强关联起来,并且通过“想去”的文案,凸显了携程旅行的产品特色。比起千篇一律的“收藏”,更能激起用户的同理心,增加产品温度,提高用户好感度。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【凯叔讲故事】带任务的气泡评论头像

在收听凯叔讲故事的内容,想要发表留言时可以选择使用自己喜欢的气泡头像,但是需要你先关注公众号。点击关注即可进入微信小程序,完成关注可以使用气泡评论。

气泡头像充满个性,吸引力很强。操作任务比较简单,不花什么时间,通过简单的操作方式轻松获取了微信用户。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【平安银行】信用卡申请时的签名设计

平安银行信用卡申请时点击签名,出现签名弹窗,米字格的设计配合灰色的名字,考虑到特殊人群的使用,方便不识字用户。同样的设计还使用在保险单签约系统中。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【宜家】场景化搜索

进入“宜家”,点击场景购,可按卧室、厨房等场景美图挑选家居商品。点击自己喜欢的风格图片,进入即可看到美图中相关的商品。

挑选家居时,最担心的就是怎么搭配。场景购更具代入感,直接通过挑选自己喜欢的风格即可轻松购买到其中使用的商品,还可以直接参考美图的装饰和摆放,十分方便。省去了用户自己做攻略,找参考,再去网上搜类似商品的麻烦。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【小红书】观看视频的倍速选择

进入小红书当看到自己感兴趣的视频点击进入,长按出现浮层,可根据自己需要选择相应的倍速观看视频。

观看视频的倍速选择,目前成为视频类的标配,可以有效帮助用户节约时间,提升体验。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【天猫超市】的堆叠筛选设计

进入淘宝天猫超市,当点选商品品类后,金刚区的分类设计图标便以堆叠的方式置于搜索框前面,充分利用空间,商品内容展示更多。当用户需要其他品类时,点选即可展开,通过滑动的方式进行筛选。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【当当】下拉进入搜索推荐页

进入“当当”,下拉幅度很大时松手即可进入“二楼”搜索推荐页。与点击搜索框结果一样,可进入相同的搜索推荐页。

用户进入当当,最想做的事情就是浏览和购买书籍,两种方式的入口,能够帮助带着购买目标的用户快速进入搜索页,搜索想要的书籍。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【京东】下拉进入活动页

进入“京东”首页,当下拉时会有“下拉更新”的提示,并且露出二楼部分活动内容,好奇心驱使用户继续下拉,并出现“继续下拉有惊喜”,当拉到一定位置即出现“松手得惊喜”提示,此时,松手即可进入产品活动页。

用下拉的方式,充分利用有效空间,利用用户的好奇心,促进用户主动点击。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【迪卡侬】沉浸式的商品购买推荐

进入“迪卡侬”小程序首页,“侬说搭配”板块,通过吸睛的图片吸引用户,并将图片中的产品罗列展示出来,点击即可跳转到商品购买页。沉浸式的模特场景图片十分具有代入感,可激起用户购买欲,同时还可以直接看到上身效果图,方便用户。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【迪卡侬】品牌化的图标图形设计

“迪卡侬”小程序中,tab bar图标、页签、以及返回顶部的浮标按钮等,都统一将“/”造型运用其中,体现力量和速度,突出品牌经营内容,与运动紧密联系,并且与品牌logo中的“A”呼应,强化品牌印象。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【丁香医生】将内容与搜索标题强相关的设计

进入“丁香医生”首页,搜索框中“孕育百科”的标题突出设计,并且通过气泡框的形式将推荐内容与搜索标题强相关起来。

一方面,通过举例加深用户对于“用户百科”内容的理解,降低用户认知的成本;另一方面,通过对一些热门主题以及权威解答的内容展示出来,方便用户点击查看,缩短操作路径,提升用户体验;最后,这一设计呼应搜索框“有问题,一搜就懂”,强化产品“为学习型妈妈服务”的产品理念。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【有道词典】逼死强迫症的消息通知

进入“有道词典”我的页面,顶部的通知铃铛设计除了有常规的红点加数字提示外,还给它歪了十几度,当点击图标查看通知后,红点提示消失,铃铛也回归正位。

歪掉的铃铛,配合提示的红点设计,十分符合外力作用使铃铛摇动的现象,由于其是静止状态,让用户十分不舒服,不由得就想给它挪正,从而促使用户点击图标,查看通知。利用用户不舒服的心理,刺激用户做出反应,点击通知,十分巧妙。没有炫技,简单高效,恰到好处。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【唯品会】返回顶部的悬浮按钮设计

进入“唯品会”在浏览某一品类时,滑动时悬浮按钮给出n/F的提示,n代表目前浏览了多少,F代表所有该产品的数量。当滑动停止时,提示变更为“顶部”,点击即可回到顶部。

数字提示的运用,让用户有可控感,可感知到产品的尽头,会自己评判可以继续看下去,且浏览不会是个无底洞。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

【京东】常购清单的贴心设计

进入“京东”的我的页面,点击我的订单,除了看到最近的订单外,上面会有常购清单以及降价提醒,贴心的提示用户可以进行购买。点击进去可以看到更多的常购物品展示,并且展示统计的已购次数。

常购清单的设计,一方面,因为是常购物品,所以可见是必需品或者是消耗品,是用户十分熟悉的,通过展示部分常购商品,唤醒用户回忆,配合降价提醒,提高用户点击率和转化率;另一方面,也方便用户更便捷的购买常需物品,而且还会以更优惠的价格买到商品,方便用户。

UI设计师日常三步曲:体验产品、发现细节、记录思考-广告人干货库

本期产品设计细节分享结束,我们下期再见。

感谢你的阅读支持 · 欢迎留言互动


UI设计师日常三步曲:体验产品、发现细节、记录思考



UI设计产品运营广告人干货库
黑马家族
一群执着于设计的黑马,为你带来原创设计文章/教程/职场经验/专业拔高。

黑马家族

一群执着于设计的黑马,为你带来原创设计文章/教程/职场经验/专业拔高。
18
文章
0
评论
0
获赞

找工作

👉 想跳槽,要涨薪,找工作,就上4A招聘

快讯

立秋仪式感,沪上阿姨奉上秋日第一杯宠爱
8 小时前
时隔十年重逢,宋茜出任 OLAY 全新品牌代言人
13 小时前
百事户外大屏创意出圈
2 天前
杭州地铁泥猫海报引发网络热议
2 天前
更多

扫码进品牌营销案例群

热文推荐

TOP1
淘小宝联名的风,刮到了异宠界
4 周前
TOP2
品牌叙事,能为品牌解决什么问题
4 天前
TOP3
品牌的文化感
1 周前
TOP4
Apple×岳云鹏第4季:隐私保护用 iPhone,省心
4 周前
TOP5
葵花熊胆痔灵膏,把难言之隐玩成「疼痛艺术」
1 周前

好文推荐

“千元丑鞋”昂跑,凭什么让中产买单?
谁懂啊,既下山这个品牌太好了
如何提升销售额?一个公式拆解增长密码!

专题展示

世界杯营销案例28

创意干货55

品牌30讲27

品牌咨询行业的10大误导纠错13

品牌定位40讲40

小红书运营143

品牌方推荐

avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for

广告公司推荐

avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for

方案怎么写,扫码来干货库看看

  • 方案库
  • 加 VIP 
  • 用户评价
  • 行业报告库
  • 关于我们
Copyright © 2020-2026 广告人干货库. Designed by nicetheme. 网站地图 川公网安备51015602000692号 蜀ICP备2023018979号
  • 广告人干货库19093
  • 品牌营销6027
  • 案例库5749
  • 品牌营销案例库5531
  • 品牌策略3376
现在登录
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方