App会取代网站吗?
本文摘自《程序员的修炼:从优秀到卓越》,购买链接:http://product.china-pub.com/3769829
自1999年以来,不管是作为买家还是卖家,我一直是eBay的热心用户。这么多年下来,eBay已经从原先一个极客们买卖破旧激光笔的地方,演变成了一个商家可以向客户销售任何东西的全球性市场。如果你想找某种古怪、冷门的东西,哪怕它们已经停产了,或者想以便宜的价钱获取一些来自灰色市场的物品,eBay仍然是一个不错的地方,值得你去瞧一瞧。
至少对我而言,eBay这么多年来一直是挺有用的。但它有一点始终没变:eBay的网站总是那么难用,导航太复杂!他们最近更新了网站,去掉了一些遭人唾弃的东西,但网站还是太过于复杂。对于这么一个不合潮流、复杂的网站(website),我想我已经安于现状了,因为我不曾意识到它已经变得如此糟糕,直到有一天我尝试了eBay为手机和平板定制的应用程序(apps)——两者之间的用户体验真是有天壤之别!
eBay的网站看起来是这样的:
eBay为手机和平板定制的应用分别是这样的:
除非你已经是eBay的超级用户,否则你或许应该远离他们的网站。相比之下,他们为手机和平板定制的应用显然更加简单、易用,性能也更好。这是我在移动设备和电脑上分别使用过eBay后的直观感受,不过,这个结论也是有可用性研究数据支撑的。公平地说,eBay的网站源于20世纪90年代后期的信息大量集中的设计理念,他们为此背负的债很重,而手机和平板上的应用体验却是最近的创新。倒不是说eBay在手机和平板上的应用有多好,只是他们的网站实在太差了!
这里隐含的教训是:应该拥抱约束。拥有固定色调的UI控件和有限的屏幕空间其实是一种力量。这种力量原本在Mac和Windows的早期应用中也曾有过,但随着应用程序变得越来越强大和复杂,这种力量在不知不觉中消失了。同样的问题也出现在了互联网上,自1999年以来,eBay网站的功能就一点一点积淀,结果才变得如今这般复杂。现代的网络浏览器几乎赋予了开发者无限的自由,不管什么样的UI,只要你能想得出来,它们都能支持;网页可大可小,开发者可以无拘无束——最后的结果往往是给用户带来了损害。这当然也是eBay所面临的问题。
如果你正从头开始,你应该从设计UI入手。考虑到如今我们需要支持大量的手机和平板,你更应该让你的网站设计优先去适配这些有着最严格约束的移动设备。这也就是Luke Wroblewski提出的“Mobile First”(移动优先)的设计策略。它能帮助你专注于简单有序的UI,即使在日后扩展到更大、更强劲的设备时也能比较从容。也许eBay正好搞错了方向。我们应该从简单设计入手、必要时按比例放大,而不是一开始就把事情搞得很复杂、然后被迫收缩。
简单至上!我们还能更进一步吗?如果为手机和平板优先设计能带来更好的用户体验,为什么我们还需要网站呢?是不是手机和平板上的应用将取代网站?
为什么应用比网站更好?
1. 运行得更快。原生应用不像浏览器那样有CSS,HTML和JavaScript的负担,它们只是根据用户的需求获取精确的数据,然后单纯利用设备本身的UI元素把数据显示出来。
2. 使用简单的原生UI控件。与其让UI设计师和程序员天马行空,为什么不选择手机或平板上的自带控件呢——它们都是为设备做过特别优化的,而且已被用户广为接受?
3. 更好地利用了屏幕空间。因为设计师需要专注于在4英寸的手机屏幕或者10英寸的平板屏幕上显示重要的东西,他们不会把那些不相关的累赘或者花哨设计(或者,呃,还有广告)加入到设计中。是的,只有那些重要的东西!
4. 更适合于移动环境,甚至离线的情况。在移动的世界里,你不能假设用户有超快的网速或者非常稳定的网络连接。因此,应用的设计演变为:仅在需要显示的时候下载必要的数据,而且下载多少、显示多少(哪怕内容或图像显示得不完整)——这种策略显得非常理智。你可能还会支持某种离线模式,以兼顾到用户在路上(没有网络连接)的使用场景。
为什么网站比应用更好?
1. 网站可以运行在任何设备的浏览器上。网页的呈现形式已经被全世界广泛认可。只要你有一个兼容HTML5的浏览器,你就可以立即在设备上使用世界上的任何“应用”,而这些仅需要从一个链接开始——这也正是自1995年以来所有人在互联网上习惯的方式。至于客户需求的满足,你根本无须担心找不到开发者。
2. 网站不需要安装。与网站不同的是,应用程序不能被直接访问到,谷歌也没为它们建立索引。应用不会神奇般地出现在你的设备上。你必须先安装它们。尽管有时安装也只是一次点击的事情,但是你的用户也需要在安装之前找到这个应用啊。况且,在安装之后,用户必须要像管理“宠物小精灵”一样管理所有那些应用。
3. 网站不必手动升级。网站总是在不断升级(没有版本的概念)。然而,一旦你把应用安装到设备上,你将怎样来给它增加新的功能或者修复残留的bug呢?用户怎么知道他们的应用已经过时了、需要升级呢?再说了,为什么要给用户带来这些麻烦?
4. 网站提供了统一的用户体验。如果你的应用和网站表现出来的行为差异很大,你实际上在强迫用户学习两种不一样的界面。你打算支持多少种设备,构建多少不同的应用,而它们之间能达到多大程度的一致呢?你们内部将会因为不同的用户体验而产生分歧,用户群也会碎片化。但是,如果一个网站融入了良好的手机体验,你就可以统一所有设备上的用户体验——这不是很棒吗?
我不认为应用和网站之间的较量已经分出了胜负,只能说它们各有利弊。不过,应用总是需要网站的。网站最起码是数据的源头,是移动设备的“家”。况且,应用本身也需要网站这么一个地方存放,以供用户下载到各种设备上去。
如果你负责构建一个网站,为什么不在一开始就考虑让它在手机或平板的浏览器上也能有不错的用户体验呢?我并不是反对你针对某种特定的设备进行优化,以达到绝佳的用户体验,但请你不要止步于此,难道不是所有的用户都应该获得绝佳的体验吗?eBay的问题并不在于手机或者平板本身,而是他们过度摧残了核心的网站体验。我明白,eBay身上有太多的包袱——过时的工具和老用户的使用习惯——正是这个原因,作为旁观者的我才可以提出如此彻底的变革方案。而对于eBay来说,也许只有在新平台上他们才可以进行全新的设计。
手机和平板上的应用会取代网站吗?有一些会吧;这也在情理之中。但只有在网站表现得愚蠢之极时,它们才会有机可乘。
App会取代网站吗?的更多相关文章
- 支付宝集成+网站支付+APP支付+手机网站支付
网站支付宝 1.申请签约后获得相应的pid:208***开头和key 这里说明下pc网站支付采用md5加密所以这里只需要提供pid和key不需要上传公钥. 2.下载即时到账demo http://do ...
- HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站 (陈婉凌) 中文pdf扫描版
<HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站>以HTML与CSS为主,配合jQuery制作网页,并搭配jQueryMobile制作移动网页,通过具体的范例从基 ...
- 高效上网教程---资源软件搜索技巧(搜索好用软件或者app去哪些网站)
高效上网教程---资源软件搜索技巧(搜索好用软件或者app去哪些网站) 一.总结 一句话总结:查看下面这些网站用户推荐的 知乎:比如 小众软件 site:zhihu.com 简书:查看你需要的用户推荐 ...
- 分享iOS开发常用(三方类库,工具,高仿APP,实用网站,技术干货)
一 . JSONModel (三方类库会有更新,建议大家在线下载) http://pan.baidu.com/s/1i5ybP1z 二.AFNetworkiong http://pan.baidu. ...
- 5个可以帮你优化App的优秀网站
也许现在有一款App可以提供所有你需要的,你不需要的,或者你可以想象到的内容.但是,有多少App真的可以不仅满足需求而且还能提供很好的用户体验呢? 相信很多APP并没有这样的能力.有一些APP的设计特 ...
- 25个App免费资源网站
不少非常优秀的设计师已经在网络分享了很多出色的图标.界面 PSD 文件,再加上其他一些相关资源,设计 iOS 应用更加方便了. 模板 & PSDs Icon Template Michael ...
- IOS-5个可以帮你优化App的优秀网站
也许现在有一款App可以提供所有你需要的,你不需要的,或者你可以想象到的内容.但是,有多少App真的可以不仅满足需求而且还能提供很好的用户体验呢? 相信很多APP并没有这样的能力.有一些APP的设计特 ...
- 【扫盲】HTML5、Web APP、3G网站、Wap网站傻傻分不清楚
移动互联网指手机网站和app,其中app分为native app(原生app),web app(html5开发),Hybrid app(前两种app结合):手机网站分为wap网站和3g网 ...
- 几个app maker的网站
简网APP工场:http://www.cutt.com/app 爱传iappk:http://www.iappk.com 安米网:http://www.appbyme.com/mobcentACA/i ...
随机推荐
- 在confluence中出现Handshake failed due to invalid Upgrade header: null
在confluence中出现Handshake failed due to invalid Upgrade header: null 昨天晚上同事说confluence写完日志保存不了,然后我登陆co ...
- Just for mysql
mysql的下载与安装 由于学校开设了数据库专业,并且最近准备在做一个web端的设计,虽然本人是负责前端(当然,前端技术也很LOW),但因种种原因,准备开始学习数据库相关的知识,以mysql为例. 昨 ...
- java 学习笔记2 面向对象(上)
类和对象 类是某一批对象的抽象,可以把类理解成某种概念.对象是一个具体存在的实体.类和对象是面向对象的核心. 类定义的是多个实例的特征,类不是具体存在,实例才是具体存在. 定义类(class)的语法: ...
- Go 语言类型转换
类型转换用于将一种数据类型的变量转换为另外一种类型的变量.Go 语言类型转换基本格式如下: type_name(expression) type_name 为类型,expression 为表达式. 实 ...
- Bootstrap3 栅格系统-简介
Bootstrap 提供了一套响应式.移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列.它包含了易于使用的预定义类,还有强大的mixin 用于生成更具 ...
- Android图表库MPAndroidChart(七)—饼状图可以再简单一点
Android图表库MPAndroidChart(七)-饼状图可以再简单一点 接上文,今天实现的是用的很多的,作用在统计上的饼状图,我们看下今天的效果 这个效果,我们实现,和之前一样的套路,我先来说下 ...
- ROS机器人程序设计(原书第2版)补充资料 (贰) 第二章 ROS系统架构及概念
ROS机器人程序设计(原书第2版)补充资料 (贰) 第二章 ROS系统架构及概念 书中,大部分出现hydro的地方,直接替换为indigo或jade或kinetic,即可在对应版本中使用. 由于工作事 ...
- Lua热更新(hotfix)
Lua热更新(hotfix)(金庆的专栏)hotfixLua 5.2/5.3 hotfix. Hot update functions and keep old data.https://github ...
- Java中的泛型类和泛型方法区别和联系
泛型的概念大家应该都会,不懂的百度或者google,在java中泛型类的定义较为简单 <span style="font-size:18px;"><span st ...
- Dynamics CRM2013 从外部系统取到CRM系统的用户头像
CRM从2013开始引入了entityimage的概念,具体这个字段怎么设置的,图像是怎么上传的这里就不谈了.说实在的这玩意在项目中没啥用,所以也没去关注,直到最近遇到了个难题,要在外部系统去获取这个 ...