手机网站设计趋势-2009系列1 | 在线广告分析-塞西莉娅

其实这是在Smashing Magazine上面看到的。是目前难以发现的好东西,经费劲的中文组合搜索,未果。

只好继续看英文的。。。

网站设计者知道目前行业在产生很多变化,只有不断的更新和学习新技术才能跟上时代的步伐。。。

过去这些年里面,{zd0}的变化就是人们开始使用手机去上网。

以下是打造手机网站的趋势、挑战、贴士和案例。

手机网站最奇妙的一点是:用户在手机网站上的“选择”大大下降。举例而言,digg的手机网站只有十个大标题和链接,一个登录链接,以及一些基本的导航选择。总之,一旦涉及到手机网站,简单才是王道。因为屏幕大小有限,联网速度比较慢,所以最重要的是让用户轻易获知最关键的内容。

?

留白对于任何设计来说都是重要的。对网页设计来说留白甚至是一个挑战。因为人们总是想把尽量多的内容展现在用户眼前。

留白对于手机网站来说甚至已经成为了必须,因为手机屏幕实在是小的多。

高速互联网连接应用越来越普遍。网站设计者们有了更大的自由去大量使用视频和图片。但是对于手机网站设计来说,大量图片运用反而可能导致坏处大于益处。

?

?

?

?

?

?

?

很多网站在使用.mobi作为其手机网站的主域名,但是更常见的是很多人在使用其主域名旗下的子域名。使用子域名的{zd0}好处是使所有的对外宣传的站点地址都集中到一个域名上,从而不会无意中使用户感到困惑。

你会看到很多这样的手机网站地址:mobile.example.com, m.example.com, example.com/mobile, example.com/m。

有一些实际案例是:, and . 当然也有一些与此相反的案例,但是当你查看手机网站时,你会看到更多的子域名,多过 .mobi这种一级域名。

因为页面非常简洁,用户的很多选择也大大减少,因此内容展示需要高度优化。所有的站点当然是要以用户导向为主。但是大多数站点的运营都是以商业为目的,总会存在一些用户并不真实需要的元素,比如图片广告。当互联网广告已经在很大程度上被接受了的同时,很多手机站点是没有广告的。对手机用户而言,在手机站点上能获取什么内容,才是他们{zd0}的考量。当然最终公司也会因为拥有一个用户体验优秀的站点而受益。

举例:看看洋葱的站点。像许多其他新闻网站一样, 在新闻故事里面安插了很多内部广告。但是它的手机站点则没有广告:
.

?

?

?

?

?

?

?

?

?

?

?

?

尽管网站设计者们习惯了处理不同屏幕大小,但是如果你没有处理过手机站点的设计,它会比你觉得你需要解决的更为复杂。

因为移动技术一直在变化,屏幕大小也一直在变化。对设计者而言,幸运的是现代的手机设备都有了更大的屏幕以及更高的分辨率。尽管那些老手机也还在市面上以及使用中。

关于手机屏幕大小,有2篇很好的文章。?和 。

这些文章研究显示,240X320对于手机屏幕来说应该是标准的大小。

以下图标展示了研究报告的结果:

随着iphone流行和其竞争对手扩张,越来越大的屏幕越来越流行。

?

?

?

?

?

?

?

?

?

?

?

{zd0}的挑战是设计者会被要从事一种全新的设计而吓住。如果在你之前的设计中从来没有考虑过浏览器和用户,那么手机网站的设计就不是没有何研究以及咨询就可以得心应手轻松对付的。因为手机浏览器的运行原理和互联网浏览器不一样,因为2者所面对的用户所在的环境也不一样。设计者需要获取一些理解和熟知用户的一些简略行为。

和许多其他技术一样,快速变化才是不变的。设计趋势一直在改变,这不算什么新鲜的挑战。

在手机互联网上,很多用户很可能会在一个你永远无法测试的环境下来访问你的手机站点。

首先, 有很多有用的特色来测试手机站点。因为CSS和图片可能失效,. 你可以使用工具条去除CSS和图片功能,再查看网站会是什么样子。它能帮助你明确,在内容和导航展示方面,会出现哪些潜在的问题。

另外一个有用的东西是。在opera的工具题条,你可以选更小屏幕进行查看。

通过使用小屏幕以及去掉样式表之后,你可以体验到用户访问站点的感受,以下截屏就是Smashing Magazine通过使用更小屏幕以及去掉样式表之后的样子:

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

网站设计者和站点所有者要准确评估什么才是最重要的。一个必须要考虑到的方面是一般手机上网用户的状态。他们在干什么?

他们为什么在那个时间登录网站? 他们可能或者不可能对什么有兴趣?

干净简洁的设计稿有助于让浏览器正常的展示站点,带给用户好的用户体验,不存在不必要的复杂。

对手机用户来说,能看到内容和打开链接才是关键,样式是次要的。一个站点拥有干净,有效可执行的设计,同时使样式表与内容脱离开来,对手机网站来说是一个好的开始。

因为有的用户可能会打不开站点上的图片,因此使用ART标签对于提高用户体验来说很重要。

与ART标签一样,告诉用户他去到了哪儿。

手机浏览器的易变性以及其文本风格的受局限性,使手机网站的头部变得很重要。

head1,2,3会帮助部分文本得到强调,建立一个对于用户来说更为合理的页面架构。

一般来说没有漂浮,网站会更具备易用性。

太多的旁白与填充会让设计看起来很别扭。

手机网站的导航选择在大大减少。只提供最相关的链接。如果可以的话,再给用户一个可以到达其他导航的入口。

因为手机屏幕与电脑所呈现的不一样,要保证背景与文字链有足够的鲜明对比。这样内容比较好读。


转载本站文章请注明,转载自:在线广告分析-塞西莉娅[]
本文链接:

Leave a reply

郑重声明:资讯 【手机网站设计趋势-2009系列1 | 在线广告分析-塞西莉娅】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——