网站界面技术的用户体验发展趋势

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

排版归来

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

单页网页

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

Web2.0美学的逝去

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

无限滚动

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

常驻导航

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

来源:UEO学习博客http://www.xueueo.com/post/299.html

广告合作
QQ群号:707632017

温馨提示:

1、本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。邮箱:2942802716#qq.com(#改为@)。

2、本站原创内容未经允许不得转裁,转载请注明出处“站长百科”和原文地址。

热门教程

  • Z-Blog教程
    Z-Blog教程
    ZBlog教程分享ZBlog安装教程、ZBlog建站教程和ZBlog使用教程等相关教程,包括如何创建...
  • WordPress教程
    WordPress教程
    WordPress教程提供了关于WordPress的基础知识和技巧,包括安装、设置、发布内容、选择主...
  • CSS教程
    CSS教程
    CSS教程提供了关于如何使用CSS来设计和美化网页的基础知识和技巧,包括选择器、样式规则、盒模型、布...
  • 宝塔面板教程
    宝塔面板教程
    宝塔面板教程是一个致力于向用户传授宝塔面板的使用技巧和知识的学习资源,旨在帮助用户快速上手和充分利用...
  • PHP教程
    PHP教程
    PHP教程提供了关于PHP语法、变量、函数、流程控制等概念的详细指导,同时介绍了常见的Web开发技术...

3个月免费VPS

亚马逊云科技

阿里云