阅读更多

1顶
0踩

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

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

当我们听到“移动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 条 请登录后发表评论

发表评论

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

相关推荐

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

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

  • 「干货」跨平台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 ...

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

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

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

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

  • C++ 访问操作跨平台数据库Sqlite

    第一步:下载相关文件  首先到这里下载sqlite-source-3_6_12.zip、sqlite-3_6_12.zip、 sqlitedll-3_6_12.zip三个包,并分别解压。 这里可以在D 盘建立目录 Sqlite目录下包含文件夹 bin(存放解压的dll def 这两个文件用生成lib文件) lib(用于存放生成的lib 文件) source(存放加压的头文件) 第二步

  • 数据库同步工具(跨平台)

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

  • EF Core:一统SQL和NoSQL数据库

    \看新闻很累?看技术新闻更累?试试下载InfoQ手机客户端,每天上下班路上听新闻,有趣还有料!\\\推出EF Core的初衷之一,就是开发出一种可在很少甚至不更改代码的情况下使用SQL和NoSQL数据库的模型。Microsoft正向此目标迈出第一步,发布了用于Azure Cosmos DB的实验性EF提供程序(provider)。据EF 2.1路线图介绍:\\\ Cosmos DB提供程序预览:...

  • 数据一致性基本知识

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

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

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

  • 跨平台数据库ODB实战3-Person类的存储、查询、更新和删除

    目录 一、ODB简介 二、Person类 1、Person.h 2、Person.cpp 三、工程修改 1、Person类修改 2、运行odb 3、添加生成的文件到工程中 4、配置​ 5、添加database.hxx文件到工程中 6、添加DATABASE_SQLITE宏 7、main函数 8、copy dll 9、运行 一、ODB简介 ODB是应用于C++的一个开源、跨平台、跨数据库的对象关系映射(ORM)系统。它可以让你持久化C++对象到关系数...

  • 企业嵌入应用的跨平台数据库选择初步打算

    跨平台数据库 sqlite db4o 嵌入式数据库 .net j2ee

  • 跨平台迁移数据库windows-Linux

    将10.10.1.127服务器的数据库ORCL(WINDOWS)迁移到VM 10.10.10.168LINUX平台 操作系统:Windows server 2008r2 64bit CentOS Linux 6.5 64bit ORACLE软件:11.2.0.3.0 目录: 1. 在源数据库(Windows数据库...

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

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

Global site tag (gtag.js) - Google Analytics