导航模块的设计不同
手机网站会更加注重导航按钮的大小,符合用户的手指大小以及触碰习惯。PC 端的导航则是要全部都要显示出来,方便用户轻松点击栏目。
手机网站内部结构不同,更加扁平
因为手机网站的用户使用时间是零碎化的,设计更加扁平,因此移动端网站内部层次应该要尽量降低,使得用户用最少的时间,最快的速度找到想要的内容。
页面的优化手法不同
有时候我们打开 PC 网站,发现网站非常大气美观,布局也合理。但是到了移动端上看的话,由于页面不能适应移动端的页面,导致变形,甚至是无法正常显示出来。所以在设计网站页面时,如果是要做自适应网站的,一定要考虑到网页在移动端上的页面显示。
网站内容的布局不同
由于手机网站用户的浏览时间以及习惯,网站的内容布局一定要合理,能咋首页显示完整的内容就是最好的,如果不行,也要把目录层级控制在三层以上。另外为了缓解用户的浏览疲惫,在内容布局上一定要采取图片和文字结合,让赏心悦目。
网页的大小及加载时间不同
由于手机网站用户的网速有限,在网页大小及加载时间上需要控制好。一般单页面的加载时时间要在 5 秒以内,网页的大小也不要超过 50kb.需要减少 http 请求。减少重定向、减少传输数据的大小,压缩图像等等。