恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
那些小处见大的设计细节(7)
0.0°
2014-06-04 好文转载 经验/观点 原作者: C7210 举报 1238 6 4 0

英文原文: http://littlebigdetails.com

译者信息: C7210 - UX玩家、交互设计师、猫奴、guitar fucker,现就职于腾讯ISUX(上海)

1.Medium 
- 在文章中选中一段文字,点击Twitter分享按钮,选中的文字会自动出现在分享窗口的输入框当中。

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

2.Brewster - 邮件当中的头图是系统基于你联系人的头像生成的个性化图片。

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

3.OS X Lion - 当连接到一台安装着Windows的PC机时,Finder当中用来代表该PC的图标是一台老式CRT显示器,屏幕中是Windows的死机蓝屏。

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

4.Confluence - 在注册表单里输入邮箱后,系统会自动抽取邮箱地址中“@”之前的部分,填充到用户名输入栏中。

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

5.iOS - 在“朗读所选项”的设置中,用来代表朗读速率快慢的是乌龟与兔子形象的图标。

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

6.Mail - 选中多条邮件时,图标中的信封数量会根据选中邮件的数量而变化。

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

7.Firefox - 只有在执行过页面回退操作后,“向前”按钮才会呈现出来。

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

8.Eventbrite - 在显示二维码供用户扫描的界面中,系统会自动检测屏幕亮度,如果发现过低,则会暂时提高屏幕亮度(事先向用户知会)。

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

9.Sublime Text 2 - 如果用户打开了名称相同但路径不同的文件,tab上除了文件名以外还会显示各自的路径,以防混淆。

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

10.Coda 2 - 订单提交按钮被点击之后会直接转变为进度条的角色。

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

11.Google+

 - 进行搜索时,主内容区的三角指向标会由指向导航图标改为指向搜索框。

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

12.Vimeo - 在提示用户有新版网站可以试用的提示信息中,两个按钮的文案分别为“现在就试试”和“我讨厌改变”,风格自然,贴近人们的日常用语,更容易唤起情感上的共鸣。

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

13.Amazon - 图书描述信息默认只展示几行,且底部文字会渐变淡出,同时提供了“显示更多”,提示用户这里隐藏了更多的内容,可以点击后展开查看。

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

14.Harvest - 技术支持页面不仅会告诉用户他们能够提供服务的工作时间段,而且会显示此时此刻他们公司所在时区的具体时间,便于用户判断当前对方是否处于工作时间段内。

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

15.YouTube - 搜索建议中会通过紫色字色来显示用户最近搜索过的词条。

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

16.Gmail - 直接在界面中输入问号(不是在输入框中),界面当中会输出一个展示了所有可用快捷键的浮层。

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

17.Google Maps - 地图放大到最大时,放大按钮(+)会和街景按钮合并在一起,暗示继续放大的话就会进入街景模式。

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

18.Quora - 在当前浏览器里退出登录后,Quora会告诉用户他的账户在其他哪些浏览器上仍然保持着登录状态。

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

19.YouTube - 在视频页面进行搜索时,搜索建议列表的高度会缩减,以确保不会挡住视频区域(如下图左侧所示;右侧为在其他页面中进行搜索时的搜索建议列表)。

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

20.Vouchercodes - 在退订页面,如果用户取消了所有的订阅项目,整个页面的背景会从晴天变成雨天,编辑的头像也变成了穿雨衣的样子。

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

更新:2014-06-04

收藏

6人已收藏

空空小巫

嘘...

  • 44

    作品

  • 714

    粉丝

  • 4

    关注

  • 挖坟 OS X「七」- 鲜为人知的细节设计 TOP 10
  • 在网页设计中最被低估的是什么?
  • 以更好的方式引导用户为应用打分
  • 通过有意义的动效解释应用的交互机制
相关标签
产品设计UX细节

    猜你喜欢

      2014-06-04 好文转载 经验/观点 原作者: C7210 举报 1238 6 4 0

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

      0.0°

      你确定要举报那些小处见大的设计细节(7)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年06月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录