当湾区联合劝募会United Way Bay Area(UWBA)和响应式设计管理系统开发公司Morweb CMS合作之后，他们为一个简单的网站带来了沉浸式用户体验，更取得了他们所希望的成效。

根据经济学家和商业专家透露，大约有90%的线上网站会在正式运行的前120天内遭遇失败。而在如今这个移动世界中，一个设计不佳的网站会让你前功尽弃。

在数字化领域里，网站给访问者的第一印象通常是很难被动摇的，而且这个第一印象将会始终伴随着用户，即便谷歌也不例外。移动网站需要精简，把网站设计好，用户就会回报你;反之如果把网站搞砸，用户也会离你而去。而United Way作为一家非营利性机构，如果网站做的不好，人们就不愿意再进行捐赠了。

然而过去，UWBA并不是很了解这一点。这家组织的工作，就是在旧金山湾区通过慈善机构募集资金，然后通过本地企业和政府机构为社区提供支持。该组织的网站是基于WordPress的，他们从2008年推出官方网站之后，就从未升级过。

为了让自己的组织在线上得以更好的展现，UWBA组织需要对现有网站进行优化，并采用响应式网站设计来提升其网页性能，同时也要提升他们在移动端的网页显示质量，以此促进更多人进行在线捐赠。

“对于非营利性组织来说，拥有一个网站，并且指引访问者进行一些意向活动，这点非常重要。”Murad Bushnaq说道，他是Morweb CMS公司首席执行官。“捐助流程不需要太多点击，要有较高的便捷性。此外，网站也需要给捐助者一些较为大胆的建议，因为如今的的移动用户都比较繁忙，他们希望在捐赠时简单快捷。而这也就是为什么湾区联合劝募会希望能够尽快推出响应式设计网站的原因。”

重新设计的关键点分别如下：

l 让成本维持在较低水平

l 增加线上捐赠(收入)

l 在数十亿互联网用户群中，鼓励个体贡献捐赠

l 最好能够支持在长达一年的捐赠贡献，而不是依赖于每季度的捐赠贡献。

为了实现这一目标，UWBA的网页网站和移动网站需要做到以下几点：

l 在持续性的基础之上，保持功能更新，有趣，易于理解，并提供相关的网页内容

l 提高访问者保留率，减少网站跳出率

l 在各种屏幕尺寸上最大化用户参与度，比如更新桌面分辨率，和移动设备(智能手机、平板电脑、等等)屏幕分辨率。

l 取消第三方插件，因为这种功能已经过时，而且也不安全，灵活性也不强。

l 让捐赠管理和线上捐赠流程变得更加简单，为用户提供一个更可靠的支付网关。

l 专注于“突出图片”的网页设计，这样能够触发更多情感联系。

l 提供一个便于更新的内容发布系统。

UWBA选择了响应式设计内容管理提供商Morweb CMS公司，后者提供了一个全新的平台。Morweb CMS曾经参加过SXSW大会，并且被NewsWatchTV等媒体评为“最酷、最令人兴奋的参展商之一”。Morweb CMS开发的是一套可拖拽的管理平台，用户不需要任何网页设计技术经验，也不需要任何编程经验。在这个平台上有可供DIY的网页编辑器，可以开发各种支持各种设备屏幕尺寸的响应式网站，比如桌面电脑，平板电脑，以及智能手机。

通过Morweb CMS公司的帮助，UWBA进入了一个全新的时代。“非营利性网站需要做好两件事儿，这是底线，一是他们需要一个吸引人的网页设计，把自己的服务理念传达给更多人，这个设计需要便于导航，并且利用图片进行情感联系，同时也要让捐赠变成一个简单的‘行为召唤’。第二，它需要利用科技，让组织便于更新、发展、并且管理自己的网站，特别是要对移动用户做好服务。”Bushnaq说道。

UWBA的网站变得更加可靠，也更有效率，即便是非技术员工也能够做出专业水准的网站更新。此外，UWBA的团队现在还可以方便的查看各种网站指标，比如流量，页面访问量，另外通过与Google Analytics进行整合还能看到点击量。网站安全也得到了很大提升，因为他们无需在客户端进行平台更新，所有的工作都在Morweb的主机服务器上搞定。

下面有一些指标数据可以证明：

通过采用响应式设计，UWBA：

l 移动手机的流量提升了34%。

l 平板电脑的流量提升了21.5%。

l 线上捐赠的年增长率同比增加了28%。

在网站建设过程中，要避免兼容性问题，需要从规划设计阶段到测试上线阶段都予以重视，以下是一些有效的方法： ### 规划设计阶段 - **明确目标浏览器和设备**：在项目初期，确定需要兼容的主流浏览器及其版本，以及目标用户可能使用的各种设备类型（如桌面电脑、笔记本电脑、平板电脑、手机等）和屏幕尺寸，以便在设计和开发过程中有针对性地进行测试和优化。 - **采用标准规范**：遵循W3C制定的HTML、CSS和JavaScript等相关标准和规范进行编码。使用语义化的HTML标签，有助于搜索引擎理解页面内容，也能使页面在不同设备和浏览器上的解析更加一致。 ### 设计阶段 - **响应式设计**：采用响应式网页设计，运用媒体查询、弹性布局等技术，使网站能够根据不同设备的屏幕尺寸自动调整布局和样式，确保在各种设备上都能提供良好的视觉体验。 - **图片处理**：使用合适的图片格式，并根据不同设备的像素密度提供相应分辨率的图片，以保证图片在不同设备上的显示效果清晰且加载速度快。 ### 开发阶段 - **CSS样式重置**：在编写CSS样式时，先使用通用的样式重置代码，消除不同浏览器默认样式的差异，为后续的样式设计提供一个统一的基础。 - **JavaScript兼容性**：编写JavaScript代码时，要注意不同浏览器对JavaScript的支持程度和实现方式的差异。避免使用特定浏览器特有的JavaScript特性和方法，尽量使用通用的、被广泛支持的JavaScript库和框架，并确保所使用的库和框架已经经过充分的兼容性测试。 ### 测试阶段 - **多浏览器测试**：在网站开发过程中，定期在各种主流浏览器（如Chrome、Firefox、Safari、IE、Edge等）及其不同版本上进行测试，检查页面的布局、样式、交互功能等是否正常显示和运行，及时发现并修复兼容性问题。 - **多设备测试**：利用真实的设备和模拟器，对网站在不同类型和尺寸的设备上进行测试，包括各种智能手机、平板电脑、笔记本电脑和台式电脑等，确保网站在所有目标设备上都能完美适配。 ### 上线后维护阶段 - **持续监测**：网站上线后，通过使用专业的网站监测工具，持续监测网站在不同浏览器和设备上的访问情况，收集用户反馈和错误报告，及时发现可能出现的兼容性问题。 - **及时更新**：随着浏览器的不断更新和新设备的推出，网站可能会出现新的兼容性问题。因此，需要及时关注技术发展动态，对网站进行相应的更新和优化，以确保其兼容性始终保持良好状态。

网站关键词：网站建设  网站设计  网站制作  上海网站建设  上海网站设计  上海网站制作  上海网络公司  网站建设上海  上海做网站  上海建设网站  上海做网站公司  上海建网站公司  上海高端网站建设  上海手机网站建设  怎么建设网站  如何建设网站  营销网站建设  品牌网站建设  网站建设方案  响应式网站建设  外贸网站建设  公司网站建设  建设网站  网站建设服务  高端网站建设  网站优化服务  上海网站公司  企业网站设计  官网制作  官网建设  官网设计  网站建设公司  网站设计公司  网站制作公司