设计响应式网站:响应式网站建设需要考虑的因素

文章描述:响应式网页设计需要考虑的5大预算因素。

本文作者Brad Frost,纽约数字互动广告公司R/GA的移动web战略家和设计师、前端开发工程师。作者主要对响应式网站和单独的移动网站进行了简单的比较,并总结了建设响应式网站的一些预算考虑!

首先,我想以一个真实的事例开始今天的主题。曾经有一个网站项目,在建设初期并没有把移动设备考虑在内,但是在随后的设计过程中,大约有80%的客户会问这样一个疑问:网站在iPad上面的显示效果会是怎样?面对整个问题,整个开发团队开始慌了手脚,于是整个项目的时间表需要重新制定,预算也跟着增加,而且最终做出来的效果也不尽如人意。

这个故事的寓意就是说,从项目一开始就要将各式各样的移动设备考虑在内,而且要意识到未来的不可预测性并且具有前瞻性,因为老一套的东西总是要被淘汰的,新事物总会不断涌现。

那么是选择设计响应式网站还是打造专门的移动网站?

其实这个话题几乎已经盖棺定论了,随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端,响应式网站设计已经成为大势所趋。但我还是想对两者进行简单的比较,建设响应式网站是不是比移动网站成本要来得低?起初,建设移动网站和响应式网站花费的成本可能差不多,但是因为移动网站存在N多不同的版本,后续的数据更新和设备维护需要大量的费用投入,而响应式网站则不存在这样的问题。另外,像Galaxy Note这样的小平板或者是大屏幕的手机仍然处于灰色地带,它们到底是显示移动版本的页面还是显示桌面版本的页面 ,真的是让用户左右为难。

建设响应式网站需要考虑的预算因素

相比单独的移动网站,虽然响应式网站后续的维护成本会比较低,但这并不代表响应式设计就是完美无缺的。而且涉及到预算问题,每一分钱都很重要,所以作好有效的预算也是很有必要的,下面是建设响应式网站需要需要考虑的一些因素:

1.与时俱进,掌握最新动态

让每个人都掌握业内的最新动态,确保团队里的每一个人都了解响应式设计是什么。如果不了解当下的最新情况,花点时间去了解,看看当下的趋势是什么,然后一起讨论如何去开展工作。

2.足够的时间来应对突来起来的变化

这很可能是财政预算需要考虑的最重要因素。很多开发人员一定很熟悉典型的“瀑布模式”的开发过程,“瀑布模式”只按照标准的桌面浏览器进行设计,除此之外,几乎没有考虑任何其它的设计开发环境,随着问题的不断积累,不得不放慢脚步,来应付各种棘手的问题。这是它最大的缺点。跨平台同步进行的响应式设计的出现让那些呆板的线性过程在多屏幕时代显得一无是处。

当然,因为响应式设计是跨平台同步进行,相对“瀑布模式”的开发过程而言,密切合作对于一个成功的响应式设计项目来说是绝对必要的。而在整个开发过程中,要给团队足够的时间来分类整理那些不可避免的、棘手的设计问题。

3.更多的测试和QA时间

只按照标准的桌面浏览器进行网页设计的的时代已经一去不复返,随着工作量的加大,测试和QA时间也相应增加,所以在作预算的时候,时间问题也是需要考虑的因素。另外,整个网页将会支持哪些设备、将针对那些设备进行优化也是需要事先考虑好,因为“支持”和“优化”两者之间还是有区别的。如果要针对每种设备进行优化,这是不可行的。鉴于预算有限,包容性并且前瞻性的解决方案就显得尤为重要了。

4.购买测试设备

在设备上进行实际操作和测试是非常有必要的,这就意味着在测试设备方面又要投入一笔预算。

5.了解渠道策略

有许多项目规划者在进行响应式网站设计的时候喜欢将整个项目细分,先是开发桌面版,再接着是手机版,最后是平板电脑版,其实这已经脱离响应式设计的本质。真正的响应式设计从一开始就考虑到这些跨平台问题,从而进行更详细的前期框架构图,设计和测试。

时间: 2024-08-30 10:53:38

设计响应式网站:响应式网站建设需要考虑的因素的相关文章

响应式网页设计:很全的响应式网页设计教程

文章描述:响应式网页设计考虑到多平台.多种屏幕尺寸的情况,能够优化多种设备的网络浏览体验. 响应式设计现在已经成为网页设计师学习的焦点.网页教学网发现群内有很多相关的讨论了,这说明我们平时接触该类案例越来越多.你会渐渐发现,我们身边越来越多的企业和客户关注到响应式网站,作为勤奋的设计师,我们怎么能不对它进行了解呢? 响应式网页设计考虑到多平台.多种屏幕尺寸的情况,能够优化多种设备的网络浏览体验.当你不知道用户使用什么设备,不知道用户的屏幕尺寸时,若想达到较优布局,可以采用响应式设计.在进行响应式

《移动优先与响应式Web设计》一下册 响应式Web 设计

下册 响应式Web 设计 移动优先与响应式Web设计响应式Web 设计 本文仅用于学习和交流目的,不代表异步社区观点.非商业转载请注明作译者.出处,并保留本文的原始链接.

浅谈企业网站集客式营销模式

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 如果企业网站仅仅是用来介绍新品.发布活动通告,这与普通网站没有大的区别,对于这样的网站,普通用户即便通过搜索引擎进入,点击相关内容匆匆浏览后就离开了,不会对网站留下太深刻的印象,那么如何才能让企业网站留住用户"执着"的目光呢?企业网站采取集客式营销是正解. 1.集客式营销模式与传统模式的不同 传统网站营销模式的特点是单一地

一个小网站,使用iis6,asp语言,发现最近网站响应很慢,w3wp进程占用内存很高,怎么回事?

问题描述 一个小网站,使用iis6,asp语言,发现最近网站响应很慢,w3wp进程占用内存很高,怎么回事? 小网站,使用iis6,asp语言,发现最近网站响应很慢,w3wp进程占用内存很高,怎么回事 解决方案 一样发现这个问题,同问,一直以为是好久没启动会相对慢一点而已

Nginx记录分析响应慢的请求及替换网站响应内容的配置_nginx

nginx记录分析网站响应慢的请求(ngx_http_log_request_speed)nginx模块ngx_http_log_request_speed可以用来找出网站哪些请求很慢,针对站点很多,文件以及请求很多想找出哪些请求比较慢的话,这个插件非常有效.作者的初衷是写给自己用的,用来找出站点中处理时间较长的请求, 这些请求是造成服务器高负载的很大根源. 日志记录之后,在使用perl脚本分析日志,即可知道哪些请求需要修正.1. 模块安装nginx第三方模块安装方法这里就一笔略过了. 配置参数

从“爆破式”发展的返利网站 观其背后真相

中介交易 SEO诊断 淘宝客 云主机 技术大厅 近年来,一些返利网站如雨后春笋般冒出来,诸如返利网,返还网等等.消费者通过返利网站登入相应的网上商城进行消费,就能在购物结束后得到一定的返利金额.这个噱头让众多消费者趋之若鹜.在返利网站的宣传中,纷纷标榜自己的网站能够实现较多的返利金额,有的甚至号称可以返还50%以上,但在实际操作中,要拿到返利网站宣传的返现金额着实不是一件容易的事. 返利网站就像一个商店,里面陈设着各种各样的B2C网站,消费者通过返利网站的这些"橱窗"能够了解到具体返现

谈网站导航设计:不是所有的网站都需要导航

中介交易 SEO诊断 淘宝客 云主机 技术大厅 网站策划中百分之七十的工作是围绕网站导航开展的"--这句话是错的.许多优秀的网站成功在导航设计,许多糟糕失败在导航设计,这个现象的确存在,但这并不意味着导航设计占有网站策划工作的绝对重心. 不是所有的网站都需要导航 策划这类思维活动,一旦形成了惯性也就失去了创造力.很多从事网站策划的朋友,总是把着眼点放在了网站的导航,殊不知很多网站压根不需要导航,因此,正确的网站策划思维应该是首先明确"我们是否需要导航",然后才是"我

如何设计兼顾美观与可用性的网站购物车

随着互联网的发展和周边资源的完善,网上购物已经走进了无数网民的生活,甚至成为他们生活中不可或缺的一部分.相应的,大量的购物网站也随之出现. 如何设计兼顾美观与可用性的网站购物车,是一门非常有研究价值的问题.本文为读者介绍了10个优秀购物车的设计技巧,并为读者推荐了一些国外的优秀购物车设计欣赏. 1. 整版车和迷你车 购物车通常有两种形式,整版页面的购物车和作为网页组件的迷你购物车.建议两种形式同时包括. 迷你购物车不影响购物车以外的布局,只显示购物的列表及简要信息,并且有一个醒目的链接指向整版购

从网站建设到优化推广,商城网站最终该如何建设

前言: 网站建设是互联网企业必须具备的虚拟物品之一,他起到一个展览,体现,发售物品等一系列能. 优化和推广是为了网站营销的手眼之一,网站务必从建起立始就为推广和商城打好基础. 正文: 今日和大家一起探讨下商城网站最终该如何建设和推广: 商城网站建设的策划: 1.首页的模板建设: 首页的架构,架构为图片和书契,书契局部以价钱和产品名为主,而图片多为产品图片而已,栏目可以分为,不一样类型的产品栏目,底部的书契,导航书契,边幅的一点相关信息,首页主要有的功能涵盖登录.注册,搜索,热搜等一点功能,这些功