BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

那些小处见大的设计细节(4)

那些小处见大的设计细节(4)

2014年的第一天,各位好。

昨晚喝的有点大,听了很多老东西,给很久没联系的一些老哥们打打电话,大家一起哭哭笑笑;在那如此操蛋的一年的最后一天里放纵下心情,然后新年第一天发现嘴脑袋有点疼,阳光却不错。

现在是一周的中间,那么插播一篇小处见大;已经是第4篇了轰?仍然是20个的汇总,请过目。

1.Yelp for iOS - 在纽约使用应用时,距离单位自动从“英里”切换为“街区”。

01-detail-ux-ui-user-experiece-web-app-design.png

2.Facebook - 鼠标悬停在收件箱里的滚动条上时,滚动条的有效目标区域会自动变大。

02-detail-ux-ui-user-experiece-web-app-design.png

3.Flickr - 发表评论时如果全部使用大写字母,评论发出后会被自动转为合适的大小写字符。

03-detail-ux-ui-user-experiece-web-app-design.png

4.Conditions for iOS - 下拉刷新时,状态指示图标是一个温度计的样式,而且温度计内部液面的高度会随着下拉的过程而上升。

04-detail-ux-ui-user-experiece-web-app-design.jpg

5.Opera浏览器 - 尚未被浏览过的标签上会有折角的样式。

05-detail-ux-ui-user-experiece-web-app-design.png

6.Mixcloud - 鼠标悬停在视频的缩略图上时,可以对视频进行预览。

06-detail-ux-ui-user-experiece-web-app-design.png

7.寻找我的iPhone - 你的iOS设备被定位后,其剩余电量也会显示出来,便于你知道多久之后会丢失跟踪信号。

07-detail-ux-ui-user-experiece-web-app-design.jpg

8.GitHub - 在GitHub中删除一个repository时,你需要在确认框中输入该repository的完整名称,以确认删除。

08-detail-ux-ui-user-experiece-web-app-design.png

9.OS X - 在“系统偏好设置”中进行搜索时,与搜索关键词相关的项目会高亮显示;相关度越高,高亮聚焦的亮度越高。

09-detail-ux-ui-user-experiece-web-app-design.png

10.Twitter - 超出140字的部分会有红色底色。

10-detail-ux-ui-user-experiece-web-app-design.png

11.Gmail - 你所发送的邮件中如果包含Google Drive上的文件链接,且该文件尚未被设置分享权限,那么Gmail会弹出对话窗,并允许你直接在这里为该文件设置分享权限。

11-detail-ux-ui-user-experiece-web-app-design.jpg

12.OpenERP - 加载状态的提示文字每隔几秒会产生变化,以便用户知道系统正在正常运行。

12-detail-ux-ui-user-experiece-web-app-design.jpg

13.Amazon - 购书两年之后,Amazon会邮件询问你是否愿意用这本二手书换取礼品卡。

13-detail-ux-ui-user-experiece-web-app-design.jpg

14.Dropbox(iPhone) - 在设备电量过低时自动禁用拍摄上传功能。

14-detail-ux-ui-user-experiece-web-app-design.jpg

15.Geeklist - 在验证密码强度时,显示你当前设置的密码经过多少天即可被破解。

15-detail-ux-ui-user-experiece-web-app-design.jpg

16.Gmail - 如果使用不兼容版本的IE浏览器打开Gmail,Favicon会变为破损的信封样式。

16-detail-ux-ui-user-experiece-web-app-design.jpg

17.British Gas - 输入电表读数的界面提供了手电筒照明功能,方便用户在昏暗的环境中查看读数。

17-detail-ux-ui-user-experiece-web-app-design.jpg

18.Facebook - “更新状态”的输入框中,默认的问候语会随着每次页面刷新而改变,例如“你好吗?”,“过的如何?”,“有什么新鲜事?”。

18-detail-ux-ui-user-experiece-web-app-design.jpg

19.Youtube - 在观看视频时点击“报告(Report)”按钮,视频会自动暂停播放。

19-detail-ux-ui-user-experiece-web-app-design.jpg

20.Pocket(iPhone) - 如果用户在其他应用中复制了一段URL,然后打开Pocket,它会询问你是否要将目前存储在剪贴板当中的URL添加到阅读列表中。

20-detail-ux-ui-user-experiece-web-app-design.jpg

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - UI/UX 设计布道师,设计师,译者,猫奴,音乐玩家。