如何决定你的移动互联网战略？

1顶
0踩

2015-02-26 10:01 by 副主编 mengyidan1988 评论(0) 有4851人浏览

移动互联网用户体验

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

哪样东西是你永远都不想遗留在家里的，随时携带在身边并触手可及，即便是睡觉的时候？

或许对大部分人来说答案是手机。我们对移动设备（和可穿戴设备）不断增长的依赖是很明显的。所以对开发者来说，拥有一个强大的移动互联网战略应该是你未来网页设计和网站的一个组成部分。

当我们听到“移动Web”这个概念时，我们想到的第一件事是响应设计以及过多的工具与框架使其成为可能。有一些简单的复制桌面网站的做法，其不能作为一个移动互联网战略。这只能说是权宜之下的“创可贴”，以最少的努力换取最好的情势。不过它忽略了移动的关键点——提供一个“精致的”用户体验。而现在是时候将移动互联网的焦点从响应Web工具转移到用户了。

桌面和移动之间的关键不同

第一步需要了解的是，跟桌面相比，移动设备提供了一种不同的用户体验。它们有不同的用途。一些移动体验不同于桌面体验的有：

它是一个“个人”设备：鲜有人会去共享一个电话。小屏幕手机保证了任何在你身后的人无法看清屏幕。
它意味着容易、即时访问：也就是说人们希望移动Web页面加载是即时的，或者至少要比在台式机上快得多。
它总是被连接的：无论是通过蜂窝数据还是Wi-Fi。这意味着除非手机用户拥有无限的流量，否则都会谨慎于下载东西的大小。
交互的主要方式是触控：没有鼠标点击，也许以后交互的主要方式会变为声控。
屏幕是有限的：这导致不同的查看和使用模式。

更多移动用户体验的细节点击此处查看。

不要仅照“桌面网站”的葫芦画“移动Web”的瓢

正如你从上图所看到的那样，移动设备的使用模型是不同于桌面的。常用的将桌面网站缩放到移动设备上的方法是导致移动访问失败的本质。

响应网页设计为所有的设备供应相同的HTML，使用CSS来改变内容显示的方式。然而这并不适用于移动设备。例如，HTML标记Web页面释放的顺序。在桌面上，你希望菜单在顶部，便于用户导航。在移动设备上，你希望能够看到和访问的实际内容可以直接导航到其他页面。所以你不想先加载菜单，菜单最好是收缩的，或在屏幕的底部。

而媒体这一块，即使你使用CSS或JavaScript来调整图像大小，但最终先加载的是大图，然后才把它缩放下来。这也加大了用户的数据消费和整体页面的加载时间。

聚焦用户体验

用你缩放桌面或使其响应的工具来开始你的移动互联网战略？不！或许你应该考虑先从关注你的用户开始。

考虑到断点，它们形成了RWD的基础以及基于常见设备的属性确定布局、内容加载。但是定义断点是正确的路吗？同样，随着该方法而来的问题是它侧重的是移动设备而不是使用设备的人。相反，为什么不选择基于你想让用户怎么体验网站的逻辑断点呢？

绘出你希望你的用户与你的网站交互的蓝图，即你想让他们在每个阶段体验到什么，以及整体感受。也许这些都是好的设计元素，但是，它们常常在我们设计的过程中迷失了。

Web应用VS响应站点/单独的移动站点

当你决定想要实现什么样的移动Web体验时，接下来就需要找出工具。你需要探索一些选项：你应该追求本地Web应用吗？你应该做一个响应站点吗？或者你需要创建一个单独的移动站点吗？它们都有各自的优点和缺点，你需要决定基于哪个才是最适合你的用户的。

一个响应站点更容易管理——对所有设备的单一URL和单一设计，对用户来说更容易记住和访问，对你来说更容易维护。桌面和移动都利用一组通用的搜索引擎优化和营销工具。制作一个网站绝对要比制作两个或两个以上的网站（以适应不同的移动设备）便宜得多。但是，移动体验可能不是最优转换，它可能需要更长时间来加载，也有可能在某些移动浏览器上不正常显示。

编者注：有些情况不值得选择响应站点的，想要了解的朋友可以查看《响应设计不值得的五个原因》。

你可以通过创建一个单独的移动网站来避免上面的问题，不过这也意味着你必须创建和维护两个独立的网站与URL，也许还有包括独立搜索引擎优化和营销的努力。

本地应用也是非常受欢迎的。应用几乎可用于所有事物。应用是即时可用的，并比网站更容易访问。但它们需要额外的开发和维护成本，并且在移动设备上不是普遍存在的——你需要为iOS、Android以及其他你想要运行的系统开启端口。

最终的决定应该基于哪一介质能更好的服务于客户业务。在这里推荐一篇文章，或许可以更好的帮助你如何选择这三者，点此进入。
内容结构的正确

在移动设备上显示一个桌面内容的子集是行不通的。用户对设备的选择是不固定的，他们可能经常选择一个方便的移动设备去做一些事情，而不是笔记本。他们可以在一次会议上使用平板电脑来记录重要的内容等等，所以当决定内容的时候，你的注意力应该放在确保提供正确的用户体验上，而不是简单的为了移动用户而减少内容，这是穷人的内容策略。

一个响应Web设计不会解决你的内容问题，当然一个单独的移动网站也不会。

设计已经走了很长一段路，从激光打印机开始，我们把一切都整齐的从左到右排列到页面上。从那时起“F型”已经成为主要的设计布局，紧随其后的是Z布局。试想一下将这些用于移动网站，在狭窄的手机屏幕上持有F模式或Z布局？手机屏幕需要垂直布局，而不是我们之前所用的水平设计。所有的这些都足够有理由让你评估你希望你手机网站实现的最终目标。专注于终端用户和转换响应的结构内容。

老实说，开发移动Web策略没有什么正确的答案，它涉及到评估用户业务以及他们想要何种交互方式，然后开发一个集中于终端用户体验的移动战略。或许这是一个很好的开始，不是吗？

原文来自：sitepoint

查看图片附件

来自: CSDN

分享到：

1
顶

0
踩

评论共 0 条请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

大章鱼：跨平台统一大数据机器学习与数据分析编程框架与系统

“结合智能计算的大数据分析”成为第一大预测热点。“大数据与神经计算、深度学习、语义计算以及人工智能其他相关技术结合，成为大数据分析领域的热点。”

数字化体育：跨平台数据共享

1.背景介绍随着数字化时代的到来，体育运动也不能逃脱数字化的潮流。数字化体育是指利用数字技术对体育运动进行数字化处理，包括数据收集、存储、处理、分析、展示等。数字化体育的发展不仅提高了体育运动的科学性和精确性，还为体育运动的发展提供了强大的数据支持。数字化体育的一个重要方面是跨平台数据共享。跨平台数据共享是指不同平台之间的数据交流与共享，以实现数据的统一化管理和有效利用。在数字化体育中，跨...

蚁剑自定义数据目录实现跨平台数据共享

前言中国蚁剑是一款开源的跨平台网站管理工具，它主要面向于合法授权的渗透测试安全人员以及进行常规操作的网站管理员。任何人不得将其用于非法用途以及盈利等目的，否则后果自行承担！ 0x1 蚁剑作为一款致敬菜刀的工具，可说青出于蓝而胜于蓝。菜刀在2016年更新过一个最新版本，可以实现自定义配置文件的方式来绕过WAF的功能，但实际测试和应用中发现还是存在不少bug。蚁剑这款工具在刚面世的时候有接触过，后来...

[Corona] 开发经典命令行程序 (Corona 实现) 第2版 (英文版)

☆ 资源说明：☆ [Packt Publishing] 开发移动应用游戏 (Corona 实现) 第2版 (英文版) [Packt Publishing] Create Mobile Games with Corona Build with Lua on iOS and Android (E-Book) ☆ 图书概要：☆ Develop cross-platform mobile games with Corona using the Lua programming language! Corona is experiencing explosive growth among mobile game developers, and this book gets you up to speed on how to use this versatile platform. You'll use the Corona SDK to simplify game programming and take a fun, no-nonsense approach to write and add must-have gameplay features. You'll find out how to create all the gaming necessities: menus, sprites, movement, perspective and sound effects, levels, loading and saving, and game physics. Along the way, you'll learn about Corona's API functions and build three common kinds of mobile games from scratch that can run on the iPhone, iPad, Kindle Fire, Nook Color, and all other Android smartphones and tablets. ☆ 出版信息：☆ [作者信息] Silvia Domenech [出版机构] Packt Publishing [出版日期] 2013年11月10日 [图书页数] 248页 [图书语言] 英语 [图书格式] PDF 格式

数据湖，大数据的下一个变革

让数据产生价值才叫成功。早期有不少的公司引入了 Hadoop，将企业的各种结构化非结构化数据加载至 Hadoo… 让数据产生价值才叫成功。早期有不少的公司引入了 Hadoop，将企业的各种结构化非结构化数据加载至 Hadoop 环境当中，想让自己的数据发挥更大的价值，但这并不容易。2016 年，Gartner 公司估计有 60% 的大数据项目遭遇失败。一年之后，他们表示 60% 的估计太过保...

好用的开源跨平台数据库管理工具DBeaver

如果想可视化数据库界面，市面上软件还挺多的。最后选择了DBeaver，因为免费开源，还支持跨平台。安装的时候：https://dbeaver.io/download/ 点击github mirror 根据自己需要的版本去点击链接，进行下载即可。本人选择的是红框的版本，下载完是一个.zip压缩包解压后如下图所示：双击dbeaver.exe，即可启动创建新连接，选择需要的数据库，点击“下一步” 点击“浏览”按钮，选择需要的数据库，点击“完成”按钮如图所示： ...

node 存储过程_用Node.js操作跨平台数据库Firebird

FireBird　　Firebird是一个跨平台的关系数据库系统，目前能够运行在Windows、linux和各种Unix操作系统上，提供了大部分SQL-99标准的功能。它既能作为多用户环境下的数据库服务器运行，也提供嵌入式数据库的实现。　　Firebird脱胎于Borland公司的开源版数据库Interbase6.0，是一个完全非商业化的产品，用C和C++开发。　　一个firebird数据库服务器...

在跨平台的C++程序中使用OTL来操作不同的数据库

document.title="在跨平台的C++程序中使用OTL来操作不同的数据库 - "+document.title; 本文主要介绍了OTL和怎样在C++程序中使用OTL操作数据库。OTL介绍：OTL 是 Oracle, Odbc and DB2-CLI Template Library 的缩写，是一个C++编译中操控关系数据库的模板库，它目前几乎支持所有的当前各种主流数

十大跨平台优秀软件

从Window到Linux到Mac，企业和用户越来越难以抉择使用一个单一的平台。因此，我们需要一些有应用程序可以在各种平台上应用，这里列举了10 个跨平台程序，与你想象的相比怎么样呢？在跨平台的世界，你需要一些应用程序不论你使用什么系统都可支持的。杰克.瓦伦列出了下面是个跨平台程序，他认为是不可或缺的。 1: Firefox 几乎没什么疑问，Firefox是最流行的跨平台软件。没

聊聊移动端跨平台数据库 Realm

作者 | 钱凯杏仁移动开发工程师，前嵌入式工程师，关注大前端技术新潮流。开发杏仁 App 的过程中，我们在相对独立的模块试水了当前非常流行的移动端数据库：Realm，有挑战也有惊喜。下面以 iOS(Object-C) 平台为例，简单介绍下 Realm 的基本使用，并且总结下心得。什么是RealmRealm 是一个针对移动端开发的、跨平台、跨语言数据存储方案。它上手方便，性能强大，功能丰富而且还在不

js跨域的解决方案

在客户端编程语言中，如javascript和ActionScript，同源策略是一个很重要的安全理念，它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域，什么叫不同的域呢？同源策略在客户端编程语言中，如javascript和 ActionScript，同源策略是一个很重要的安...

定义跨平台的数据类型

我们可以这样定义，用int8_t来代替char类型 #if !(__linux__) typedef signed char int8_t; typedef short int16_t; typedef int int32_t; typedef long long

跨平台数据库管理工具 DbVisualizer11.0 深度推荐

DbVisualizer 是什么 DbVisualizer 是一个完全基于 JDBC 的跨平台数据库管理工具，内置 SQL 语句编辑器（支持语法高亮），凡是具有 JDBC 数据库接口的数据库都可以管理，已经在 Oracle, Sybase, DB2, Informix, MySQL, InstantDB, Cloudcape, HyperSonic ，Mimer SQL 上通过测试。 DbVisu...

1顶0踩