谈网站的用户界面和用户体验

妖精卡门

妖精卡门

2016-02-17 03:22

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的谈网站的用户界面和用户体验,手机电脑控们准备好了吗?一起看过来吧!

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

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

谈网站的用户界面和用户体验,PS教程,图老师教程网

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

iPhone 的下滑式刷新

谈网站的用户界面和用户体验,PS教程,图老师教程网

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

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

随时随地的提示界面

谈网站的用户界面和用户体验,PS教程,图老师教程网

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

Convertbot 的圆盘式菜单

谈网站的用户界面和用户体验,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

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

SlideDeck 手风琴式导航

谈网站的用户界面和用户体验,PS教程,图老师教程网

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

Strongbad 的随机回信

谈网站的用户界面和用户体验,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

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

Made By Tinder 的主题色选择

谈网站的用户界面和用户体验,PS教程,图老师教程网

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

Pixelmator

谈网站的用户界面和用户体验,PS教程,图老师教程网

交作业

展开更多 50%)
分享

猜你喜欢

谈网站的用户界面和用户体验

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
谈网站的用户界面和用户体验

网站用户体验设计(UE)

Web开发
网站用户体验设计(UE)

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

谈网易首页新版的用户体验

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
谈网易首页新版的用户体验

谈如何提高用户的输入体验

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
谈如何提高用户的输入体验

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

浅谈网站广告和用户体验的平衡之道

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈网站广告和用户体验的平衡之道

怎样评估网站用户体验设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
怎样评估网站用户体验设计

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

After Effects制作金光闪闪的文字效果

After Effects制作金光闪闪的文字效果

网站设计中的一些流行背景效果

网站设计中的一些流行背景效果
下拉加载更多内容 ↓