赞助商
立即赞助

每月更新!10个记忆深刻的产品设计神细节

UI设计3年前 (2021)更新 流光
2.8K 0 0

任何一好的产品设,都会把对活的洞察融入去。当增加些感体验的小细节,能增加用户好感,良好的用户体验。那么,问题了,怎么设,能增强感,让人对的产品记忆深刻呢?下面这些案例,都能给设师一些启发。

1. QQ自带超良心的免费图文提取功能

每月更新!10个记忆深刻的产品设计神细节

前,当我们要将图片的字摘录或编辑时只手录入,时。后来现了一些「图转换」工具,再人输入字了但此类软件多需付有的还格菲。直到QQ上线了「图取」功,图转一键搞定so easy~亲测识别与速都相当错,更重要的是这么实的功还是全免真是堪称界良心级的好功了。

手机打QQ, 将清晰的图片发送给某好友,再按已发送的图片就会出一单。选择「提取图中文字」待几秒就可轻松将图片的文字提取出了。加人性化的设于,被提取出的文字还可线译英文。

自从用上了QQ「图文提取」功能,工作与学习效率提高了好多呢(^o^)/ 了,其实接使用手QQ「扫扫」功能扫描书籍或生活文也会有惊喜呢 ~ 要不去试试?

2.这不是一个会让人微笑的设计,但却是让人难忘的「最美丽的错误」

每月更新!10个记忆深刻的产品设计神细节

近几,腾讯旗下的众多产品都线了儿童走失信息的「宝回家」公益404页面。「您访问的页面找不回了!但我们可以一起帮他们回家」的文案、近走失孩子的照片与信息以及相关联络页面的跳转按钮,构了这些404页面的主内。将这些曾今「被嫌弃」与「闲置」的网络资源利用起公益,既能将浪费的资源充分利用也让互联网公司真公益尽到了自己切实可行的力。

不仅腾讯,大到如里这样互联网巨头小到不知名个站,越来越多网络技公司与个将自己平台404页贡献出来加入到这个公益活动。在广袤互联网世界里,误访问都可能为这个小小设计加入帮助到个家庭脱离痛苦。这不是个会让微笑设计,在很长时以来都是让我最难忘让动心设计。

3.断网环境下,Google浏览器页面的小恐龙可以打游戏哟

每月更新!10个记忆深刻的产品设计神细节

Google Chrome一款由Google发的Web浏览具,气的界面设、良好的使用体验以及强的插件扩展功能使其受到用户的喜。完善产品功能的同时,Google的设师们也不忘花费一些「小思」让产品加趣性:浏览器出错误或无网的况下(试试么?断Wi-Fi或者拔下网线看看),我们会看到这只可的素小恐龙。

小恐龙出现时是静止,要你按下键盘左右键这小恐龙会跑起来,而操控上下键它能躲避路上障碍物。出页变成可爱小游戏,原本焦虑不爽负情绪好像也没那么严了。旦网络恢复,浏览会自动刷新到你所要浏览页。真是贴心设计了。

4.好的设计是一束光,能够温暖冰冷的心

每月更新!10个记忆深刻的产品设计神细节

知乎搜索关键字「自杀」并不会直接搜到相关内,会弹出一24小时理援线的温馨提示窗口。选择「了解多」,则会跳转至知乎官方发布的《如何调节日常活中的抑郁绪》页面。

在这个社会节奏快生活压力大时代,抑郁症、自杀成了高居不下社会新闻关键词。知乎在品设计里考虑到了自杀心理干预设计,可以说是相暖心了。这是个常不会被发现细节设计,但关键时刻却能温暖冰冷绝望的的一束光。

5.当你在「淘宝」的搜索栏,输入「犀牛角」三个字…

每月更新!10个记忆深刻的产品设计神细节

搜索栏除了承载帮助户查信息的功属性,实还有很多他的妙。如「淘宝」的搜索栏,在我们的印象中就是来检索商与店铺信息的,但实它隐藏了举报非法商的公益界面。当在「淘宝」搜索诸如「犀牛角」这样的非法商键字时,并未现「查到」「无法显示」等规的异搜索结果,而是现「守护地球,阿里在行」的公益宣传页面。

并且通过此页面向用户科普濒危动相关的知识与举报非法商品的方法。又一将「闲置」的网络资源利用起公益的好案例,避免了呈无效信息的同时也提升众的自然保护意识贡献了力。

6.这里的音乐能带我们穿越回旧时光

每月更新!10个记忆深刻的产品设计神细节

米音乐的播放界面在手机横置时,横屏界面会变成复古卡带的样子。虽然如今扁平设计大行道,但这里清格的卡带拟物设计恰如分地展现了复古情怀,反而人眼前一亮。

音乐播卡转动,音乐暂停卡停止,连真实卡滚轮里压子的线也被完全逼真的模拟出了,可见设团队的用。就这样,看转动的卡听歌儿,时间仿佛又回到了好的旧时光。

7.试过这种不一样的注册体验吗?每步只做1件事

每月更新!10个记忆深刻的产品设计神细节

注册流程中,爱彼将该流程拆分成了4步,每个页面致于只做1件事情,知觉中减了户的认知负荷,进入界面时键盘自弹起(要啥子键盘就给啥子键盘哟),减了户操作次数,当App注册流程现问题时,产团队可及时发现定位到哪个步骤了问题,譬如为么验证码会发送会有延迟呀…

8.微信小程序关闭按钮的玄机

每月更新!10个记忆深刻的产品设计神细节

微信小程序是一种新的开放平台,开者以快速地进行小程序开并以在微信内被便捷地获取与传播。用完即走无需安装的特点以及出的使用验使它受到喜爱与泛应用。

但你有想过小程序的闭按钮为么要被设计成右上角两个同心圆的按钮而是表意更明确的叉?或许这里面就暗藏玄机。团队可是想追求个性小程序区别于他应,但更要的原因应该是这个按钮仅可执行「闭」的操作,可左右滑来打开最使过的他小程序。退就方跳转他小程序是是很贴心呢?

9.饿了么App「骑手」送餐小动画背后的心理学,你知道么?

每月更新!10个记忆深刻的产品设计神细节

常在办室加班用「饿么」点餐的同学,能有样的验:由等餐时间长而产生不满情绪,但在看到外卖小哥浑身被淋湿还提着外卖满脸歉意送达时的样子又突心软。

实大多数人都对外卖小哥的辛苦配送表示解,尤在恶劣天气的情况会给予更多的体谅与包容。但很多时候,身处室的我们可并清楚室外的天气情况因而会对送情况产生误解与情绪。

了缓解因信息不对称产的矛盾,饿了么UED对小哥配送时的天气与状态行了重新设:会发,点餐后显示「骑手」接单信息的页面会同时展示送餐时的天气况。通过GIF 动画展小哥雨天、狂风天、暴雪天恶劣天气里的配送场景,使整配送过程加动形象,也利用同理对用户与外卖小哥的关系起到了暖的作用。

10.好产品是让用户停留的时间越长越好么?

每月更新!10个记忆深刻的产品设计神细节

通阅读类的应为了给户供更沉浸的阅读体验,会将系统的状态栏与导航栏隐藏,使容显示范围占屏可更大,界面可更干净清爽减对户的视觉干扰。

「轻芒」App了打造沉浸式阅读体验,同样选择了隐藏状态信息。但不同的,了避免用户过于沉迷内忘记时间的流逝与手机电余额,「轻芒」选择页面顶部依旧保留了时间与电信息的显示。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

「啊,要崩溃,这是个按钮吗?怎么点不动?」 「我要卸载这个难用的app!」 「啊,这个细节设计的太棒了吧!」 …… 相信你...
产品细节
阿里巴巴菜鸟裹裹中的「不打扰式」提醒 菜鸟裹裹APP中的通知设计,我称它为「不打扰式」通知,现在一般的产品为了促进用户活...
交互设计
这几天朋友圈被微信的 8.0 彻底霸屏了。 我也赶紧更新了微信,看看到底有哪些惊喜的功能,一开始是冲着炸弹、烟花去看的,但...
微信
国内的产品设计同质化严重,将众多同类产品放在一起,去除图标和主题色的话,很难区分是哪个App。 设计师的视野如果长期只关...
产品细节
作者通过生活中的观察,介绍了 QQ 音乐、美团外卖和大众点评三款 APP 产品中的设计细节并分析了设计动机,与大家分享。 QQ音...
产品细节
现在很多网站产品和 APP 产品都不再固执地建立自己的用户账户体系,而是使用了微信授权登录的方式来降低获取新用户的门槛,这...
交互设计
编者注:几乎每一个新手设计师,都会被要求多下载优秀的产品把玩一番。但如果你下载后不知道从哪里开始体验,也发现不了那些...
产品体验
我们每天都会用微信,但是却不知道有些功能它的存在,究其原因是因为这些功能的使用频率不高,所以产品设计者把他们放到了比...
产品细节