互联网iPad化 网络应用程序设计正在变革

移动开发 iOS
苹果推出的iPhone及iPad已经改变了互联网设计,我们可以将这种现象称为“互联网的iPad化”。正如iPad对互联网设计产生的影响一样,它对第二波网络应用程序的影响也表现得更为明显。

51CTO编者按:在苹果正式推出iOS 4.2后,对iPad多任务等100多项功能进行了改进,目前移动设备的兴起正在给互联网带来一场新的革命,由iPad***的一场风潮正在席卷整个互联网世界。

[[16798]] 
互联网iPad化

北京时间12月10日消息,据国外媒体报道,谷歌已经正式推出其网络应用程序商店Chrome Web Store。商店里的应用程序采用了JavaScript语言和HTML5规范等先进技术。并且Chrome应用商店大部分程序都能应用在任何一款现代浏览器上,而不仅仅是谷歌Chrome上。

iPad 已经改变了互联网设计,我们将这种现象称为“互联网的iPad化”。正如iPad对互联网设计产生的影响一样,它对第二波网络应用程序的影响也表现得更为明显。

看过谷歌程序商店,我们很难不注意到有些应用程序与其iPad对应程序以及iPad 应用程序和iPad网站总趋势的相似之处 -- 有些程序简直就是其iPad对应程序的翻版。举例如下:

今日美国

今日美国(USA Today)为iPad发行的新闻软件(USA Today for iPad)(iTunes链接)使用起来极为方便。它能提供完全根据iPad屏幕尺寸进行优化的阅读体验、以及***的触摸体验,并附带内置社交共享功能。

为Chrome设计的“今日美国”网络程序(兼容HTML5的浏览器也可在optimus.usatoday.com上访问此程序)近似iPad程序的绿色版。事实上,我们可以很自信地说,除了一些iPad专用优化之外(主要是导航功能),它就是个iPad应用程序。

从任何意义上来讲,这都不是件坏事。此程序提供了标准今日美国网站之外的超级阅读及浏览体验。

NPR新闻网站

另一明显借鉴iPad对应程序的新闻软件是Chrome NPR。

我们都非常喜欢iPhone和iPad上的NPR应用程序,因此,其对应的Chrome NPR也被添进了我们的程序清单之中。其他浏览器也可在npr.org/webapp上访问此程序。

HTML5应用框架SproutCore曾被用来创建NPR程序的一个早期演示版。我们感觉早期演示中的某些元素已应用到新的网络版之中。

不仅界面十分实用、***吸引力,还创建出不同平台之间的一致体验。

Flixster

为Chrome设计的Flixster网络应用程序(也可在flixster.rottentomatoes.com上访问)极清楚地反映了其iPad对应程序的布局。

想想左边栏目里缺少的滚动条——滚动条独立于主栏目之外——这跟 iPad程序完全一样。

不过,两种程序在按钮和导航站上的确存在差异。iPad程序使用的是屏幕底端(iPad用户界面设计的常见模式);而网络程序使用的是顶端。

此网络程序还设置了不足1000的固定像素宽度。在风景模式下, iPad的分辨率是1024×768。公平地说,许多上网本的分辨率是1024×600。但我们仍然认为设计这样的固定像素宽很有意思。

亚马逊购物应用Windowshop

Chrome上的亚马逊购物应用程序Windowshop仅仅只是windowshop.com的一个书签,但是,这并不是意味着,它算不上是个出色的网络应用程序。

此网络程序与其iPad对应程序布局完全一致。

唯一的差别——这一点很重要——是在网络程序的右下端添加了一个滚动控制条,用户可以在程序内或不同板块间上下左右来回滚动。

对我们来说,这使得一点非常明白——那就是此程序首先是为触摸屏设置的,然后为鼠标和键盘进行了调整。

地下气象

Chrome上的地下气象程序(chrome.wunderground.com上可访问)跟iPad上的对应程序存在差异。
但是,这款为用户提供***方式查看和搜索天气情况的Chrome程序,的确与其他一些iPad气象应用程序有着惊人的相似之处。

例如,Weather HD (iTunes链接)采用非常类似的方式来展示天气情况。Weather HD使用动画图像(这也是地下气象希望效仿的一个方面),还能展示每小时的天气情况。但是两款程序的总体布局相似。

模糊HTML5和本地应用程序之间的界限

谷歌的官方定义可能是Android用于平板电脑,而Chrome OS用于上网本。但是实际上,似乎越来越多的网络开发者在设计网络应用程序时,将平板电脑外形因素和功能考虑在内,比如说多点触摸等。

这也可以理解,因为从以上所举的例子中可以看出,许多iPad程序在很大程度上只适用于HTML5。当然,为诸如iOS或Android等平台设计一款本地应用程序有一些好处——即便这个程序很大程度是上用HTML5编写的——但是,随着HTML5规范和JavaScript语言渐渐成为创建这种应用程序的基础,将这些程序移植到别的平台上或是设备中就显得并无任何挑战性。

上周,美国Netflix公司的工程师在博客中写道,公司决定在新开发的许多程序中使用HTML5规范。

很显然,许多其他公司也看到了这些优点。我们认为iPad的设计线索和未来的Android平板电脑将延续其对传统网络浏览器中网络设计和发展的影响。

虽然这些不同类型设备的真正融合——桌面和平板电脑——仍然还有很长的路要走,但是用户已开始在不同计算平台上看到类似的用户界面、应用体验以及功能。

Phone Club——51CTO移动开发线下技术沙龙

活动日期:12月19日
本期主题:Android应用开发技术进阶
地点:创新工场 北京市海淀区北四环西路66号第三极大厦B座18层
演讲讲师:王明礼(创新工场) 范怀宇(网易)

【编辑推荐】

  1. 移动Web开发设计五大***实践
  2. 如何设计一个简结的移动互联网站
  3. 多图详解移动Web界面设计概要、技巧和案例
  4. 移动设备界面UI设计注意事项全解析
  5. 什么决定移动设备设计与软件应用的可用性?
责任编辑:张攀 来源: 腾讯科技
相关推荐

2022-06-17 07:43:54

互联网数字化转型

2013-08-20 16:03:16

CIO

2012-06-26 13:18:23

互联网公社

2015-06-17 11:01:36

互联网成长变坏

2017-01-12 09:24:57

互联网政务服务智慧社区

2015-06-18 10:45:31

英特尔

2012-02-15 14:39:55

GNOME 3

2010-03-04 10:11:17

Android手机系统

2022-05-04 23:08:36

标准Go应用程序

2023-04-03 15:11:08

数字化金融科技

2012-08-30 09:55:15

移动互联网公司赚钱

2014-12-04 11:10:27

2023-06-18 12:49:03

2011-08-10 11:25:59

ipad信息架构数据结构

2011-05-31 13:34:22

应用开发iPad

2011-07-22 14:08:19

iPad 架构 数据

2014-05-09 11:46:58

互联网营销变革

2013-12-09 15:25:54

互联网技术大会华三SDN

2015-04-03 10:25:57

互联网+云端应用协同

2015-11-18 14:12:15

软件媒体互联网
点赞
收藏

51CTO技术栈公众号