百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

如何决定你的移动互联网战略?(如何针对移动互联网时代的注意特征做出调整)

myzbx 2025-03-19 14:41 18 浏览

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

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

当我们听到“移动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

相关推荐

砌体植筋拉拔试验检验值到底是6.0KN,还是10.2KN,如何计算确定

砌体拉结筋植筋养护完成后,需对所植钢筋进行拉拔试验,以检验植筋的锚固强度是否满足设计要求。检测时,按照一定的抽样比例进行拉拔试验。根据《混凝土结构后锚固技术规程》JGJ145-2013,以同品种、同...

柴油机功率如何计算?计算柴油机功率需要哪些参数?

在汽车领域,对于柴油机功率的计算是一项重要的工作,它有助于我们更好地了解柴油机的性能和适用场景。下面我们就来详细探讨一下柴油机功率的计算方法以及所需的参数。首先,我们要了解计算柴油机功率常用的公式。在...

变压器短路阻抗的作用和计算方法(变压器短路阻抗的作用和计算方法是什么)

变压器短路阻抗的作用和计算方法短路阻抗是在负载试验中测量的一项数据,它是二次侧短接并流过额定电流时,一次侧施加的电压与额定电压的的百分数。那么测量变压器的短路阻抗有什么意义呢?其实变压器的阻抗电压乃是...

9.35m层高高支模支撑架计算书(支模架多高属于高支模)

某工厂新扩建的建筑面积为1989.2m^2,建筑物总体分为2层,但局部为4层。建筑物檐高19.4m,建筑物总高23m。建筑物呈长方形设置,长度为48.20m,宽度为23.88m,结构形式为框架结构...

吊篮(悬挂装置前梁加长)安全复核计算书

吊篮(悬挂装置前梁加长)安全复核计算书一种超常规搭设的高处作业吊篮,因使用要求将吊篮悬挂装置前梁加长设置,本计算书针对这种工况的校核,以作参考。计算依据:1、《高处作业吊篮》GB/T19155-...

电功率计算公式精编汇总(电功率计算视频讲解)

一、电功率计算公式:1在纯直流电路中:P=UIP=I2RP=U2/R式中:P---电功率(W),U---电压(V),I----电流(A),R---电阻(Ω)。2在单相交流电路中:P=UIcosφ...

灌注桩承载力检测方法及步骤(灌注桩承载力不够怎么办)

检测灌注桩的承载力是确保基础工程安全可靠的关键环节,检测结果的精细能准确为我们提供可靠的数据,让我们能准确判断桩基础的承载力,方便后续施工安排,同样也能让我们根据数据分辨出有问题桩基,采取可靠有效的措...

很哇塞的体积计算方法:向量叉乘 很哇塞的体积计算方法

高中数学必看:向量叉乘,体积的神。大家都知道a、b的向量是什么意思,但是a、b的向量又是什么?很多同学都不知道,向量的向量在高中阶段非常有用,虽然它是大学的知识,在高中阶段可以干两件事。·第一件事,表...

施工升降机基础(设置在地库顶板回顶)计算书

施工升降机基础(设置在地库顶板回顶)计算书计算依据:1、《施工现场设施安全设计计算手册》谢建民编著2、《建筑地基基础设计规范》GB50007-20113、《混凝土结构设计标准》GB/T50010-2...

剪力墙水平钢筋根数如何计算?(剪力墙水平钢筋绑扎搭接规范)

剪力墙水平钢筋根数的计算需综合考虑墙高、起步距离、间距及构造要求等因素,具体步骤如下及依据:1.基本计算公式水平钢筋根数计算公式为:根数=(墙高-起步距离)/间距(墙高-起步距离)/间距...

直流电路常用计算公式(直流电路常用计算公式有哪些)

1、电阻导体阻碍电流通过的能力叫做电阻,用字母R表示,单位欧(Ω)。R=ρl/s式中R-导体的电阻,欧(Ω);ρ-导体的电阻率,欧·米(Ω·m);l-导体的长度,米(m);s-导体的截面积,平方米(m...

电气主电路图的绘制特点(电气原理图主电路)

1、电气主电路图中的电气设备、元件,如电源进线、变压器、隔离开关、断路器、熔断器、避雷器等都垂直绘制,而母线则水平绘制。电气主电路图除特殊情况外,几乎无一例外地画成单线图,并以母线为核心将各个项目(如...

中考总复习:物理专题 功和机械能 (功的计算、功率、动能、势能)

中考物理专题:功与机械能解析一、力学中的功——能量转化的桥梁功是力对物体能量变化的量度,需满足两要素:作用在物体上的力、物体沿力方向移动距离。例如推箱子时,若箱子未移动,推力不做功;若箱子滑动,推力做...

40亿QQ号,不超过1G内存,如何去重?

分享一道网上很火的面试题:40亿QQ号,不超过1G的内存,如何去重?这是一个非常经典的海量数据去重问题,并且做了内存限制,最多只能1GB,本文跟大家探讨一下~~一、常规思路我们日常开发中,如果谈到去重...

填充墙体拉结筋植筋深度、孔径、拉拔试验承载力计算!

今天分享下植筋间距及保护层要求:根据JGJ145-2013混凝土后锚固技术规程要求植筋与混凝土结构边缘不应小于5mm,植筋为两根及以上时水平间距为不应小于5d(d为钢筋直径)。根据混凝土结构后锚固技...