以用户为中心的设计 |
这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。 推荐您进入文章源地址阅读和发布评论:http://lovelyrosa.blogbus......42175443.html |
||
(续接上文)五。Tab的真实应用现在为止,我们从细节上探讨了Tab这种交互元素,是时候来看看真实案例了,在这一章节,我们分析一些Tab元素的应用,希望可以带给大家灵感。 这个网站在首屏位置使用大量Tab元素 以展现数量庞大的信息。 雅虎在头版位置使用Tab设计,对信息内容的显示进行了压缩和模块化。 Igoogle在模块中大量使用了Tab,不占用大量的屏幕空间,又令信息饱满。 蓝橡果网站 利用Tab来显示网站的热门文章: 电子商务和Magento(一个电商软件平台),内容区上还放置着引导用户浏览更多文章列表的按钮。 在这个案例中,你可以看到利用图标强化标签文字描述的应用。 WebNotes 网站的Tab元素,标签位于内容区下方,令人耳目一新。内容区切换时有淡入淡出的动画。 WordCat.org 在搜索框中使用了Tab标签,让用户可以针对特定搜索需求缩小搜索范围。(比如书籍、DVD、或者文章) Martha Stewart 在网站的“推荐内容”上应用用了Tab设计,可以自动播放和带有过渡动画。 Krista’s Creations 利用字母表作为标签来控制图片的分类显示。 Clearspring 拥有响应速度极快的Tab,这是一个非常好的古典样式的Tab设计案例。 在网站Homewood中,它们也利用icon来辅助了标签上文字的表述。 ...
|