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

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

2018/12/08 10254评论区

任何一个好的产品设计,都会把对生活的洞察融入进去。适当增加些情感体验的小细节,能增加用户好感,带来良好的用户体验。那么,问题来了,怎么设计,才能增强情感,让人对你的产品记忆深刻呢?下面这些案例,都能给设计师一些启发。

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

以前,当我们要将图片的文字摘录或编辑时只能手动录入,费时费力。后来出现了一些「图文转换」工具,再也不用人力输入文字了但此类软件多需付费有的还价格不菲。直到QQ上线了「图文提取」功能,图文转化一键搞定so easy~亲测其识别能力与速度都相当不错,更重要的是这么实用的功能还是完全免费真是堪称业界良心级的好功能了。

在手机上打开QQ, 将清晰的图片发送给某个好友,再长按已发送的图片就会出现一个菜单。选择「提取图中文字」等待几秒就可轻松将图片的文字提取出来了。更加人性化的设计在于,被提取出的文字还可在线译成英文。

自从用上了QQ的「图文提取」功能,工作与学习的效率提高了好多呢(^o^)/ 对了,其实直接使用手机QQ的「扫一扫」功能扫描书籍或生活中的文字也会有惊喜呢 ~ 要不去试试?

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

近几年,腾讯旗下的众多产品都上线了附带儿童走失信息的「宝贝回家」公益404页面。「您访问的页面找不回来了!但我们可以一起帮他们回家」的文案、近期走失孩子的照片与信息以及相关联络页面的跳转按钮,构成了这些404页面的主要内容。将这些曾今「被嫌弃」与「闲置」的网络资源利用起来做公益,既能将浪费的资源充分利用也让互联网公司真正为公益尽到了自己切实可行的力量。

不仅腾讯,大到如阿里这样的互联网巨头小到不知名的个人站点,越来越多的网络科技公司与个人将自己平台的404页面贡献出来加入到这个公益活动中。在广袤的互联网世界里,每一次错误的访问都可能因为这个小小设计的加入帮助到一个家庭脱离痛苦。这不是一个会让人微笑的设计,但在很长时间以来都是让我最难忘的让人动心的设计之一。

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

Google Chrome是一款由Google开发的Web浏览工具,大气的界面设计、良好的使用体验以及强大的插件扩展功能使其受到大量用户的喜爱。在完善产品功能的同时,Google的设计师们也不忘花费一些「小心思」让产品更加有趣味性:在浏览器出现错误或无网的情况下(想试试么?断开Wi-Fi或者拔下网线看看),我们会看到这只可爱的像素小恐龙。

小恐龙出现时是静止的,但只要你按下键盘的左右键这只小恐龙就会跑起来,而操控上下键它就能躲避路上的障碍物。当出错页面变成可爱的小游戏,原本焦虑不爽的负面情绪好像也就没那么严重了。一旦网络恢复,浏览器会自动刷新到你所要浏览的页面。真的是超贴心的设计了。

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

在知乎搜索关键字「自杀」并不会直接搜到相关内容,而会弹出一个24小时心理援助热线的温馨提示窗口。选择「了解更多」,则会跳转至知乎官方发布的《如何调节日常生活中的抑郁情绪》页面。

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

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

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

并且通过此页面向用户科普濒危动物相关的知识与举报非法商品的方法。又是一个将「闲置」的网络资源利用起来做公益的好案例,避免了呈现无效信息的同时也为提升大众的自然保护意识贡献了力量。

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

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

音乐播放卡带转动,音乐暂停卡带停止,连真实卡带滚轮里压带子的红线也被完全逼真的模拟出来了,可见设计团队的用心。就这样,看着转动的卡带听着歌儿,时间仿佛又回到了美好的旧时光。

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

注册流程中,爱彼迎将该流程拆分成了4步,每个页面致力于只做1件事情,不知不觉中减少了用户的认知负荷,进入界面时键盘自动弹起(要啥子键盘就给啥子键盘哟),减少了用户操作次数,当App注册流程出现问题时,产品团队也可以及时发现定位到哪个步骤出了问题,譬如为什么验证码会发送会有延迟呀…

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

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

但你有想过小程序的关闭按钮为什么要被设计成右上角两个同心圆的按钮而不是表意更明确的叉?或许这里面就暗藏玄机。团队可能是想追求个性让小程序区别于其他应用,但更主要的原因应该是这个按钮不仅可以执行「关闭」的操作,也可以左右滑动来打开最近使用过的其他小程序。不用退出就方便跳转其他小程序是不是很贴心呢?

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

常在办公室加班用「饿了么」点餐的同学,可能会有过这样的体验:由于等餐时间过长而产生不满情绪,但在看到外卖小哥浑身被淋湿还提着外卖满脸歉意送达时的样子又会突然心软。

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

为了缓解因信息不对称而产生的矛盾,饿了么UED对小哥配送时的天气与状态进行了重新设计:你会发现,点餐后显示「骑手」接单信息的页面会同时展示送餐时的天气情况。通过GIF 动画展现小哥在雨天、狂风天、暴雪天等恶劣天气里的配送场景,使整个配送过程更加生动形象,也利用同理心对用户与外卖小哥的关系起到了暖和的作用。

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

通常阅读类的应用为了给用户提供更加沉浸的阅读体验,会将系统的状态栏与导航栏隐藏,使内容显示范围占屏可以更大,界面也可以更干净清爽以减少对用户的视觉干扰。

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

抢占用户的时间对产品而言固然重要,但从用户角度出发引导其更加合理高效的安排时间同样重要。

很多产品细节设计,关注优设细节猎人 频道:https://www.uisdc.com/hunters,每天更新哟!

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/western-font-treasure-house

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 设计师 优设大课堂 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 素材下载 视觉设计 web前端开发 设计师专访 设计流程 AI教程 设计理论 用户体验设计 神器下载 字体下载 海报设计 设计趋势 psd下载 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 用户体验 酷站 PS教程 网页设计 经验分享

把好文章收藏到微信

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