最美交互:哔哩哔哩轻轻一击,控制弹幕;大众点评看地图找美食
乔布斯说过“设计除了表面的交互和视觉,更多的是设计它的使用感受。”
设计日记星球第五期全新推出「每日交互」栏目,汇集最新最快的设计细节信息,用直观的案例,表达核心的玩法,记录着真实商业世界正在发生的设计细节。
01
淘宝进入精选评价页面时,底部会出现相关宝贝的链接浮窗,当用户下拉时浮窗会收缩至右下角,待停止操作几秒后会重新拉开,便于用户进行跳转。
这个设计可以很好的让用户进行文章的阅读,不会被宝贝浮窗影响阅读,提升用户感受,浮窗内容使用了实际的宝贝图和价格,便于用户提取信息和去购买。
02
Fit
@太阳🌞
03
哔 哩 哔 哩
@zL
用户双指同时双击播放页面,可以快速关闭或开启弹幕。
B站的视频播放页不仅有清晰的弹幕开关按钮,又可以使用炫酷的手势操作来开启关闭弹幕。通过在可控的页面中,提供不同的操作方式让用户找到最适合自己的操作。
04
Odio
@Zip丶釗
相比分散的元素而言,相似的元素会被认为是有关联的。相似性帮助我们用关联性组织元素,这些属性可以是颜色,大小,形状或方向。
Odio通过文案的位置体现这些功能是相似而类型不同,通过图片的图案同类的相似性,让同类型的环境音效的联系更加强烈,最后通过颜色做区分,使每种环境音效同中有异,既可以联系在一起也有自己独特的个性。
05
大 众 点 评
@SORANnn
从大众点评的体验上说,有太多的选择标签和榜单,例如,从一个美食上说,如果我不知道要吃点什么,来到大众点评来浏览时,除非有特定目标非常明确以外,都很难做决定,因为不同维度的可选择标签太多了,看来看去,逛来逛去,最后处于一个选择困难的状态。
06
大 众 点 评
用户和朋友在外面玩到中午饭点时间,不知道附近有什么吃的,通过大众点评地图寻找附近的美食。
解决用户不知道吃什么的问题;通过地图显示附近美食帮助用户选择,提高用户选择效率。
07
最 右
添写资料时,点击“性别标签”除了选中状态的颜色变化,icon间隔几秒会有动效,时刻提醒当前选中的是什么标签(形式新颖);刚进入app网络慢加载不出来时,出现IP形象提示用户:正在加载中;选择3个喜欢的内容“进入”按钮高亮(容错性-操作中)。
网络慢时,可以改成色块=页面大致布局+IP形象,反馈用户的同时让用户对界面有初步预判。
08
用户在QQ的聊天界面中长按选择聊天记录,出现截图选项,点击进入截图界面。截图界面中有隐藏昵称的功能,同时将头像也一并打码。
在截图时,用户常常有对聊天记录打码的需求,QQ将这一功能嵌入,再也不用手动打码啦!同时,用户还能够对聊天记录选择性保存,可操作性大,不用因此再次编辑。这两项功能极大地提升了用户使用的便捷性。
09
Telegram
当删除对话或者退出群组的时候,屏幕下方会出现倒计时撤回的提示框。
删除时出现倒计时,并给时间思考撤回让用户更有安全感,符合尼尔森原则的状态可见性,以及防错性,方便用户撤回毁灭性操作。
↓ ↓ ↓ 交互合集 ↓ ↓ ↓
B站高德 | 企业微信菜鸟 | 腾讯视频菜鸟 | 淘宝QQ | 哔哩哔哩盒马 | 微信小米输入法 | 微信高德