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

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

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

天气不错,周围很吵,空气很糟。旁边姑娘桌上的空气加湿器喷着白雾,云山缭绕的赶脚,我快睡着了。

周四,可以适当插播了。话说回来,如果插播成为规律,那也就不能称为插播了;但是我从来也没计划过这么高频率的更新博客,所以还是观望吧。

小处见大的设计细节系列,第二篇,仍然带来20个细节案例。我越发觉得自己喜欢看这些东西了;买来蛮久的《微交互》最近也开始看起来了。大世界大道理,小天地小文章;将注意力聚焦在这些东西上面,莫名有种安心的赶脚。不多说了,看看吧。

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

01-campaign-monitor.png

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

02-lastfm.png

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

03-500px.png

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

04-timehop.jpg

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

05-dropbox.png

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

06-google-calendar.png

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

07-pinterest.png

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

08-osx-mouse.png

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

09-goodreads.jpg

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

10-ios7-flashlight.png

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

11-ios7-status-bar.gif

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

12-ios7-readlist.png

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

13-ceo.png

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

14-gmail.png

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

15-slide.png

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

16-projecto.png

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

17-youtube.png

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

18-new-folder.png

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

19-rating.png

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

20-chrome-voice.png

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

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 设计布道师,设计师,独立开发者,译者,猫奴,音乐玩家。
评论 (3)
那个F键的凸起部分放置在屏幕上,有在功能上似乎没有实质帮助;还是说装饰性或者体现产品的人文关怀?我们又如何衡量此类设计在产品的运用价值?
第17条,应该是chrome的特性,因为访问国内视频网站时候也会出现
soga