资讯频道 → 移动开发
阅读更多

1顶
0踩

移动开发

原创新闻 如何决定你的移动互联网战略？

2015-02-26 10:01 by 副主编 mengyidan1988 评论(0) 有4869人浏览
移动互联网 用户体验

声明：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
  • 大小: 124.8 KB
  • 大小: 56.9 KB
  • 大小: 103.1 KB
来自: CSDN
1
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

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

相关推荐

  • [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 格式

  • 「干货」跨平台5大热门数据库设计工具盘点！

    今天，小编将给大家分享业界公认的5款跨平台数据库设计工具，希望能帮助大家选择~

  • 一款强大且免费开源的多连接数据库管理工具

    DbGate 是一个跨平台数据库管理器，旨在用户友好且高效，尤其是在同时处理多个数据库时。它提供了一系列高级功能，包括模式比较、可视化查询设计器、图表可视化以及批量导出和导入功能。DbGate 遵循 MIT 许可，可免费使用，彰显了其对可访问性和开源协作的承诺。用户可以在线试用，下载适用于 Windows、Linux 或 Mac 的版本，或以 NPM 包或 Docker 映像的形式运行 Web 版本。

  • 跨平台数据库ODB实战1-ODB安装

    目录 一、ODB简介 二、ODB下载 1、ODB Compliler 2、 Common Runtime Library 3、 Database Runtime Libraries 4、 Tests and Examples 三、ODB的配置 1、 ODB Compliler 2、Common Runtime Library ...

  • 数据库的跨平台设计

    开发者们应该知道，使用那些非标准的SQL命令（比如Oracle、微软和MySQL等数据库系统）存在程度相当高的危险。也就是说，从跨平台和遵守标准的角度出发，你应该尽量采用ANSI SQL，它是一种和平台无关的数据库语言。不管你在使用哪种数据库系统，如果它完全支持SQL那么它就应该支持ANSI SQL-92标准。可是，“应该支持”和“确实支持”完全是两码事。在进行DBMS跨平台编程的时候，并不是所有

  • 跨平台中大量数据传输的接口设计解决方案

    【摘要】：气象业务的信息平台建设中,不同平台之间存在大量的数据交换与访问,通过设计一个带五个参数的接口函数,包括输入字符数组、输入字符数组长度、输出字符数组、输出字符数组长度、标志位五个参数用于实现不同平台中信息的传递,实现跨平台的数据传递与访问,同时对于存在的并发问题提出了相应的解决方案,为在不同平台下的接口函数编写、调用等过程提供了一个完整的实现参考样本,并在实际项目中成功应用。为今后类似问题的解决提供了一种成功的方案。 【作者单位】： 东华理工大学软件学院; 【关键词】： 跨平台 接口函数 并发 冲突 实现方案 JNA 气象学 【基金】：东华理工大学校长基金(DHXK0804)

  • 强烈推荐一个超酷的跨平台、支持多数据库的数据库管理工具

    DBFarmer：http://www.dbfarmer.com/ 它是基于Java和Eclipse技术构建的跨平台、支持多数据库的数据库管理工具，界面相当友好，功能非常强大。 你可以把DbFarmer当作是一个DBA工具，它目前所支持的功能有： 执行SQL语句功能(查询分析器） 方便的打开数据表格内容并编辑其中的数据 数据库库结构浏览器(元信息) ...

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

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

  • 在数据库应用中实现跨平台和跨数据库，OTL

    在数据库应用中实现跨平台和跨数据库，OTL（http://otl.sourceforge.net/） 

  • 数据库同步工具（跨平台）

    数据库同步工具，支持各种数据库类型跨平台性良好！ 数据库同步工具，支持各种数据库类型跨平台性良好！

  • mysql能够跨平台使用吗_Mysql跨平台(Windows,Linux,Mac)使用与安装

    Mysql其实是一个跨平台的轻量级数据库，平时开发会用到很多。有写程序可能要跨平台开发，接下来我就介绍一下如何跨平台使用Mysql。这里所谓的跨平台就是Windows，Linux，Mac共同用一套Mysql配置包括所有用户和数据库等等。原理：其实很简单，就是配置的时候使用同一个文件夹存放即可。由此也可以知道，Mysql的安装文件和运行程序并不重要，备份的时候只要备份存放数据的文件夹即可，下次重装或...

  • Oracle 11g 数据库跨平台迁移

    Oracle 11g 数据库跨平台迁移

  • SQL应用之跨数据库服务器数据库结构同步实现（MSSQL）

    跨数据库服务器数据库结构同步，这里包含以下几个方面的问题：①跨数据库服务器：两个数据库分别位于不同的数据库服务器；②数据库结构：由数据库对象（表、视图、存储过程、函数等）组成的数据库结构；③同步：要求将一个数据库结构的修改更新到另外一个数据库中，这里的修改可以是数据库对象的创建、删除、数据类型的修改等等

  • 数据一致性基本知识

    在分布式系统中，我们经常提及CAP定理，即一致性（Consistency）、可用性（Availability）和分区容忍性（Partition tolerance）。在本文中，我们将对数...

  • 不同操作系统之间迁移DB2数据库的一个案例

    假设我们有一个IBM DB2数据库，这个数据库里有很多表（可能上百张甚至更多），又有很多索引、外键约束、触发器。最要命的是还有一些含有自增字段的表（含有GENERATED ALWAYS AS IDENTITY定义的字段的表）。我们也没有关于这些数据库对象的准确创建脚本（笔者经常碰到客户有这种情况）。 现在我们要把这个数据库迁移到不同的操作系统（比如从AIX到LINUX），我们应该怎么办呢？因为操作

Global site tag (gtag.js) - Google Analytics