优秀网站案例 从2012年看网站体验的5大趋势

  译者注:抛砖引玉一篇趋势浅文。此文提炼的比较精辟,让人看完不由觉得“确实如此”。相比其他很多几十条泛泛而谈、泛泛而用的趋势文章来说,算是精品哦。另外,文中有很多优秀网站案例,也值得我们学习。

  原文地址:The Top 5 Website UX Trends of 2012 http://uxmag.com/articles/the-top-5-website-ux-trends-of-2012

  2012年,用户界面技术持续不断发展,常常有效地模糊了设计、可用性以及技术之间的界限,从而为用户带来了可用性高、愉悦性强的综合体验。例如,无限滚动是一个让用户拥有更加无间断连续体验的技术。类似的,网页排版技术的进步不仅体现在视觉上,也体现在可以更加清晰地传达信息。

   1.单页网站


  单页网站随处可见。大背景图片、丰富的插图和动画技术常常被用来讲故事、娱乐大众以及表达明确清晰的信息。摆脱了传统网站架构的限制,这种创意好、视觉美观的单页网站正蓬勃发展起来。Jess and Russ 和 Ben the Bodyguard是我(译者注:原文作者)很最喜欢的两个单页网站(想看更多优秀案例,请点击这里)。新的趋势无论合适与否,都将被争相模仿。这很容易导致网站风格的同质化,在某些情况下,还会让体验变得很糟糕。当然,如果运用得当,单页网站将是很好的选择。

   2. 无限滚动

    


  用户对无限滚动应该已经很熟悉了,可能他们自己还意识不到。无限滚动非常适合展现零散的、实时推送和按时间排列的信息,像Google images 或 Pinterest这类含有大量图片的网站很好的使用了这项技术,但是谨慎地执行来避免用户产生挫败感很重要。Lookbook也是一个很好的案例,无限滚动通过浮动的无线滚动条并结合一个“回到顶部”的按钮,让用户既可以不间断地浏览,也能轻松找到其他部分。无限滚动并不是一个万全之策,所以我们需要考虑充分才能使用。其实对于搜索结果、长列表和电子商务来说,页码标注也许才是最好的选择。

  3. 常驻导航


  对于复杂的网站、长的滚动页面或者有功能属性的工具栏的网站来说,常驻导航是最佳选择,由于它很容易让用户分心,所以需要弱化掉。 New Zealand’s tourism website 是一个很棒的案例,它只有一个顶部的导航栏,剩下的地方足够让主要部分展示内容。Gmail 网站同样把用户常用的操作放在了常驻的工具栏上。

   4. Web 2.0美学的逝去


  我们发现,视觉设计的趋势开始回归本色。排版和信息层级上使用平的、清新的和简单的方式,已经取代了Web2.0时代那种复杂、活泼、多层次的风格。很多网站和App甚至为了跨设备和屏幕分辨率舍弃了纯CSS样式那样生动的图形背景,比如我最喜欢的Basecamp, Dropbox和Smashing Magazine。

    5. 排版归来


  得益于大多数浏览器和设备渲染字体的技术越发成熟,设计师可以更加灵活地选择适合网站风格的字体。现在大家已经越来越意识到内容的重要性,因此如何通过排版更加有效地传达信息也显得尤为重要。未来几年内,在移动设备、响应式设计以及视网膜屏幕中,网站的排版仍然是一个重要焦点。比如我喜欢的一个网站 The New Yorker,正文采用了网站标准字体(Times New Roman),再配上设计过的标题和导航(字体分别是Irvin, Neutra),非常漂亮。

  2013年,我们将继续寻找更多优秀的网站案例,它们会通过平衡视觉、可用性以及技术实现为用户带来更好的体验。

  最后,译者再附上两篇关于2013设计趋势的文章,有时间会再为大家奉上对应的译文:

  http://theindustry.cc/2013/01/07/13-design-trends-for-2013/

  ——本文跨平台、综合地总结了13个设计趋势

  http://www.hongkiat.com/blog/web-design-trend-2012/

  http://www.hongkiat.com/blog/web-design-trend-2013/

  ——作者在2012年和2013年初总结了当年的网站设计趋势。我们可以来看看2012年的15条兑现了哪些,哪些还更需要努力,而2013的20条又有哪些新的趋势呢?

时间: 2024-08-01 08:35:36

优秀网站案例 从2012年看网站体验的5大趋势的相关文章

优秀网站案例 从2012年看网站体验的五大趋势

中介交易 SEO诊断 淘宝客 云主机 技术大厅 译者注:抛砖引玉一篇趋势浅文.此文提炼的比较精辟,让人看完不由觉得"确实如此".相比其他很多几十条泛泛而谈.泛泛而用的趋势文章来说,算是精品哦.另外,文中有很多优秀网站案例,也值得我们学习. 原文地址:The Top 5 Website UX Trends of 2012 http://uxmag.com/articles/the-top-5-website-ux-trends-of-2012 2012年,用户界面技术持续不断发展,常常有

看网站老大哥如何飙新闻

本报记者 陈翔 "2010年文化传播创新十佳网站"特别报道 看网站老大哥如何飙新闻 □本报记者 陈翔 由浙江省委宣传部.省委外宣办(省政府新闻办).省公安厅.省文化厅.省广电局.省新闻出版局.省通信管理局.省网络文化协会(筹)联合主办的"2010年浙江省文化传播创新十佳网站"评选活动于日前结束. 此次评选活动旨在推动互联网站发挥网络优势,积极运用新技术.新业务,不断创新文化传播的内容.形式.手段.渠道,促进我省网络文化事业健康繁荣发展,努力满足人民群众日益增长的精神

2012年移动应用3大趋势:位置服务全面兴起

导语:美国科技博客ReadWriteWeb周四刊文,列举了2012年移动 应用市场的3大趋势,分别为HTML5的逐渐成熟.位置服务的全面兴起,以及开发者服务的发展.以下为文章全文:1.HTML5的逐渐成熟目前,当我们讨论移动应用开发或移动操作系统时,HTML5是其中的重要一部分.2012年,HTML5最重要的发展或许就是没有太大改变.2011年底,HTML5就像一个新生事物,拥有无限的潜力.随着这一技术的发展,市场的弱者逐渐被淘汰.从技术角度看,HTML5正逐渐成为成熟技术.确实,2012年,H

块级数据将过时 2012存储10大趋势

每到年底,各行各业都涌现出未来趋势预测的观点,因为在年关将近之时,通过总结归纳过去的发展,它可以帮助我们更清晰地了解来年或者未来几年所发生的事. 全球最大的磁带机及磁带自动化供货商昆腾,为我们展示了2012年存储业界发展的十大趋势,下面我们一一为您呈现: 一.Scale-out存储更加普遍 Scale-out横向扩展存储不再是高性能计算环境的专利,人们将更加注重高附加值和高投资回报率.横向扩展存储将成为匹配性能和容量实现更快投资回报的必然要求. 二."云"的定义将趋于统一 很多人已经意

从左旋肉碱优化案例看网站SEO方向

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 当左旋肉碱案例在A5等站长网站曝光的时候,众多的seoer的优化心理都发生了变化,但是好景不长,百度专门针对左旋肉碱案例进行了搜索引擎的调整,于是,站长论坛一片沸腾,百度怎么了? 左旋肉碱案例,是一种优化方法发展到极致的表现,在众多的网站优化方法中,我们只要将其中的一点做好,排名优化便是很容易的事情,但是,无论是资深的还是刚入行的seoer,

32个使用 Google 网页字体的优秀网站案例

如今,网页设计师非常注重网页字体的运用,为了能让网站有更好的可读性和更强的吸引力,他们需要更漂亮的字体.Google网页字体(Google Web Fonts)为设计师们提供了几百种免费开源的字体,只需要在网页中加入一小段代码就可以在你的网页中现实漂亮的字体.今天这篇文章就向大家展示32个使用Google网页字体的优秀网站案例. 1. Shopify 使用的字体: Open Sans 2. Creep Fest 使用的字体: Homemade Apple, Copse 3. Icon Bits

10个优秀HTML5网站案例赏析

近期随着Adobe弃Flash转投HTML5开始,HTML5又开始吸引着大众的目光.在几大巨头的推动之下,HTML5将成为下一代Web的标准.与现在使用的HTML标记语言相比,HTML5有更多的标签和属性,使用也更为灵活功能也更强大.现在已经有很多前沿的网站开始使用上了HTML5,Techrepublic收集整理出了10个使用HTML5非常优秀的下一代Web网站. 什么才是优秀的HTML5网站? 因为HTML5还没有成为国际标准,旧的浏览器还无法支持HTML5,所以优秀的能当例子的HTML5网站

小屏,你好!——10大移动端网站案例赏析

移动互联网时代的悄然袭来改变着我们的生活方式,同时也有大批的设计力量涌入移动端设计领域.在web2.0时代背景下孕育成长起来的设计师们,在进入这样一个新鲜的领域时多少有些"水土不服".希望通过本文能给大家带来一些新的探索方向及尝试. 来源: TGideas 网络环境研究 根据 CNNIC第 32 次互联网络发展状况调查,截至2013 年 6 月,中国手机网民的总规模达 4.64 亿.其中,手机浏览器用户规模为3.69亿,同比增长21.0%,在手机网民中的渗透率为79.5%.用户使用手机

从九句话看网站的综合发展

从九句话看网站的综合发展 一.网站,要靠"悟".别人告诉你也没有用."借来的火,点不亮自己的心灵". 适合自己的方法要凭自己的经验去总结.去发现,别人给你的只可能是枣核,最好也只是个青枣. 二.认真去做只能合格,用心去做才能优秀. 这句话更能体现在初期的网站制作上,即使网站制作的再精美.内容再充实,没有目标用户,不知面向何方,再认真也只能算是个合格的网站,离优秀却有段距离.只有在做之前,用心考察过市场,了解这网站做出来是为什么.要怎么做.要怎么盈利,对整个过程都有了