15个用户体验设计剖析
来源：35公里 发布时间：2010-05-11 16:43:00
用户界面和用户体验（UI/UX）是任何产品成败的关键，尤其 Web，Web 是一种公开的，可以被任何人随时随地访问的特殊产品，用户的体验几乎意味着一切，虽然内容更重要，但内容可以替代，体验却是独一无二的，本文分析了15个不同的 UI/UX 案例，优秀的用户体验给我们带来的启发是无价的。
内容滚动中的运动视差效果
Parallax scrolling是让多层背景以不同的速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验仍然非常出色。Charlie Gentle’s portfolio 网站就是该效果的绝佳展示，点击左右导航按钮，除了滚动进入不同内容区域之外，上方的多层背景图以不同速度移动而形成的 3D 运动视差效果非常漂亮。
iPhone 的下滑式刷新
iPhone 的多数社会化网络应用都包含数据刷新功能，有的是晃一晃机器，有的是按某个按钮，在我看来，最好的方法是下滑式刷新。包括 Gowalla, Foursquare 以及 Tweetie 等应用都默认使用该方法，你在用手指翻动列表的时候，如果想刷新一下数据，你的手指还没离开那个区域，如果使用按钮，手指必须离开当前的位置，导致操作上的不连贯，而下滑式刷新，手指继续留在原来操作的位置，只是改变一下动作。
我们从这里可以学习到的东西是，经常检查你的 UI，看看是不是存在让用户注意力转移的操作。
随时随地的提示界面
一些深受欢迎的 Mac 程序经常是在后台默默运行，到了需要用户介入的时候弹出界面，完成后又默默消失，象 The Hit List, 随时随地会将需要通知的消息显示出来，看上去，象操作系统本身的功能。
Convertbot 的圆盘式菜单
Convertbot 是为数不多的事实上并不好用但用起来又妙趣横生的 UI 设计之一。这个 iPhone 程序用来进行单位转换，iPhone 的应用商店这样的程序数不胜数，但都没有这个这么有趣。它设计了一个圆盘式操作界面，很形象，很漂亮，让人有时不时想拿出来用一下的冲动，这个案例告诉我们，有时候，中看也很重要。
SlideDeck 的手风琴式导航
Web 上，基于 jQuery 的内容滚动面板非常多，SlideDeck 是其中的佼佼者。使用独特的手风琴式界面显示内容，可以看做是 Outlook 风格导航面板的水平版，但视觉效果和体验更出众。
Strongbad 的随机回信
Strongbad 是 Homestarrunner 推出的经久不衰的网络动画中的卡通形象，每周，Strongbad 会给观众回复很搞笑的邮件，这些邮件慢慢越积越多，最近，站点开发方推出一个随机邮件浏览功能，点一下那个随机按钮，就像抽奖机那样随机选中一封过去的邮件显示。这个随机显示的过十分生动，让人忍不住一点再点。这个 UI 案例告诉我们，有时候，你在用户界面上的一点微小改动，有可能带来意想不到的效果。
Made By Tinder 的主题色选择
这是一个很神秘的小站点，神秘到我们不知道它到底是做什么的。但这个网站的顶部，有几个小色块，点击后，整个站点就按色块上的色调重新配色，虽然很简单，但用户体验实在太妙了。
0
投稿猜你喜欢
导语：除夕除夕，就是除去烦脑，迎接新的希望！在这里小编先祝大家除夕快乐，岁岁常欢笑，事事皆如意！正文：创建画布setup和draw是p5.j- 面向对象的程序设计随着程序的设计的复杂性增加，结构化程序设计方法又不够用了。不够用的根本原因是“代码重用”的时候不方便。面向对象的方法诞生了
- 基本环境配置python 3.6pycharmrequestscsvtime相关模块pip安装即可目标网页分析网页一切的一切都在图里找到数据
- 案例：爬取使用搜狗根据指定词条搜索到的页面数据（例如爬取词条为‘周杰伦'的页面数据）import urllib.request# 1
- 今天我们继续向大家介绍一款翻页效果的制作。当鼠标移动到链接上时，翻页的链接区除了有悬停效果，还会放大。这样的效果具有很强烈的效果。大家适当美
- 学一门新技术或者新语言，我们都要首先学会如何去适应这们新技术，其中在适应过程中，我们必须得学习如何调试程序并打出相应的log信息来，正所谓“
- 前言： 年底了，你的数据库是不是该巡检了？一般巡检都会关心密码安全问题，比如密码复杂度设置，是否有定期修改等。特别是进行等保评测时
- 1.介绍Go语言中的测试依赖go test命令。编写测试代码和编写普通的Go代码过程是类似的，并不需要学习新的语法、规则或工具； go te
- 现在向大家介绍mysql命令行下，从数据库的建立到表数据的删除全过程，希望对大家有所帮助。登陆mysql打cmd命令终端，如果已经添加了my
- 本文实例讲述了Python Django框架实现应用添加logging日志。分享给大家供大家参考，具体如下：Django uses Pyth
- 因为外贸网站,禁止同行抄袭，所以防止中国ip访问访问,访问的时候有密码提示,这样的代码如何写.请给一个提示.或者有好的代码,请分享下。 &n
- 可以不依靠DSN，但又可以在数据库连接字符串中指定驱动程序、服务器名字、数据库、数据库账号和密码吗？可以。在SQL Server 7，使用这
- 最近关心电子商务比较多，阿里系产品目前还是业内标杆，值得学习的对象。前几天Jack Ma对支付宝用户体验的严厉批评，成为业内交流热点，据说原
- asp分页做为一个经典的asp问题，有着非常丰富的分页形式和分页方法，但是大多数的asp分页都是使用VBscript作为服务器端的脚本，本文
- 1 栈的概念栈由一系列对象对象组织的一个集合，这些对象的增加和删除操作都遵循一个“后进先出”（Las
- bootstrap前端开发工具栅格系统版心 .container栅格布局 (一行分为12格，响应式布局).row.col-md-12.col
- 本文实例讲述了CentOS7系统搭建LAMP及更新PHP版本操作。分享给大家供大家参考，具体如下：搭建LAMP环境 用yum安装安装Apac
- 1. 引言在本文中，我们将研究从列表中选择随机元素的不同实现方法。在日常项目中，我们经常会遇到这种情形，比如随机从多种数据增强策略中选择一种
- Python的matplotlib模块中的errorbar函数可以绘制误差棒图，本次主要绘制不带折线的误差棒图。1.基本参数errorbar
- 前言Martin(Bob大叔)曾在《代码整洁之道》一书打趣地说：当你的代码在做 Code Review 时，审查者要是愤怒地吼道：“What
