天空之城

 找回密码
 注册

QQ登录

只需一步,快速开始

!header_login!

!header_login_tip!

移动网站建站的十大原则

admin 发表于 2014-4-21 13:17:10 | 显示全部楼层   [复制链接]
7 2234

注册用户登录后可以浏览更多完整大图

您需要 登录 才可以下载或查看,没有帐号?注册

x

导语:适当的空间,避免意外点击(与加宽间距目的一样,都是为了扩大点击范围,防止用户因为按钮较小而误点其它选项或内容而造成的不便。也就是在有限的手机屏幕上再适当给按钮做些留白)

20130813021356826.jpg

近日,谷歌官方在Google AdSense十周年讲座上发布了移动建站十大原则,由于是PPT形式,所以小生把它整理成文字版的移动网站建站原则(也可以看做是谷歌手机站优化指南),供广大站长参考。

有兴趣的站长也可以对比下 百度发布的手机站优化指南 ,看一看立足于中文本地搜索引擎的百度与有国际视野的谷歌在 移动网站优化 上有哪些共同点和区别,在此仅总结谷歌发布的移动网站建站原则,当然这份移动建站原则也是偏向于中文站长的。

20130813021415483.jpg

1、简单快捷

所谓简单快捷,就是要在手机有限的屏幕上以最简单最实用最快捷的形式展示给用户最需要的东西,让用户方便。谷歌的建议是:

优先提供用户最需要的内容和功能

减法,减法,减法(解释一下,这一点其实就是在强调手机网站要去掉一切可以去掉的内容、功能、板块、按钮等,只留下最精华的部分,记住是最精华的部分。谷歌举例了淘宝的移动网站)

精简文字

压缩图片以提升网站加载速度

20130813021415137.jpg

2、简化导航

明确的目录结构,避免用户横向滚动页面

提供醒目的“后退”和“首页”按钮

20130813021416802.jpg

对于导航的目录结构,谷歌列出了四种常见的手机网站的导航形式,分别是:

横条式(谷歌指出,根据手机屏幕尺寸以及统计数据显示,横条最好不要超过7个)

大按钮式(这种形式是手机站最常见且应用最多的导航形式)

列表式

选项式

3、拇指操作

较大的按钮,降低操作难度

适当的空间,避免意外点击(与加宽间距目的一样,都是为了扩大点击范围,防止用户因为按钮较小而误点其它选项或内容而造成的不便。也就是在有限的手机屏幕上再适当给按钮做些留白)

间距加宽,扩大点击范围

使用颜色和阴影凸显按钮

这一点不仅仅是针对搜索引擎的优化设计,更是手机站针对用户体验的人性化设计,在这一点上,谷歌考虑的更周全些。

4、一目了然

确保内容与屏幕大小一致

背景和文字颜色的鲜明反差

使用留白空间

整齐的排版

舒服的字型大小

这一点同样是考虑用户体验的问题,如果是第三点是考虑用户手感或者说触感的话,第四点就是考虑用户的观感。

5、广泛适应

网站能在不同的移动设备上运行

移除flash,使用HTML5来实现互动内容和动画

根据屏幕方向调整显示

很多站长可能不太懂HTML5相关技术以及自适应网页技术,没关系,百度的手机站优化指南有相关知识,还是不明白的话,百度一下,你就知道。

6、轻松转化

简化注册登录流程

减少使用者输入:使用表单、菜单、选择框

着重提供有助于转化/注册的信息

还是尽可能的给用户提供方便,减少给用户带来的麻烦,节约用户的时间和浏览成本,要知道,时间就是金钱。

7、立足本地

与用户位置相结合的个人化信息

地图、路线、电话、本地信息等

在所有提供内容当中,除非用户是找寻通用信息,所以本地化信息是最对用户有帮助的。

8、流畅体验

允许用户保存搜索、书签、购买等信息

尽可能在所有平台提供相同信息和功能(即无论是PC端、平板端还是手机端都保持网站信息的一致性)

20130813021416709.jpg

9、重新定向

自动判断移动设备,重新定向相应适合的网站内容(自适应网页技术,根据不同的移动设备和屏幕尺寸,来显示相应的网站内容)

让用户可以切换电脑版与移动版网站

让用户选择下次访问的版本

10、持续改进

使用分析工具,了解用户如何使用网站

收集用户意见并反复测试,追踪表现

移动网站不是移动应用,所以可以持续的改进并调整。

回复

使用道具 举报

发表于 2014-4-20 16:37:12 | 显示全部楼层
楼猪的文章简直是惊天地。。。泣鬼神。。。
发表于 2014-4-20 16:39:51 | 显示全部楼层
楼主真不愧为无厘界新一代的开山怪!本来我已经对这个社区失望了,觉得这个社区没有前途了,心里充满了悲哀。但是看了你的这个帖子,又让我对社区产生了希望。是你让我的心里重新燃起希望之火,是你让我的心死灰复燃,是你拯救了我一颗拨凉拨凉的心!
发表于 2014-4-20 16:46:18 | 显示全部楼层
顶你个肺
发表于 2014-4-20 16:47:55 | 显示全部楼层
此贴构思巧妙,视角独到,手法新颖。字字斟酌,句句精美,情节曲折,而又始终不离中心思想,引人入胜,淡淡的言语中,显示人生之大道理,充分体现了您深厚的文化底韵与丰富的社会经验,真可谓讽刺之经典,骂人之绝学,这正是我辈苦学闷读追求的至高境界啊!
发表于 2014-4-20 16:48:39 | 显示全部楼层
楼猪的文章简直是惊天地。。。泣鬼神。。。
发表于 2014-4-20 16:50:25 | 显示全部楼层
也许这么做是犯天下之大忌,也许这句话才说一半,我就被同样祟敬您的这些追随者用牙齿撕成碎片,可是我不怕。是您给了我无限的勇气,是您在指引着我正确的方向,我抬起头,天空中您的身影渐渐浮现,您仿佛在朝我微笑,您轻轻的说:“just do it!”
发表于 2014-4-21 13:17:10 | 显示全部楼层
好贴,一定不要放过,顶












                               
登录/注册后可看大图

塑料颗粒比重仪
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|浩友团,为好友组团!

Copyright©2000-2020 迎接光与爱的新纪元 Prepare For Change All Rights Reserved. 版权所有 ( 沪ICP备16018105号  

快速回复 返回顶部 返回列表