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 的主题色选择
这是一个很神秘的小站点,神秘到我们不知道它到底是做什么的。但这个网站的顶部,有几个小色块,点击后,整个站点就按色块上的色调重新配色,虽然很简单,但用户体验实在太妙了。
猜你喜欢
- 在此之前,我写了两篇关于ASP结合XML的贴子,分别介绍了用XML取代数据库和用XML整合数据库这两方面的技术,让数据库在某种情况下不再是我
- 动手写个小组件(组件入门) 这篇文章主要是为想将自己的ASP水平提高的人写的! 把ASP代码变成组件,开发者不仅是加快了ASP的速度,而且也
- 本文阐述了网页设计中的十大诀窍,作为网页开发者我们应该注意,这样才能最大限度得发挥网站的功能和效益: 预早筹划设计主页未必很艰难。
- 初学者可以看看。在的img标签有两个属性分别为alt和title,对于很多初学者而言对这两个属性的正确使用都还抱有迷惑,当然这其中一部分原因
- 代码片段一:alert(Function instanceof Object); // truealert(Object instanceo
- <% Rem Rem ## 在线升级类声明 Class Cls_oUpdate
- 在ASP编程中,身份认证可以说是常要用到的。但怎么样才能做到认证的安全呢?表单提交页面:sub.htm &
- 根据google最新的算法规则:用户行为模式的重视程度越来越高,这也就要求网页设计的时候应注意“合理的网页结构”,SEO业界也有个共识“网页
- 由于工作需要,所以前一阵子将IE升级到了8.0,结果今天发现出现一个问题,eWebEditor的在线编辑器不好用了,仔细想想,肯定是IE8搞
- 近又开始做网页,发现之前写的页面不规范,这次从头在来,希望一次比一次进步,先从CSS中的标点符号开始吧,这篇做为草稿已经放了很长时间了,还是
- 想要asp能连接mysql数据库需要安装MySQL ODBC 3.51 驱动 http://www.jb51.net/softs/19910
- 万众瞩目的 Firefox 3 从昨天开始可以下载了,用“铺天盖地”四个字来形容她的宣传一点都不为过。大多数的广告还是她的fans自发进行的
- 无论使用int还是varchar,对于Status的多选查询都是不易应对的。举例,常规思维下对CustomerStatus的Enum设置如下
- Abs (数值)绝对值。一个数字的绝对值是它的正值。空字符串 (null) 的绝对值,也是空字符串。未初始化的变数,其绝对为 0例子:ABS
- '================================================ '
- 学习目的: 掌握最基本的Label、TextBox、Button控件用法 掌握用StringBuider类连接字符串 理解服务器的环境变量
- 数据库是什么 在学习ACCESS之前,我们先了解一下什么是“数据库”。我们举个例子来说明这个问题:每个人都有很多亲戚和朋友,为了保持与他们的
- 一.WITH AS的含义 WITH AS短语,也叫做子查询部分(subquery factoring),可以让你做很多事情,定义一个SQL片
- SQL SERVER数据存储的形式在谈到几种不同的读取方式之前,首先要理解SQL SERVER数据存储的方式.SQL SERVER存储的最小
- 如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:推荐:网页弹出窗口