小细节 大设计

作者: TerryFan | 来源:发表于2014-05-09 15:15 被阅读697次

    关注littlebigdetails.com很久了,我得空便会定期上去翻看一下,最近也在读《微交互》这本书,书中许多案例也都来自于littlebigdetails,我在这里摘取一些2014年近期的分享给大家,细节决定成败,让我们一起来看看那些小细节中展现出的大设计~

    原址里文字很少,而且结合截图,稍有英文基础的都完全可以看懂,喜欢原汁原味的小伙伴们请戳这里: www.littlebigdetails.com

    欢迎关注我的微信公众号“开卷有译”获得新文章推送。如需转载请注明来自公众微信号“开卷有译”,或简书译文地址。

    ------------------我是分割线------------------

    IMDb - 在500错误页面上显示电影经典台词 (译者注:已经有越来越多的网页注重404和500错误页面的设计,这是一个体现设计师心思的地方) Flickr - 当你在查看标签搜索的图片结果页面或是他人收藏的图片列表时,你会看到属于你的图片显示着“你拍的!”,而不是简单的显示你的用户名 (译者注:合适的人称代词的使用会让用户觉得产品更具有人情味儿) Google Hangouts - 在群组对话中,如果当别人在说话的同时你正在打字,Hangouts会自动把你的麦克风静音 (译者注:好的产品不仅要做到正确及时的反馈用户的交互,更要做到预判) Tweetbot - 当你要在你的微博中加入一张图片时,有个"使用最近一张拍的照片"的选项 (译者注:细分用户情境,让用户的操作变得更快捷,微信的聊天中有这个细节,但是朋友圈的发布中却没有) Basecamp - 表单填写出现错误时,左边的小人会出现很惊讶的表情,并且手指着出错的输入框 (译者注:设计师巧妙地将大家都讨厌的表单变得如此生动,让用户在不知不觉间就完成了任务,诸如验证码游戏,加载页面的Flash都有异曲同工之妙) Waymate - 在搜索行程时,等待页面会显示目的地从到达日起连续三天的天气预报 (译者注:想用户所想,十分贴心的设计) Paypal - 当Paypal在App切换的模式下,操作的细节和账户信息等都被模糊化了 (译者注:隐私的保护做得很到位,支付宝赶快学习一下~) Skype - 信号强度最大时 显示的图标最后一竖显示为感叹号 (译者注:趣味性的设计会让人会心一笑,“这个设计真有心~”,这样不叫体验的话那什么叫做体验呢?)

    相关文章

      网友评论

      • 8af345d3ee91:@lucy_Martin 来回啃前几章,我是把前几章里出现的那个大图画在纸上,然后对照着慢慢读那几章。后面的控件章节读起来就比较快了,因为我本身做移动端,Web的内容以了解为主。
      • TerryFan:@lucy_Martin 嗯 都学起来了~ 好设计应该学
      • Martin_路:@铁树 交互设计精髓这本书好难啃,肿么办?
      • Martin_路:看到最后一张,想起了国内现在也有很多金融类app都采用这类的设计了~~赞一个
      • 正陷深思: @TerryFan 看我文章,很多都是这个专题
      • TerryFan:@许一几 什么专题啊 我去看看
      • 正陷深思:我做的一个简书专题就想收集这样的案例和背后的故事,如果有兴趣,我邀请你来一起维护。
      • truelie:看到那个注册表单的错误和正确时的反馈设计,我乐了。
      • 8af345d3ee91:还有一个类似littlebigdetails的网站是“http://uedetail.com/”,这里面有本地化市场的例子。 :smile:
      • 8af345d3ee91:我也看了这本书,非常非常的喜欢,可以算是《顾客为什么购买》之后最迅速看完的一本书了。这之后看了《交互设计精髓》,很赞!如果你也有看,期待看你的书评。

      本文标题:小细节 大设计

      本文链接:https://www.haomeiwen.com/subject/bpbrtttx.html