干货!一大波精妙的产品设计细节

简介: 原文地址:http://www.uml.org.cn/DevProcess/201409155.asp 常言道:没吃过海鲜,还没看过海带是怎么泡的吗?今天的早读课就带大家看一些设计精妙的产品细节,让你告别只见过海带的“海鲜窘境”。

原文地址:http://www.uml.org.cn/DevProcess/201409155.asp

常言道:没吃过海鲜,还没看过海带是怎么泡的吗?今天的早读课就带大家看一些设计精妙的产品细节,让你告别只见过海带的“海鲜窘境”。

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

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

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

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

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

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

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

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

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

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

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

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

13.Google Maps - 会显示当前地图当中区域的即时天气信息。

14.Any.do Cal - 会显示两个事件之间的间隔时间。

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

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

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

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

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

20.OS X Finder - 在通过“Alt+拖拽”复制一个包含年份数字的文件夹时,新文件夹当中的年份会自动加1。

累了吗?还有哦,闭眼休息5秒,咱们继续。

1.Campaign Monitor - 向账户中新增管理员时,确认按钮当中会自动包含新增的管理员名字,例如“添加Sally”。

2.Last.fm - 在你更新了地区信息之后,系统会自动更新时区和国家信息,并且通过反馈信息向你告知这些信息已经根据新的地区自动更新过了。

3.500px - 照片页的快捷键说明当中,F键的图标上有一个突起样式,和真实键盘的F按键相同。

4.Timehop - 当你浏览到界面底部时,如果继续滚屏,就会看到吉祥物小恐龙只穿底裤的样子。

5.Dropbox - 当你通过某个链接来到一个已经被移除的共享文件夹时,出错提示页面中的Dropbox logo会变成纠结的Escher立方体。

6.Google Calendar - 提示信息条中“撤销”按钮会在整个提示条消失之前首先淡出。

7.Pinterest - 如果你曾经pin过某张图片,那么再次试图pin它的时候,系统会提示你之前已经在某个画板中pin过这张图了。

8.OS X - 当系统检测到你正在使用没有触控功能的鼠标时,每个窗口中都会自动呈现侧边滚动条。

9.Goodreads - 如果你正在浏览Web开发或UX方面的书籍,页面右侧就会出现Goodreads自家的相关职位招聘信息。

10.iOS7的控制中心 - 打开手电筒后,其高亮状态的图标上,手电筒的开关也是处于“打开”的位置。

11.iOS7 - 锁屏时,状态栏上文字与图标的尺寸比平时更大。

12.iOS7的Safari - “阅读列表”图标里的眼镜变成了乔布斯的经典样式。

13.Optimizely - 白金会员拥有直接联系Optimizely CEO的专享特权。

14.Gmail - 在多人邮件中添加新的联系人之后,TA的名字比其他联系人的字色要深。

15.Speaker Deck - 在某套幻灯片的缩略图上横向移动鼠标,即可按顺序一页一页的预览该幻灯片当中的内容。

16.Projecto - 如果在邮寄地址中留下了英国的地址,系统就会以古板的英国绅士的口吻向你告知进口税方面的问题。

17.Youtube - 当视频处于播放状态时,浏览器标签当中会出现一个代表“播放中”的三角图标。

18.Dropbox - 当你被邀请到一个新的共享文件夹时,文件夹的图标当中会有一个微笑的表情。

19.App Store - 如果没有打分就直接发表评论的话,系统会通过弹出框告知,并在其中直接提供打分功能。

20.Chrome - 当你正在使用语音搜索功能时,浏览器标签当中的favicon会变成一个带红点的样式,表明系统当前正在监听。

目录
相关文章
|
3月前
|
测试技术 UED 开发者
软件测试的艺术:从代码审查到用户反馈的全景探索在软件开发的宇宙中,测试是那颗确保星系正常运转的暗物质。它或许不总是站在聚光灯下,但无疑是支撑整个系统稳定性与可靠性的基石。《软件测试的艺术:从代码审查到用户反馈的全景探索》一文,旨在揭开软件测试这一神秘面纱,通过深入浅出的方式,引领读者穿梭于测试的各个环节,从细微处着眼,至宏观视角俯瞰,全方位解析如何打造无懈可击的软件产品。
本文以“软件测试的艺术”为核心,创新性地将技术深度与通俗易懂的语言风格相结合,绘制了一幅从代码审查到用户反馈全过程的测试蓝图。不同于常规摘要的枯燥概述,这里更像是一段旅程的预告片,承诺带领读者经历一场从微观世界到宏观视野的探索之旅,揭示每一个测试环节背后的哲学与实践智慧,让即便是非专业人士也能领略到软件测试的魅力所在,并从中获取实用的启示。
六石管理学:从再生人有没有优势,谈软件开发
六石管理学:从再生人有没有优势,谈软件开发
107 0
|
机器学习/深度学习 并行计算 openCL
关于炼丹,那些不为人知的细节
关于炼丹,那些不为人知的细节
496 0
|
存储 传感器 人工智能
从现实世界的角度去理解计算机领域的知识
​ “ 从现实世界的角度看计算机,可以帮助我们更清晰的学习计算机领域的知识。 本文试图用生活中常见的事物来解释计算机技术领域,让知识更通俗易懂 ”
910 0
 从现实世界的角度去理解计算机领域的知识
|
前端开发 JavaScript 大数据
【前端开发】前端架构与具体的应用的矛盾,最终的简单才是王道。
写在前面   年关将近,这年味愈加的浓烈了哈,似乎无心工作,似乎家乡的叨念从远远的方向传进了你的心里,坚持住哈,马上,就回家了。        进入正题,首先,我需要先解释下这个标题所表达的意思,以及它背后引出的具体的问题,前端架构与具体的应用的矛盾 这句话为什么要这么说,相信大部分公司,不论你...
1363 0
|
数据安全/隐私保护
《伟大的小细节:互联网产品设计中的微创新思维》——3.6 基于当前场景的前因后果推演
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.6节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1153 0
|
iOS开发
《伟大的小细节:互联网产品设计中的微创新思维》——3.3 位置环境因素
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.3节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1195 0
|
存储 数据安全/隐私保护
《伟大的小细节:互联网产品设计中的微创新思维》——1.2 “细节决定成败”还是“大行不顾细谨”
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第1章,第1.2节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1493 0