论坛首页 Web前端技术论坛

15个用户体验设计赏析

浏览 19565 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (8) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-10-12   最后修改:2010-10-13

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

 

原文地址:http://www.woiweb.net/15-in-depth-examples-of-addictive-user-experience.html

 

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

screenshot

Parallax scrolling是让多层背景以不同的速度移动,形成运动视差 3D 效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验仍然非常出色。Charlie Gentle’s portfolio 网站就是该效果的绝佳展示,点击左右导航按钮,除了滚动进入不同内容区域之外,上方的多层背景图以不同速度移动而形成的3D运动视差效果非常漂亮。

iPhone 的下滑式刷新

screenshot

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

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

随时随地的提示界面

screenshot

一些深受欢迎的 Mac 程序经常是在后台默默运行,到了需要用户介入的时候弹出界面,完成后又默默消失,象 The Hit List, 随时随地会将需要通知的消息显示出来,看上去,象操作系统本身的功能。

Convertbot 的圆盘式菜单

screenshot

Convertbot 是为数不多的事实上并不好用但用起来又妙趣横生的 UI 设计之一。这个 iPhone 程序用来进行单位转换,iPhone 的应用商店这样的程序数不胜数,但都没有这个这么有趣。它设计了一个圆盘式操作界面,很形象,很漂亮,让人有时不时想拿出来用一下的冲动,这个案例告诉我们,有时候,中看也很重要。

SlideDeck 的手风琴式导航

screenshot

Web 上,基于 jquery 的内容滚动面板非常多,SlideDeck 是其中的佼佼者。使用独特的手风琴式界面显示内容,可以看做是 Outlook 风格导航面板的水平版,但视觉效果和体验更出众。

Strongbad 的随机回信

screenshot

StrongbadHomestarrunner 推出的经久不衰的网络动画中的卡通形象,每周,Strongbad 会给观众回复很搞笑的邮件,这些邮件慢慢越积越多,最近,站点开发方推出一个随机邮件浏览功能,点一下那个随机按钮,就像抽奖机那样随机选中一封过去的邮件显示。这个随机显示的过十分生动,让人忍不住一点再点。这个 UI 案例告诉我们,有时候,你在用户界面上的一点微小改动,有可能带来意想不到的效果。

   发表时间:2010-10-12  
为什么有的图片看不了?
0 请登录后投票
   发表时间:2010-10-13  
我的就只能看到一张图片。
1 请登录后投票
   发表时间:2010-10-13  
飞语001 写道
我的就只能看到一张图片。

同上
0 请登录后投票
   发表时间:2010-10-13  
要点击图片之后才能看到,可能跟网络有关
0 请登录后投票
   发表时间:2010-10-13  
除了第一张都看不到
直接跳去原文地址看= =
0 请登录后投票
   发表时间:2010-10-13  
只看到一张图片!同上!
0 请登录后投票
   发表时间:2010-10-13  
没图没真相呀。
0 请登录后投票
   发表时间:2010-10-13  
只能看到第一张图片
0 请登录后投票
   发表时间:2010-10-13  
xieshaohu 写道
只能看到第一张图片

同上只看到一张
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics