博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动网站设计与开发的碎碎念
阅读量:5947 次
发布时间:2019-06-19

本文共 1976 字,大约阅读时间需要 6 分钟。

hot3.png

        移动开发的快速发展让移动用户使用移动设备变得更容易。人们通过使用移动设备可以很容易地访问移动网页。根据最近的一项研究,超过6300万的美国人通过移动设备访问不同的移动网站,其数量预计到2013年底达到近2亿。由于使用移动设备的人数在不断增加,因此对于设计师和开发人员来说,专门设计适应移动设备访问的网站显得十分重要。

        对于开发者或者设计者来说,移动开发就技术而言,不需要再花太多的额外时间精力去学习,需要去做的就是设计移动网页,需要全新的视觉去考虑问题。在移动网站的开发过程中有需要遵守一些规则,开发者和设计师都应该去遵守,这样从你们手下出来的移动网站才会有更好的效果。

  • 统计分析程序不可少

        通过统计分析程序可以获得对应的数据,比如知道访问你移动网站的客户端操作系统有哪些?你移动网站那些模块的访问量比较大?哪些模块的访问量比较小?用户访问高峰期的时间段是什么?等等,这些数据对你的移动网站开发是很有帮助的。

  • 用户的组成部分需要很好地分析

        以为移动用户和PC用户从操作习惯和使用风格上有很大的而不同,所以在设计和开发移动网站的时候,需要从用户的角度出发。让你的移动网站迎合你的受众群体。

  • 网站使用图片的优化

        移动网站的开发过程中,如果图片不注意优化,会带来很大的麻烦,有时候甚至是灾难性的后果。如果图片的尺寸很大,加载的时候十分耗费时间和流量,就必须考虑,移动用户的网络并非所有都是3G、4G的。所以,能用小图片的地方绝对不用大图片,能不用图片的地方绝对不用图片。

        针对不同分辨率的移动设备就要给出不同质量和不同尺寸的图片,这个观点是必须需要充分重视的。其实这就是响应式Web设计的概念,在响应式Web设计中图片的响应式是一个很重要的概念。

        在移动网站的开发过程中,要是用图片压缩、前端图片优化等各种技术来对网站使用的图片进行优化。     

  • 避免使用下拉菜单

        大家可以去体验一下PC端和移动端的下拉菜单的效果,可以很容易发现,在PC端使用下拉菜单是十分好用的,但是在移动端,是很容易出错的,而且当移动网页上的下拉菜单内容列表过多时,加载会很耗费时间的,这个很影响性能和用户体验。

  • 对你使用的Javascript和CSS进行优化

        除了对Javascript和CSS进行代码规范的优化之外就是要对Javascript和CSS进行减肥,这样可以减少用户下载时间。能缓存到本地的尽量缓存到本地。HTML5提供的manifest本地缓存机制就是一个很不错的选择方式。

  • 网站布局需要重视

        移动网站的布局需要做到简单明了,从移动设备的特性来看,尽量使用垂直方向的布局风格,尽量不要使用水平方向的布局风格,因为需要用户进行水平滑动,这种操作风格和一般使用习惯是相悖的。尤其是有的设计师异想天开,使用水平和垂直方向混合布局方式,那样作为用户来说,会凌乱会抓狂的。

  • 手机特性不能遗忘

        移动网站和PC网站的一个很大的不同就是可以利用移动设备的特性,来为移动网站添加一些PC网站所不能拥有的特色,比如说:直接拨打电话、直接发送短信、地理位置定位、重力感应等。当然有一些手机有的特性比如拍照之类的功能,光凭HTML5是做不到的,这时候就需要使用一些中间件技术来实现。

  • PC版本的网站链接必须有

        PC版的网站和移动网站其实是一个版本,最理想的状况就是同一个URL,相同的内容,只是在PC和移动设备上不同的展示方式和布局方式。这其实也是响应式Web设计的最终极意义。但是实际开发过程中不是这样的,移动网站一般都是专门定制的,这时候PC网站其实就相当于移动网站的本,我们都是优秀的龙的传人,所以我们不能忘本,在你的移动网站的Footer或者Header部位一定要给出PC网站的链接。

  • 访问速度必须要提高

        为什么速度要必须提高?我想这个问题不用我说,有人做过调查,如果打开一个网页需要3秒以上,那么就会有很大一部分用户放弃。更何况在移动设备上讲究的就是快和方便,如果你移动网站的一个页面打开时间比你PC网页还要慢,那你问问你自己,如果你是用户,这样的网站你以后还会来吗?所以,除了一些技术上的性能优化来提高访问速度之外,我们还要关注功能本身,尽量减少移动网站中华而不实的东西。移动网站展现给用户的内容要PC网站更加直接才行!

  • 移动网站的SEO不能丢

        SEO是做什么的?SEO有什么用?网站做不做SEO会有什么样不同的结果?这些问题我想只要做过网站的都会知道。所以即使是移动网站,SEO也是一样重要的,URL的改造、页面元素优化、sitemap提交等等SEO优化策略都要在移动网站上去施行。这样你的访问量才能上去,访问量上去了,接下来你想做什么才有资格。如果没有一定的访问量,你想做什么都是空头支票。

转载于:https://my.oschina.net/iamjiuye/blog/159408

你可能感兴趣的文章
css选择器
查看>>
使用多线程
查看>>
Django--Uploaded Files以及Handlers
查看>>
在IIS(64位)上部署WCF服务访问Oracle数据库
查看>>
个人在 laravel 开发中使用到的一些技巧(持续更新)
查看>>
iOS之KVO
查看>>
数组的代替品
查看>>
BZOJ-1878: [SDOI2009]HH的项链(莫队算法)
查看>>
Python3 定时访问网页
查看>>
两种算法解决查找子串的问题:hdu1711
查看>>
老板,让我们专注的工作【写给老板的一封信】
查看>>
LBS突围:从微信到微博
查看>>
SFB 项目经验-40-Skype for Business-呼入正常-呼出不正常
查看>>
吴忌寒江卓尔批“闪电网络”背后,是链圈和矿圈的的利益之争
查看>>
python的cls,self,classmethod,staticmethod
查看>>
应用系统中常见报表类型解析
查看>>
[Silverlight入门系列]使用MVVM模式(9): 想在ViewModel中控制Storyboard动画?
查看>>
3 项目计划
查看>>
SQL Server 2008 下载地址(微软官方网站)
查看>>
如何对已经发布过的InfoPath模板进行修改
查看>>