「虎嗅」将用户喜恶态度占比可视化的小心机 - 优设网 - UISDC

用户体验 「虎嗅」将用户喜恶态度占比可视化的小心机

产品：虎嗅 iOS 作者：虎嗅团队 时间：2018-10-11

猎人： 小白 观众：1824人

细节描述

「虎嗅」App 的评论区被设计得十分巧妙，用户不仅能对每条评论进行「点赞」或「踩一踩」的操作来表达自己的观点喜恶，还能通过评论下方统计条的红蓝色块面积直接看出多数人对此所持态度的占比。信息的可视化表达 ，比单纯的文字或数字信息更加清晰直观。这样的小心机设计，会不会「刺激」到正在围观的你加入「站队」的行列，表达自己的立场呢？

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# 信息可视化# 即时反馈# 情绪# 新闻# 易用性# 虎嗅# 设计逻辑
加长

发表评论 加载中....

评论加载中....

下一篇

捕获自 Bilibili Android

你将掌握 设计彩蛋 的小知识~

这个小电视我也就点了100下

登录小电视家安卓版本的App向左滑动，侧面菜单栏背景里的小电视图案是可以戳的哦 。触摸小电视它就会出现卖萌表情的反馈，简直不...

官方微信

weixin
设计头条 行业热门
交友脱单 活动丰富
干货私单 涨薪法宝

优设官微 掌上更精彩 扫码关注

相关细节

交互手势 关于App页面底部的留白设计，值得思考的事情

「想去」App的信息流滑到页面底部会出现一只鲨鱼追逐小鱼的加载动画。这不仅是个有故事情境的微交互小动画，其实也偷偷将产品的Logo融入了其中，巧妙地强化了品牌形象。简洁的动效符合产品极简的整体调性，趣味性的加入缓解了用户等待加载时的焦虑情绪，营造的轻松的氛围拉近了与用户的距离感。值得注意的是，随着iPhoneX的流行（设计iPhoneX的页面时底部需留出一定的安全区域），页面底部留白的设计会越来越受到重视。

产品：想去 iOS 作者：想去设计团队 猎人： 小白

交互手势 使用iOS系统的同学，怎样提升App的使用效率？

很多人成为果粉这么久可能都没有好好研究过iOS系统为我们贴心设计的隐藏小功能，比如「3DTouch」。3DTouch功能根据按压力度的不同可以响应不同的事件，其中特别实用的一个功能就是呼出应用的快捷菜单。按住App图标往旁边拖动，力度适中时会弹出一个快捷操作弹窗显示该App主要的功能。不用打开整个App在桌面就可快速进行常用功能的操作，使用App的效率真的提升了好多呢~ 投稿人：Lutt

产品：iOS系统 作者：Apple设计团队 猎人： 小白

用户体验 「微信」上线新的朋友圈可见范围，你会设置「最近一个月」可见么？

「微信」又迎来更新，发布7.0.4新版本。最受关注的新改变莫过于新增允许朋友查看朋友圈「最近一个月」的范围设置选项。这是继2017年3月，「微信」上线允许朋友查看朋友圈可设定时间范围后，首次更新这个功能。不记得从什么时候开始，大家对发朋友圈分享生活的热情变成了对发表言论与状态的「恐惧」。很多人曾抱怨可见范围选项半年太长，三天太短，如今新增的一个月范围设定无疑是在之前的时间选项中找到了一个平衡点，给用户提供了更加合理的多一种选择。看到有网友提出无法迎合所有用户的需求，不如用户自己设定可见时间好了。你们觉得这个想法如何？如果可以自己提出一个想要的「微信」功能，你希望是什么功能呢？欢迎在下面留言一起讨论：）

产品：微信iOS 作者：微信设计团队 猎人： 小白

用户体验 已经很晚了，要不要降低视频音量再播放呢？

「大片」是一款极具个性与时尚感的短视频分享平台，它的视频内容展示逻辑与「抖音」相似，都是打开应用就可以直接获取内容，在入口就自动播放编辑推荐的优质内容。这样的内容展示形式缩短了用户的操作路径，降低了获取成本。但不足之处也很明显，突然出现的视频外放音时常让人猝不及防，尤其在晚上的时候过大的声音可能会影响他人。「大片」App团队就很贴心的注意到了这个细节，在晚上打开应用时会在短视频自动播放前就先出现阻断播放行为的模态弹窗，提示用户音量过高并对是否降低音量做出选择。对使用情境的预判和考量可以说是很周全了。

产品：大片 Android 作者：大片设计团队 猎人： 小白

优设精选专题 查看更多

105748人看过 7篇文章

每月前端法宝

全栈设计师的最爱

每个月最新的前端开发框架，各种新鲜的工具和宝贝层出不穷，没错~都会收集到这个专题里，让你的前端工作效率突飞猛进。
查看专题
1228608人看过 12篇文章

免费资源

最新最全的设计资源打包下载

精心挑选，贴心打包是本专题的原则。这儿不仅有超过1000款的笔刷，500套样机，还有很难找到的点线面素材、网页渐变背景、PPT 模板等等。是时候打开它们，高效补充你的素材弹药库了！
查看专题
306410人看过 20篇文章

VR设计

从零开始的VR 设计学习实践指南

本专题可能是你见过最全面的VR 设计学习指南。从基础概念、主流平台到学习方法、实战案例无一不包，还有VR 前景探索，VR 相关资源包下载等等。来这里让你一站式学习VR 设计！
查看专题
514447人看过 8篇文章

微信小程序

今年最热的小程序设计和开发方法

就在上个月，微信小程序的用户突破6个亿，如此庞大的体量，让很多公司跃跃欲试。不过很多设计师和工程师之前没做过微信小程序，不知道如何开始，本专题为此而生，从基础知识、官方指南到实战技巧、案例复盘都有，让新手快速掌握微信小程序的设计和开发方法。
查看专题

设计师基础理论书 查看更多

情境交互设计：为生活而设计（第二版）

可作为国内互联网公司UED团队的日常工作指导用书

Karen Holtzblatt
清华大学出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳
中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼
中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett
机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter
机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红
人民邮电出版社
书到用时方恨少 > >
版式设计 设计师 扁平化设计 交互设计师 界面设计 优设专访 排版布局 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 设计师专访 字体下载 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计 优设网 在这里