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

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

提交需求

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

0/20
0/200

设计大赛

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

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

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

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

1.Flickr 
- 浏览某tag下的所有照片时,如果其中有哪张是你拍的,照片底部的用户名信息会变为“你拍的!”。

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

2.Google Hangouts - 群聊时,如果Google Hangouts检测到键盘敲字的声音(代表用户当前正在通过文字交流),便会自动将麦克风静音掉。

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

3.MailChimp - 为某活动事项设置了时间之后,该事项当中的时间图标(钟表)会根据你所设置的具体时间而变化(例如下图所示的是两点)。

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

4.Tweetbot 3 - 添加照片时,菜单中会提供“使用刚刚拍摄的最后一张照片”选项。

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

5.Basecamp - 注册页面里的漫画形象,手指会指向当前聚焦的字段;如果填写的信息有误,其表情还会发生变化。

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

6.Asos - 允许用户隐藏来自某个品牌的所有商品。

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

7.OS X Mavericks - 新安装尚未使用的应用图标周围会闪耀着光芒。

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

8.Mozzila开发者网络 - 在该页面中打开浏览器的开发者工具(检查元素 - 控制台),可以看到他们的招聘信息,以及怪兽。

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

9.Google - 搜索医疗方面的关键词时(如图中所示的“哮喘”),Google会建议你向医师进行相关咨询。

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

10.亚马逊 - 在结账环节中,“继续”按钮下面会有文字提示用户“在最后一步之前你仍可查看该订单的详情”。

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

11.Waymate

 - 搜索行程信息时,页面在加载等待的过程中会展示行程目的地当日及之后两天的天气情况。

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

12.Paypal(iOS) - 多任务切换状态下,缩略图被模糊处理,防止隐私信息在切换任务的过程中被看到。

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

13.Google - 搜索“黄金分割率”时,Google会在页面中提供一个计算器,其输入框中自动填入黄金分割率的数字,便于用户直接根据自己的实际需求进行计算,无需将数字记录下来然后再使用其他工具完成计算。

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

14.IMDb - 500出错页面中的文案均来自知名电影中的对白。

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

15.Facebook - 如果某条评论使用的语言不是用户设置的默认语言,Facebook会在评论内容的下方输出一个“查看翻译”功能。

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

16.Etsy - 如果你试图给自己发消息,出错提示会显示“您又自言自语了?”。

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

17.Instapaper - 在其他应用中复制了一个URL链接之后,打开Instapaper应用,它会立刻提醒你是否要将之前复制的URL添加到稍后阅读当中。

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

18.Google+ - 从Youtube复制过来一段URL并贴到评论当中进行发布,系统会自动将URL转换为相应的视频名称。

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

19.Batch - 在拍照模式中开启闪光灯后,底部的照相机图标也会变为闪光灯开启的样式。

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

20.Firefox - 在地址栏输入URL时,如果有相关的页面正在某个tab中打开着,那么建议列表中的第一个就是切换到该tab,其中还有一个代表tab的图标。

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

更新:2014-06-06

收藏

5人已收藏

空空小巫

嘘...

  • 44

    作品

  • 714

    粉丝

  • 4

    关注

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

    猜你喜欢

      2014-06-06 好文转载 经验/观点 原作者: C7210 举报 4078 5 3 0

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

      0.0°

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

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

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

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      5
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录