咨询邮箱 咨询邮箱:415634251qq.com 咨询热线 咨询热线:15625866371 柠檬网络微博

如何设计一个移动端网站?

发表日期:2015-04-29 21:39?? 文章编辑: ?? 浏览次数:
 
今天主要和大家分享一下为百度推广客户制作或优化自己移动站时,优质的移动网站可以带来更好的访客体验,直接提升客户在百度推广的转化效果。
 
通用体验标准包含6个方面的内容:网站基础体验、网站层级结构、页面排版、页面配色、字体字号、导航便利性。
 
移动端网站
一、网站基础体验
 
1.移动站正常打开,各页面加载时间不超过5秒
 
2.移动站支持主流浏览器,如uc浏览器、QQ浏览器、百度浏览器、Google、Safari等
 
3.各页面内容显示完整,没有无法显示的图片或其他内容。图片无拉伸或模糊现象。
 
4.各页面中链接可正常打开,无死链接或空白页情况。
 
二、网站层级结构
 
1.首页:主要承担分类导航和重要信息提示功能。应采用简洁布局,清晰分类,主要模板可包含banner,分类导航模块,产品列表模块,转化工具模块等。
 
2.列表页:主要用于分类展现商品产品或服务,主要包括分类列表模块,转化工具模块等。
 
3.分类列表模块:列表条目采用纵向排列,每页条数不超过10条;更多内容采用分页显示,列表下方使用"上一页""下一页"提示。列表条目一般分为纯文字和图文两种形式,推荐采用图文结合样式,图片内容与文字描绘相呼应,避免使用只有纯图片的页面。转化工具模块、顶部logo同首页要求一样
 
4.详情页:详情页用于让用户了解更详细产品信息,解答疑问促成转化。提要包括产品详情模块、转化工具模块等。产品详情模块:内容应采用图文或列表样式,重要信息突出显示,可用大字体、加粗等方式。转化工具模块、顶部logo:同首页要求
 
三、页面排版
 
1.页面宽度:适配多种尺寸手机屏幕,无需横向滚动,不放大时能清晰浏览内容。宽度推荐640像素,居中对齐,并通过480*800px和640*960px显示测试。
 
2.页面长度:单页内容不宜过长,建议首页内容控制在2屏内,列表页、详情页控制在3屏内。内容较多时可以分页显示,在页面底部使用"上一页""下一页"提示,如确需长页面显示,建议有悬浮的"返回顶部"按钮。
 
四、页面配色
 
网站配色使用WEB安全色(RGB256),禁止使用CMYK模式。各页面与首页配色保持一致。(网站配色合理,与所属行业有相关性,如幼儿园采用暖色、绿色调;IT、汽修培训采用蓝色调等。)
 
五、字体字号
 
所有网页字体默认微软雅黑或宋体,少量黑体,颜色要与背景对比明显。
 
文字大小易于阅读,做到不同分辨率自适配:开发程序中建议首页、列表页使用14-16号字;详情页标题使用18-22号字,内容使用12-16号字。
 
六、导航便利性
 
1.导航按钮每页采用统一样式,位置固定。大小适合手指点击,建议不小于32px*32px,按钮尽可能采用css样式来实现。
 
2.网站层级内容较多,应在页面上方增加弹出式全站导航模块或内容搜索模块。
 
3.页面跳转方便,推荐采用划屏翻页方式。
 
4.网站二级、三级页面有"返回上一级"导航链接。
 
5.网页内容不满一页时无翻页提示,分多页显示时在页面下方使用"上一页""下一页"等按钮链接。

欢迎来到本网站