陪你逛网页的「秀宝」是谁？ - 优设网 - UISDC

陪你逛网页的「秀宝」是谁？ - 优设网 - UISDC

用户体验陪你逛网页的「秀宝」是谁？

产品：奇迹秀作者：奇迹秀设计团队时间：2019-03-13

猎人： Candice° 投稿：卷毛观众：3188人

细节描述

Candice°：逛「奇迹秀」的时候偶然发现了网站的卡通形象秀宝，会在用户浏览网站的过程中陪伴用户一起互动。秀宝有很多的互动效果：鼠标不触碰到它时，它会展现出心情很好的状态，并且时而自言自语时而为用户提供一些功能提示。当双击秀宝时，它会突然发火，逃避你的抓取并且满屏幕乱串。如一直点击秀宝和它玩儿，它还会弹出很多可爱的小表情。有了情感化设计的秀宝陪伴，网站的趣味性与互动性都提升了许多。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异

本篇知识点及话题# 互动 # 奇迹秀 # 工具 # 微交互 # 情感化设计 # 用户体验 # 设计逻辑 # 趣味性

发表评论加载中....

评论加载中....

相关细节

设计彩蛋「虾米音乐」在Mac状态栏里显示歌词的小彩蛋

「虾米音乐」在Mac上的歌词显示是在屏幕顶部的状态栏里，既不占用屏幕空间也不会被打开的文件和应用窗口遮挡，还能合理利用状态栏闲置的空白空间，是很赞的体验。拥有同样歌词显示交互设计的还有「QQ音乐」。但「虾米」还藏了一个其他音乐播放器都没有的小彩蛋：Mac状态栏里歌词的前方会有品牌logo，而这个logo不仅仅是图标还藏有动效反映歌曲播放的整体进度。随着音乐的播放，黑色的logo图标会慢慢变成标志性的橙色。在呈现歌曲实时播放进度的同时，也无形中强化了品牌的形象。

产品：虾米音乐作者：虾米音乐团队猎人：小白

用户体验 NOWNESS：如何巧用404页面为平台内容引流？

NOWNESS的404页面设计借鉴了电视台停播检修时的画面元素，显得复古又潮流，很符合文艺小众视频平台的定位。除了会出现配图与反馈页面状况的文案提示，页面下方还会按时间线展示平台最近更新的视频内容。文案会提示用户虽然当前搜索的内容找不到了，但可任选最新的视频直接观看。这里很好的利用了404页面本该闲置的空白空间，为网站最新的内容更新提供了引流的入口。不仅讨巧地为访问失败的不良结果提供了解决方案来消解用户的负面情绪，也更大限度的为自己平台的内容进行了导流，让网站空间被更好的利用起来。

产品：NOWNESS 作者：NOWNESS团队猎人：小白

用户体验在「腾讯视频」追剧，当播放进程被电话打断…

在「腾讯视频」看视频如果遇到播放进程被其他任务（如接电话或者分享）打断暂停的情况，当再次回到播放界面时的视频并不是接着暂停处播放的，而是会从当初的暂停处往前倒几秒播放。这就如同我们追剧时会看到很多片头都有回顾上一集剧情的道理。在这里，「腾讯视频」是想让用户通过复习倒回的几秒老画面回忆起之前的剧情，这样接着看新画面时就能更好的连接完整剧情，得到更加沉浸的观看体验。同样拥有这个贴心设计的还有「优酷视频」哦～

产品：腾讯视频 iOS 作者：腾讯视频UED 猎人：小白

优设精选专题查看更多

347197人看过 14篇文章

设计规范

那些条条框框您真得懂？

说出来你可能不信，我去了几家公司，每个公司里都让我制作设计规范，说是为了便于公司规划流程化管理，当时我可是费了老大劲...

459470人看过 14篇文章

表情设计

上亿人使用的表情是怎么诞生的？

想知道你每天都在用的表情都是如何设计出来的？这里不仅有背后的设计故事，还有表情绘制技巧和设计师专用表情包，让你成为表情包大师！

135779人看过 8篇文章

手机摄影

掌握拍摄窍门去朋友圈收赞

本专题精选了全球iPhone 摄影大赛人物类冠军和泼辣修图叶明的多篇好文，从基础构图、裁剪方法到摄影技巧无一不包，对于新手而言，看完这个专题，足以拍出一组不错的作品发到朋友圈咯！

336328人看过 15篇文章

Sketch 进阶指南

看过高手的用法，才发现自己完全不懂Sketch......

资深设计师是如何设置快捷键的？备受好评的 Sketch 的库该怎么用？听说有人可以用Sketch 搞定设计版本控制，还可以用来绘制数据图和复杂表格？这个专题收集了Sketch 最新的功能介绍和那些不为人知的高阶使用技巧，帮你从新手进化成高手！

优设热门私房课查看更多

iPad 手绘入门快速学习指南

iPad 插画练习技巧和速写方法入门科普

闫实

优设大课堂人气老师

Q版头像Ai插画疾速入门指南

不需要手绘板，零基础也能快速上手，6大知识点带你绘制专属卡通头像

周小馋

优设大课堂人气老师

UI设计师直通大厂的简历&面试秘籍

用科学系统的方法提高求职面试的成功率，比内推还有效的大厂秘诀

慕青

知名大厂设计师

包装插画入门学习指南

从接单、沟通、IP形象设计到包装印刷落地的完整过程呈现

鱼吉

艺术院校老师

腾讯设计师求职成功指南

国内顶尖设计团队「腾讯ISUX」设计师亲自撰写的求职面试经验

腾讯ISUX

国民级产品设计团队

成长型插画师的插画练习术

Dribbble 人气插画师快速成长的插画练习术揭秘

风绽

资深插画师

查看更多热门课程 > >

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

您还没有登录

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

微信扫码

扫码登录即表示您同意并遵守用户协议

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

把好文章收藏到微信

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