20May

15 个用户体验设计剖析

浏览:
评论:0

用户界面和用户体验(UI/UX)是任何产品成败的关键,尤其 Web,Web 是一种公开的,可以被任何人随时随地访问的特殊产品,用户的体验几乎意味着一切,虽然内容更重要,但内容可以替代,体验却是独一无二的,本文分析了15个不同的 UI/UX 案例,优秀的用户体验给我们带来的启发是无价的。

内容滚动中的运动视差效果

iPhone 的多数社会化网络应用都包含数据刷新功能,有的是晃一晃机器,有的是按某个按钮,在我看来,最好的方法是下滑式刷新。包括 Gowalla, Foursquare 以及 Tweetie 等应用都默认使用该方法,你在用手指翻动列表的时候,如果想刷新一下数据,你的手指还没离开那个区域,如果使用按钮,手指必须离开当前的位置,导致操作上的不连贯,而下滑式刷新,手指继续留在原来操作的位置,只是改变一下动作。

我们从这里可以学习到的东西是,经常检查你的 UI,看看是不是存在让用户注意力转移的操作。

随时随地的提示界面

 

screenshot

一些深受欢迎的 Mac 程序经常是在后台默默运行,到了需要用户介入的时候弹出界面,完成后又默默消失,象

Web 上,基于 jQuery 的内容滚动面板非常多,

这是一个很神秘的小站点,神秘到我们不知道它到底是做什么的。但这个网站的顶部,有几个小色块,点击后,整个站点就按色块上的色调重新配色,虽然很简单,但用户体验实在太妙了。

Pixelmator

这个站点的导航很有特色,不仅流畅,而且设计出众,鼠标在导航条目上盘旋的时候,导航条目从左边的容器中微微探出,点击后,以渐变的方式,逐渐显示当前内容,这一切并没有使用任何 Flash 技术。

Web 上的拖放操作

在我看来,任何应用都应该支持拖放操作,当然 Web 有它的局限性,不过,近年来,Web 上的拖放操作已经很常见了。在上面的站点,你可以直接将喜欢的程序拖放到下载按钮处,直接下载。

这是另一个没有实际意义,但很吸引人的界面设计,Adobe 的在线 Photoshop 在加载的时候,会显示一堆照片,你可以把他们抓起来乱扔,让它们相互碰撞,其物理效果十分出色,非常吸引人。

随鼠而动

同样展示运动视差效果,同时,随着鼠标的移动,画面的工作区也随着移动。

这又是一个

我第一次使用 iPhone 的时候,对它的基于物理动力的交互 UI 印象深刻,在 Safari 上用手指翻动页面的时候,页面并不是按线性速度滚动,而是象现实物理世界中的物体那样,拥有曲线速度,先是快速滚动,然后慢慢慢下来。

至简的界面

screenshot

 

漂亮而复杂的 UI 让人喜欢,有时候,简洁的界面更吸引人。Mac 的 WriteRoom 是一个非常强大的文本编辑器,这些强大的功能隐藏在至简的界面下。
 

发布:DT27 分类:jQuery 引用:0

评论列表

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。