软件教程

也许所有二次元平台的设计开发团队都是吃可爱多长大的,产品里永远藏着能将用户的心萌化的小彩蛋。M站的萌猫看似只是趴在App底部导航中间时而打瞌睡时而唱歌卖萌的小可爱,其实小萌猫状态的改变正是音频播放状态的反映。播放列表为空或者音频播放暂停,萌猫会出现安逸地打瞌睡的动画;当音频处于播放状态时,萌猫则会随着音乐愉快地摇摆。通过情感化设计打造用户与产品的互动关系,并用生动的方式展现对用户行为的反馈。有趣

2020-07-12
软件教程

看视频时看到一些精彩片段或者有趣的鬼畜表情,时常有截屏做个Gif图或者自制表情包的念头。但真要弄起来, 无论是录屏转Gif还是截屏做动图都是很麻烦的事情。B站「感应」到了各位追番小主的强烈需求,增添了实用有趣的Gif图片录制功能。操作步骤简单行为路径明确,且每一步动作都有清晰的提示引导用户完成。即使是一个小小的按钮功能设计,也要对用户的每个操作行为给予即时反馈与适时引导。这类非阻断式的功能类提醒

2020-07-12
软件教程

在浏览Instagram的视频时如果调节手机音量,音量调节浮层不会像往常一样出现在手机屏幕中间,而会在页面的状态栏信息消失后出现在顶部。虽然用户根据听觉也能感知音量调节的变化,但可视化的音量数值调节更能让用户掌控操作行为的确定性。因此将音量调节显示区域上移到屏幕顶端,不仅能让用户的操作得到可见的即时反馈,更十分贴心地避免了音量调节浮层常常遮挡视频内容干扰观看的情况。

2020-07-12
软件教程

在使用视听类的App时,通常注重用户体验的应用都会在网络状态出现变更时暂停播放,并会呼出弹窗提示无WIFI状态以及向用户确认是否流量播放。喜马拉雅FM在网络状态变更时也有如此贴心的提示设计,但除了弹窗提醒与确认流量播放,在App使用期间一旦WIFI断开就会有很温柔的女声提示:「WIFI已断开」。语音提示的应用很好体现了平台的电台属性,也让产品更加有温度。投稿人:花栗鼠

2020-07-12
软件教程

在滴滴配送外卖点单,当外卖状态为「商家正在备货中」,页面显示的商品图片与外卖小哥头像两者之间会有一段距离的间隔;而当外卖状态变为「骑手配送中」时,外卖图与骑手头像之间会产生动效连接在一起。这个迅速关联的动效变化很好反馈了商品的配送状态,既增强了用户的操控感也安抚了等待的焦灼情绪。投稿人:Annie

2020-07-12
软件教程

iPhone调节到「飞行模式」的时候,会有飞机小图标从顶部状态栏的左侧飞入;当关闭手机的飞行模式时,小飞机图标会向屏幕右侧飞走直至消失。此外,当手机调节到「勿扰模式」时页面顶栏会看到月蚀动画,取消月蚀图标则会渐渐消失。这些小动效都使用了用户熟悉的物理意象来展现抽象的交互行为,通过情感化设计将手机模式状态的改变呈现出来,给予用户清晰易懂的操作反馈。降低了用户的理解成本与记忆成本,也增加了与产品互动

2020-07-12
软件教程

在表现同一个图标的两种不同状态时,我们常常用置灰的方式表示默认状态而用主色表示选中状态,这样的方式是完全可以满足功能需求的。但是,很多团队和设计师没有满足于此开始研究怎样让用户操作的界面拥有人情味,也就是所谓的「情感化设计」。Tumblr的「喜欢」按钮点击时会飘出一颗大大的爱心,正好跟看见喜欢的事物心花怒放的感觉相对应;取消喜欢的时候是伤心的情绪,会有一颗碎成两半的心形摇摇欲坠,表现出「心碎」的

2020-07-12
软件教程

很多App的底部导航总有各式各样的细节展现带给用户惊喜,腾讯出品的「全民K歌」也不例外。当用户心血来潮想要高歌一曲,点击底部导航中间的按钮进入点歌页面时,按钮中握着麦克风的手会有一个「递出」的交互动效展示。这就像现实中即将上台演唱歌曲时工作人员将麦递给演唱者的场景一样,「给你递麦,接下来这个舞台就交给你啦」的意思。通过情感化设计,给予即将演唱的用户一种鼓励与信任的感觉,拉近了App与用户之间的距

2020-07-12
软件教程

为了保障用户晚上使用App时视觉体验更佳(如屏幕不会太刺眼),可切换「夜间模式」的功能几乎成为了行业标配。片刻App的「白日模式」与「夜间模式」切换十分有特点,不是通常强硬的进行机械化模式切换,而是让模式切换的过程模拟了物理世界里日升日落的场景。借助情感化的设计与形象思维展示抽象交互场景的转换,给予用户清晰操作反馈的同时也为交互过程注入了诗意的美感。

2020-07-12
软件教程

今天想要更新Adobe爸爸的新产品正好使用了他家的专用下载器,登录的时候因为手残邮箱信息输入的不太正确,发现了这个及时纠错提示的小细节。在输入密码期间,系统监测到当前帐号可能格式输入有误便给出了温馨提示,并且显示了一个格式正确的邮箱地址选项。这种反馈设计有助于用户及时发现错误减少登录失败的挫败感。尤其像这种国外应用,自身的加载速度就很慢了,如果已经填了好多信息才发现之前的错误,真的是费时费力了。

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