移动网站

网站vs应用程序尽管这看上去很简单,但是很多人都混淆了移动应用程序和移动网站的概念。两者之间的区别是显而易见的,用户和app的交互与用户和website的交互是不同的。应用程序需要下载到用户手机里,程序安装在用户设备上,并且可以连接联机服务器。移动网站不需要下载也不用安装在用户设备上。它通过浏览器输入访问站点的URL来进行访问。一些设计师把他们的移动网站设计成移动应用程序的样子,这会让人(尤其是用

网站vs应用程序

尽管这看上去很简单,但是很多人都混淆了移动应用程序和移动网站的概念。两者之间的区别是显而易见的,用户和app的交互与用户和website的交互是不同的。应用程序需要下载到用户手机里,程序安装在用户设备上,并且可以连接联机服务器。移动网站不需要下载也不用安装在用户设备上。它通过浏览器输入访问站点的URL来进行访问。

一些设计师把他们的移动网站设计成移动应用程序的样子,这会让人(尤其是用户)产生混淆。有某些情况,这么做是有道理的,比如说用户熟悉这种界面。但是大多数情况下,他们只熟悉web浏览。除非你确定尝试用网站来模拟移动应用程序,不然最好避免“应用程序样式”。

手机应用程序的用法

手机应用程序的用法较为复杂。用户必须先搜索该应用程序(或者是某一种类型的应用程序),下载安装,然后了解如何使用它。在这过程中几乎没有任何阻碍。许多移动apps仍然是未知的因为没有人想到尝试并且发现他们。比如说,一个以当地设计师的鞋店为原型开发的购物应用程序很少会有人使用。

移动网站的用法

移动网站的使用非常简单,用户不需要搜索,下载甚至安装任何东西。他们只需要访问你的站点。对于用户和公司/组织来说,毫不费力就能上手。移动网站唯一缺点就是持久性太差。只要用户不卸载app,app就一直在用户的设备里。而当用户停止访问某个站点,这个站点就从用户的设备中消失了。

既然你理解了应用程序和网站之间的区别,下面就可以仔细想一下移动设计的方法了。

移动网站设计的方法

有四种主要方法来设计移动网站,每一种方法都有其的优点和缺点。他们是:

1.有所不为

2.修改现有的设计(用CSS)

3.设计一个独立的移动网站

4.设计一个负责任的网站

下面我们依次来看一下这四种方法吧。

1.“有所不为”

正如前面所说的,现在的移动浏览器能够处理大多数网站,大多数浏览器允许用户在阅读的时候放大页面,在浏览网页候缩小页面。这样虽然麻烦,但是用户习惯了这种工作流。有所不为是所有选择中花费最小的一种方法,因为你差不多“什么都没做”。同样这也是最有效的方法。移动浏览器的性能一定会有极大的提高。但是作为一个整体,移动用户的体验大大减少。这不会使所有移动用户不再访问你的网站,但是会使某些用户对你的网站不再感兴趣。

2.修改已有的设计

保留原有的标记,但是调整现有的设计样式是完善移动体验的长期方法。通常,通过更换移动浏览器的样式表来达到这个目的,该样式表简化了布局,隐藏了大幅图像/动画,并使得浏览页面更加容易。

利:

低成本,并且只需要修改外观。

该方法和“有所不为”相比,改进了用户体验。

弊:

限制了能够做出的改变的数量

内容仍需要下载,(给用户)带来了速度及带宽等一系列问题。

无法改变基于该站点上下文的内容。

对于大多数移动设备和屏幕分辨率来说,很难进行设计。