[翻译] Little Big Details —— 大产品,小细节

本文由 @Mysdes 原创翻译首发于 www.mysdes.com,转载请注明出处哟

Little Big Details 是一个专门收集互联网产品优秀设计细节的博客,由Etsy的设计总监 Floris Dekker 和设计师 Andrew McCarthy 创建并维护。文本将筛选一些优秀或具有代表性的案例翻译,翻译有误的地方,请给我反馈

 

注1:部分案例时间久远,目前可能已被更新掉。

注2:本文持续更新中。

 

▲Yelp 可以通过输入 emoji 表情来搜索

 

▲EA官网页头的背景色是#eaeaea

 

▲IMDB 的错误页文案会引用某部电影的台词

 

▲Windows8的计算器里输入100,000茶匙转换其他单位时,会出现一个大约等于多少浴缸的量

 

▲YouTube 在不同状态下,favicon 会相应的变更为缓冲中,暂停中,播放中

 

▲cvs.com ——当你长时间未操作,还剩5分钟即将被自动登出时,浏览器 tab 上会显示倒计时

 

▲当你正在读 InVision 的文章时,打开了一个新窗口,InVision 文章的标题会提示你“不要忘记读这篇文章”

 

▲Trello——当你正在准备点击“发送到 Trello”来代替添加到书签时,“拖拽这个链接收藏到书签”会变的越来越大

 

iOS 上的谷歌地图,当规划路线的步行时间超过5小时,步行小人的 icon 会变成一个背着背包的远足小人

 

 

▲谷歌翻译——当你第二次点击“听”按钮的时候,朗读语速会变慢

 

 

▲当你在 Spotify 上播放星球大战的歌单时,播放栏的进度条变成了激光剑

 

 

▲Slack——当联系人列表里有人处于正在夜间的其他时区时,状态 icon 上会显示一个表示睡觉的小 z

 

 

▲谷歌地图——你导航的目的地如果即将在1小时内打烊,会给你弹窗提示

 

 

▲Siri——如果你在午夜让 Siri 给你设置一个明天的闹钟,Siri 会让你再次确认是今天还是明天?

 

 

▲你的 Macbook 在高速运转导致风扇声音很大时,如果此时你使用听写功能,风扇速度会快速降低以让电脑听清楚你的声音。

 

 

▲Google Hangouts——当你发完一句“woohoo”,会闪现一个欢呼的小人

 

 

▲Yelp 侧边栏滑到底后继续滑,会出现一只恐龙动效

 

 

▲Spotify——当你取消他们家的订阅服务时,你会得到一个“Goodbye”听单,歌单名为:我们还能做朋友吗?

 

 

▲iPhone 6s 的网页介绍页面,滚动时会在 logo 和镜头上体现环境光的变化

 

▲Remembered.io——如果你停留在注册页面,会冒出 Shia LaBeouf 鼓励你 Do it 的视频

 

 

▲WhatsApp网页版会提示你的手机快没电了

 

 

▲Facebook Messenger 对话页面上,按住点赞按钮,图标会逐渐变大

 

 

▲iOS 的语音备忘录图标上的波形图是发音“Apple”的波形简化而来

 

 

▲kayak.com——搜索结果的筛选菜单,可以一键选择单个选项

 

 

▲Pocketcasts——鼠标悬浮在购买按钮上时,按钮会出现“shut up and take my money”的表情包

 

 

▲Random Password Generator——如果你选中他们网站的法律信息,背景色会变成德国国旗色,因为他们是德国制造

 

 

▲GTA5 在游戏里的虚拟网络页面里,鼠标光标会变成一个竖中指的手指

 

 

▲印象笔记时间格式会随着列宽的改变而变化

 

 

▲Google音乐,当你给某首音乐评分给1星时,自动切歌下一曲

 

▲The Noun Project——发送给用户的重置密码的邮件里一个 icon

 

▲Buffer——用户反馈时没有让你选择问题类型,而是让你选择你的愤怒程度,1.注意一点;2.我能应对,还是希望能修复一下;3.被难住了,怎样试都没用;4.头发都要抓掉了;5.情况紧急,严重批评。

 

 

▲TunnelBear——账户被降级(更换为更廉价的套餐)时的动效

 

 

▲把谷歌街景的Pegman小人拖到51区时,会变成UFO

 

 

▲Automattic——当你多次查看过某个工作机会的详情页时,会出现一段鼓励你申请这个岗位的话

“我们给不了太多帮助,但我们注意到你浏览过这个页面好些次,看起来你真的很像去那里工作,对不对?试一试申请一下吧”

 

 

▲谷歌地图上的建筑阴影是根据当时的时间实时变化的

 

 

▲MyFitnessPal(帮助减肥的App)——当你连续忽略了好几天的通知提醒时,会自动关闭推送通知

 

 

▲ReadMe——输入密码时,猫头鹰会蒙住眼睛

 

 

▲维珍航空——填完姓时,会和你打个招呼,填完名时,夸你名字不错

 

 

▲Fivver——鼠标悬浮时会显示账户余额是怎么结算出来的

 

 

▲Basecamp——卡通小人的手指会随着你正在填写的表单移动,且填写错误时人物表情会变化哟

 

 

▲PSN newsletter——图片加载失败时也要摆出汽车人的头像

 

 

▲Soundcloud——查看他们家网站的console log,会有招聘信息

 

 

▲Chocolat ——试用到期后,软件什么都不变,除了代码字体替换成“Comic  Sans”(这对程序猿来说很致命)

 

 

 

持续更新中……