这些UI和UX趋势,在2019年最值得关注

2018-12-24    资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里


当你的产品短时间内无法使用时,如断网、跨平台无法分享等等。用户可能会因而产生挫败感,产生焦虑不爽的负面情绪。如何安抚用户情绪?如何拉近用户和平台的距离?如何改善或提高用户体验呢?本期案例,就分享一些有趣的小彩蛋、微交互,让你灵感爆棚!

往期回顾:

  1. 每月更新!10个记忆深刻的产品设计神细节!(1)》
  2. 《每月更新!10个记忆深刻的产品设计神细节!(2)》

文章目录

  1. 我见过最赞的招聘启事,来自程序员的别样浪漫
  2. 断网环境下,Google浏览器页面的小恐龙可以打游戏哟
  3. 「亲戚计算器」?原来小米还有这么有趣的功能设计
  4. 揉成一团的废纸,会让你联想到「删除」这个动作么?
  5. 支付宝的小无奈
  6. 优优教程网首页里藏着的可爱表情,你发现了几个?
  7. 2233娘真是贴心的小姐姐(*╹▽╹*)
  8. 让人意想不到的团队展示hover效果
  9. 时间走着滴答滴,iPhone的时钟藏着自己的小秘密
  10. 有道词典也卖萌,一句有温度的文案会有怎样的力量?

我见过最赞的招聘启事,来自程序员的别样浪漫

如果不是互联网从业者,大概你永远都不会发现百度主页的代码控制台(console)里藏着那条最浪漫的招聘启事。因为只有拥有开发网页习惯的人,才会在浏览喜欢的网站时按下F12 调出网页代码查看。所以这条百度针对程序员的招聘被写进网站首页代码的console里,可谓是绝对精准的招聘广告投放了。

据说这个彩蛋的设计并非百度的独创而是 Google 先使用过的「小心机」,可是由于无从考证,所以小编并不能确定是哪家公司有才华的程序员小哥哥想出了这个妙计(知道的大神麻烦留言告知哦)。

但不得不承认的是,很多时候我们都对程序员有太多刻板印象的误解。那些看起来「木讷无趣」的程序员们认真起来,真的可能是最浪漫的人呢。

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

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

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

「亲戚计算器」?原来小米还有这么有趣的功能设计

小米计算器内置「亲戚计算器」的功能,各种复杂的亲戚关系帮你一键解决。老婆弟弟的妻子应该怎样称呼呢?相信很多人都有过类似的对亲戚关系产生疑问的困扰。

梳理亲戚关系有时候真让人头大,小米手机就很贴心的在系统里自带了「亲戚计算器」。将日常的复杂关系都罗列了出来,真是符合中国特色的计算器设计呢~

揉成一团的废纸,会让你联想到「删除」这个动作么?

「作文纸条」App对于每日信息与文章的推送有着自己独特的设计逻辑,如果推送内容用户当天未读,系统会将推送内容自动移到「废纸篓」里。为了让用户在浏览「废纸篓」内容时,明确感知到被删内容与正常内容的差别,躺在「废纸篓」里的信息视觉上模拟了揉皱纸团的形象。

如同我们在现实生活里,会将写作时不满意的内容从笔记本中撕掉,并揉成纸团丢进垃圾桶的行为一般。将用户熟悉的真实生活里的行为状态,移植到虚拟的交互设计里,会使用户与产品的交互过程更形象生动。

支付宝的小无奈

偶然在支付宝的芝麻信用里发现满700分,就可以免押金租用一些数码产品了。觉得很不错想分享这个信息给朋友,就点了一下转发微信好友,结果发现微信不让分享支付宝的信息。

本来分享受限的挫败感让人心情很不好,但当看到支付宝很无奈的提示文案「微信又不让分享了,整个人都不好了」,不愉快的心情立马被逗乐了。相较之前微信分享失败的一串链接,这样幽默的微文案提示真的可爱多了呢~

优优教程网首页里藏着的可爱表情,你发现了几个?

当初在制作优优网首页的时候,为了不让 hover状态(鼠标悬浮)过于无趣,分别在「灵感频道」「教程排行榜 」「软件排行榜」的 hover状态里设计了不同的3个小表情,而且设计者大有来头,正是人见人爱、花见花开的美丫姐。

她机灵的调整了图标状态后,从后台数据来看,这里的点击确实停驻时间长了一些,相信让用户会心一笑的同时,也拉近了用户和平台的距离感。不妨在你的下一个案例里也试试哟~

2233娘真是贴心的小姐姐(*╹▽╹*)

登录网站或应用在输入密码时,无论周围环境如何,我们总会潜意识里产生一丝不安全感。B站对于这个问题的处理方式显得十分可爱,在用户登录账号输入密码时背景里的2233娘会出现双手捂眼的小动画。整个输入密码的操作其实与其他应用可能并无差别,但因为有了这个蒙眼动作的心理暗示作用,用户会感到自己的隐私受到保护与尊重从而产生安全感。

让人意想不到的团队展示hover效果

drygital设计工作室的网站有着个性又炫酷的视觉与交互效果。团队展示界面的 hover效果,就让人意想不到眼前一亮:当鼠标的光标移到单个成员的半身像时,原本正襟危坐的照片会变成另一张,展示该成员个性或喜好的搞怪照片。

原照片展示了团队成员在工作中严谨专业的一面,而 hover效果呈现的图片则展示了成员们私下生活里幽默有趣、个性鲜明的另一面。这样的设计不仅突出了团队成员的个人特色展示,利于团队的归属感与凝聚力提升,也展现了团队的开放包容与活力创新。

时间走着滴答滴,iPhone的时钟藏着自己的小秘密

大家都知道 iOS系统的时钟桌面图标会始终显示当前时间,但很少有人关注过时钟图标里秒针的走动方式。在常规状态下,时钟图标的秒针会呈现扫秒式地转动;但当桌面图标处于长按状态的晃动效果时,小时钟的秒针会立马变为跳秒式滴答滴答地走动起来。

据说这个隐蔽的小细节设计是想表达向传统时钟的运行模式致敬的意思。机械钟秒变石英钟,你 get到了 iPhone时钟的小秘密了么?

有道词典也卖萌,一句有温度的文案会有怎样的力量?

似信息崩溃,或加载缓慢的问题,在产品实际使用中实在在所难免,一旦出现,用户的好情绪一定会受到影响。在这种时刻,一句生动而有温度的文案就是可以安抚用户情绪、改善使用体验的利器法宝。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

 

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档