软件教程

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

2020-07-12
软件教程

Bandcamp是一个专业的音乐平台,不同于国内「社交属性」较强的各大音乐类App,Bandcamp更像是一个巨大的世界唱片店注重将一切交换给音乐与音乐人本身。如此个性的App在产品的很多设计细节上自然也有自己独特独行,比如页面加载的设计。Bandcamp的页面加载是三个舞者battle斗舞的动画,简单的黑白色块勾勒出的人物形象,复古又酷炫。符合产品风格定位的有趣的小细节设计,在抓住目标用户口味

2020-07-12
软件教程

视频的编辑处理通常比较耗费时间,当辛苦了大半天编辑好准备存储时,你肯定不想出现什么差错,所以VUE在这里告诉用户不要急着退出,防止视频保存失败,并采用长方形的顺时针进度条,打破存储时枯燥无预期的形式,简约不失时尚感,让用户既能专注于内容本身,又能缓解存储等待时的焦虑情绪。这份仪式感也充分体现了「操作中有反馈」的交互原理。

2020-07-12
软件教程

「抽屉」是一个另类资讯应用每日网罗最新热点资讯与有趣故事段子。其内容见仁见智我们暂不做评论,今天想聊的是它的下拉刷新交互设计。如同「抽屉」这个名字,每一次资讯的下拉刷新就像抽屉的一次抽拉。下拉时页面顶部会出现一个旋转的笑脸和一句随机的文案,这样刷新的过程具有了可读性就对用户等待的焦虑感起到了缓解作用。滑动的过程有一种很「爽」的「弹力感」而不像一般的下拉反馈那样干涩。「爽」的交互体验能激发用户刷新

2020-07-12
软件教程

据统计用户可接受等待的时间平均为5-9秒,2秒以内满意度会最高。但英语流利说的课程加载页面由于音频较多,所以常常等待时间较长。因此团队通过将清晰的课程下载进度告知用户来缓解用户等待的焦虑情绪。Loading动画以老师的形象展现贴合平台属性,随着进度条加载完成的过程同步会出现一些关于英语学习的小贴士与鼓励语。文案的融入让加载过程有了可读性与意义,让等待的过程不会太枯燥同时也起到了分散用户注意力平复

2020-07-12
软件教程

相信很多人都体验过被渣网速支配的恐惧,加载慢不仅打断用户的心流(flow)影响用户体验,并且对公司而言用户的流失往往意味着商业上的损失。因此,在无法获得更快网络速度的情况下,如何减少用户在加载过程中的焦虑感就显得很重要。「动漫之家」在加载页面放了自家的IP形象,用一个想飞却飞不起来的动作表示加载过程,既符合自身的风格定位又准确抓住了目标用户的口味。在加载时,用户不仅仅不觉得焦虑反而会想多看几眼,

2020-07-12
软件教程

页面加载受到如网速等不可控因素的影响较多,因此时常会被融入有趣的动效或文案来缓解用户等待的焦虑情绪。如果你用过「鬼畜」App,一定会对它的加载画面印象深刻,因为大概没有比它更戏精的加载页了吧。App将用户剪辑鬼畜短视频的结果直接代入到加载页面中,营造出视频里的「演员们」仿佛正在后台紧张筹备马上就要上台表演的效果。如此脑洞大开与戏精十足的加载页设计也是real符合平台的品牌定位了。这么有趣的加载页

2020-07-12
软件教程

用剪辑软件剪完视频,生成导出视频的过程通常都需要经历较长时间的等待。「猫饼」App很聪明的利用了这个枯燥的等待时间,将视频生成的过程直接转移至「热门」的信息流主页进行。当页面底部的储存进度条在努力加载时,页面的中间会自动播放其他用户的热门视频。对用户而言,等待自己视频被保存的同时也欣赏了他人的作品,原本焦虑的情绪得到了缓解;对产品而言,巧妙的页面跳转设计于无形中增加了对用户进行内容推广的机会,也

2020-07-12
软件教程

「马蜂窝」主页搜索栏的右侧,有一个小雷达的图标,这里其实隐藏着可以按分类进行地点搜索的地图页。选择分类选项如「景点」,小雷达就会根据用户所在地对周围的景点古迹进行搜索, 并且系统根据数据统计对景点进行排名标注。点击任意表示地点的小圆,就可以查看相关景点的信息了。整个地图搜索页面的体验都很沉浸,几乎没有需要切屏完成的操作,方便高效。形象的雷达探测动画,加强了搜索进行过程的趣味性,也体现了「操作中有

2020-07-12
软件教程

InPieces 是一个关注濒临灭绝动物的公益组织创办的HTML5特效网站,借此来呼吁人们关注这些濒临灭绝的可爱动物们,保护生存环境。折纸风的视觉效果,仅三角形碎片的破碎重组和转换变化展示了30个世界范围内濒临灭绝的物种。网站的loading页面延续了整体网站的视觉元素与风格,十分酷炫。在页面加载的过程中,伴随着关于濒临灭绝动物的文案展示,大大小小的碎片元素会组成各种动物背景图案。加载完成,碎片

2020-07-12
没有账号? 忘记密码?
网站地图