首页 > 建站资源 > 网站运营 > 60个以小见大的互联网产品设计细节汇总

60个以小见大的互联网产品设计细节汇总

时间:2014-04-25    来源:beforweb

这些内容来自Tumblr的一个博客,Little Big Detail。那边的用户提交了很多Web和App产品中设计用心的小细节,可以说,包括一些精妙的微交互模式,一些小小的情感化元素,我很喜欢,于是就挑出一些自己觉得有点意思的,汇总成期,童鞋们感受一下。

1、Google验证

用户点击验证码后系统会自动对其进行复制(便于后续的粘贴操作)

用户体验 产品设计 APP设计 交互体验

2、Gumroad

聚焦到CVC安全码字段时,右上方的信用卡图标会自动翻转并提示安全码的位置。

用户体验 产品设计 APP设计 交互体验

3、Google Docs

准备为某段文字添加连接时,系统会基于选中的文字自动提供URL建议。

用户体验 产品设计 APP设计 交互体验

4、New Republic

顶部固定的标题栏当中有一条细红线(进度条),可以随着滚屏而自动伸展或收缩,用来提示当前阅读的部分在全文当中的位置。

用户体验 产品设计 APP设计 交互体验

5、MailChimp

注册时,如果你填写的用户名已经被占用了,系统会问你是否有个邪恶双胞胎。

用户体验 产品设计 APP设计 交互体验

6、Chrome

无法找到页面时,会提供一个与你输入的URL非常相似的正确网址建议。

用户体验 产品设计 APP设计 交互体验

7、Medium

在小引用中,选择一段文字后,出现的上下文工具当中,双引号图标只有一半是高亮的;而对大引用来说,这里的高亮状态是完整的。

用户体验 产品设计 APP设计 交互体验

8、Turtable.fm

订阅方案的选择,使用了滑块模式;小猴的表情会随着你愿意支付的金额而动态的产生变化。

用户体验 产品设计 APP设计 交互体验

9、Google图片搜索

在加载完整图片的过程中,缩略图下方会展示一个进度条。

用户体验 产品设计 APP设计 交互体验

10、Hipmunk

如果用户输入了过去的时间,会报错”我们尚未提供时空回朔的旅行服务”。

用户体验 产品设计 APP设计 交互体验

11、Chec

直接使用更有意义、更有上下文关联感的语句来呈现选项(交互选项拥有高亮背景)。

用户体验 产品设计 APP设计 交互体验

12、Wikipedia

在文章中点击引用内容时,页面底部会展示内容来源的相关信息。

用户体验 产品设计 APP设计 交互体验

13、Google Maps

会显示当前地图当中区域的即时天气信息。

用户体验 产品设计 APP设计 交互体验

14、Any.do Cal

会显示两个事件之间的间隔时间。

用户体验 产品设计 APP设计 交互体验

15、Pinterest

忘记登录密码时,收到的密码重置邮件来自ohno@pinterest.com。

用户体验 产品设计 APP设计 交互体验

16、Forbes

热门文章列表中,每个条目都有白色的背景条,以展示这些文章的受欢迎程度(点击量)。

用户体验 产品设计 APP设计 交互体验

17、Close.io

当你从其他地方直接复制了”John Smith” <john@example.com>这种形式的邮箱信息,并粘贴到Close.io的邮箱地址输入框中,信息会被自动分割,其中的姓名会被自动填写到Name输入框,邮箱则留在邮箱地址输入框。

用户体验 产品设计 APP设计 交互体验

18、Podio

创建新组织时,系统会根据你填写的组织名称自动推荐相关的logo供选择。

用户体验 产品设计 APP设计 交互体验

19、Litmus

当你准备取消服务时,页面中的垃圾桶里会出现你曾经使用Litmus发起过的调研邮件实际截图。

用户体验 产品设计 APP设计 交互体验

相关推荐
从携程艺龙酒店产品终页比较分析看用户体验小细节
好莱坞影片带给产品设计师的5个宝贵的设计启发
产品设计须知其然 使其可以然
ifttt给我们的思考:不只是同步而已
用户体验:如何让用户更简单地使用网站
QQ空间V6设计分享之设计中的继承与颠覆
创造卓越用户体验的五个要点
13个国内知名互联网公司的产品设计团队博客网址
互联网产品设计之影响用户体验的4个因素
四用原则:如何让产品从有用到好用
新浪潮下产品交互设计的三个新趋势浅析
让UI设计显得更简约的小技巧分享
团队协作中对响应式设计的流程优化经验分享
产品设计中认知心理学分析其交互设计
案例分析情感化设计对用户体验的影响
细看QQ产品背后的人性社交设计
QQ空间:国内第一大社交网络平台揭秘
解读张小龙的用户体验微创新最高法则
产品设计须把握用户需求与用户体验
互联网产品设计理念:产品即有机生命体
怎样打造成功的产品:以小为始 公听并观
如何避免产品设计中造成的“用户恐惧”?
马化腾谈产品设计:别想当然地猜测用户习惯
神作还是神经? 揭秘Flappy Bird火爆的背后
用户体验的高级进阶:学会讲故事
有哪些互联网产品只有中国有 国外没有的?
从产品使用的角度探讨用户体验细节
产品头脑风暴尚未成功互联网大佬仍需努力?
哪里不会点哪里!白板:为提升沟通效率而生
产品设计:日本做了哪些我们没做的事?
如何给Android产品设计一款合适的图标?
2014年八个最棒UI设计灵感:你最中意哪个?
我是这样抄袭着做产品:因为抄袭 所以卓越
产品设计者:很多用户都是骗子 别一味相信
产品需求分析:从用户到需求文档的历练
产品实用技巧:交互说明中容易忽略的几件事

精彩推荐

热门教程