iPad与iPhone软体的介面设计差异

  • 阅读(157)
  • 点赞(129)
  • 收藏(655)
  • 日期(2020-06-07)

随着 iPad 的预购开始,iPad SDK Beta 5 也在今天释出提供给开发者下载,整个 iPad 应用程式的开发风气也越来越热烈。然而,开发者不能只把 iPad 当作较大台的 iPhone 而已,因为两者其实存在着根本的差异性,对于应用软体的开发者而言,必须跳脱原有的思维模式才能开发出在使用者体验上较佳的软体。

以下笔者就 iPad 跟 iPhone 的几个差异做一些讨论:

萤幕尺寸

萤幕尺寸是 iPad 和 iPhone 最显而易见的差别了,iPad 所提供的 1024×768 的萤幕大小就如同早期的笔记型电脑的标準规格一般,可以同时容纳下许多资料,包含一个正常的网页。然而,相比之下,iPhone 的 480×320 的萤幕就略显小了许多。

iPad与iPhone软体的介面设计差异

上面这张图是两者的比较,大家可以发现,萤幕上的可用面积差了约莫四倍左右。换而言之,资讯的显示量也会是四倍的差异。而萤幕的比例也有所不同,从原本 iPhone 的 3:2 转变成为 4:3 的比例。

多栏的显示

由于拥有了比较大的萤幕空间,画面的使用,开发者不能以同样的思考方式来处理 iPad 的应用程式,就以同样内建在 iPhone 和 iPad 的 Mail 程式为例,下图是 iPhone 版的画面:

iPad与iPhone软体的介面设计差异

在进入收件夹之后,我们点选想要阅读的邮件,而邮件内容则会被推进画面中进行显示。这个动作流程相当的自然,在有限的萤幕画面下,採用阶层式的浏览可以有效的利用空间,也不会让使用者在资讯中找不到方向。但我们看看 iPad 是怎幺处理同样的功能的:

iPad与iPhone软体的介面设计差异

如上图,因为萤幕解析度的缘故,在 iPad 上面可以直接将所有内容一同显示,而不需要阶层式的导览。开发者如果不能熟悉这样的差异,很容易将原本可以在单一画面完成的工作,转变成多个画面且违背直觉的操作方式。

少量的资讯呈现

但这样大的萤幕体积,却也带来了一些困难。我们可以看看下面这款 Convertbot,在 iPhone 上算是相当知名的单位换算软体:

iPad与iPhone软体的介面设计差异

像这样的小工具在 iPad 上将会面临设计上的困难。事实上,许多在 App Store 上的 iPhone 应用程式提供的都是类似这种简单的小功能,所需要呈现的资料量不是很大,但由于 iPad 上得软体都是全萤幕执行,因此对于这一类的应用程式来说,iPad 的萤幕解析度反而就显得有点太多了。

事实上,这样的问题也同样出现在 iPad 内建的应用程式中,这个是通讯录的垂直显示画面:

iPad与iPhone软体的介面设计差异

注意到了吗?在画面的上下方分别出现了长条状的黑色画面,这原因就出在过少的资讯量需要呈现在过大的萤幕上。如果贸然将画面上得记事本拉长,只会显得右手边的联络人资讯显示空蕩蕩的一片。

消失的应用程式

在 iPad 发表会过后没多久,网路上的粉丝们纷纷发现,许多 iPhone 原本内建的应用程式像是天气、股市和数位罗盘等等,在 iPad 中均没有搭载。事实上,就连许多人最常用的计算机功能也一併消失了。而这个原因不是别的,就是上面所提到的问题:萤幕上可以使用的面积实在太大了。

像是下面这个是 iPhone 中内建的计算机画面:

iPad与iPhone软体的介面设计差异

试着想像 iPad 上如果全萤幕运行这个软体,会发生多有趣的画面:一个九吋大的计算机,搭配上几乎跟悠游卡一样大的按键。这真是糟透了!

结论

对于提供许多资讯的应用程式来说,iPad 的出现无疑可以提供更多元的呈现方法,但是对于那些相对功能较简洁的软体而言,iPad 并非是一个很好的发挥平台。这个问题我相信 Apple 会在 iPhone OS 4.0 或者后续的版本中提出解决办法,或许像是下图中的 Dashboard 就是个可能的解决办法?

iPad与iPhone软体的介面设计差异

不过,我们可以肯定的是,许多开发者仍然会将 iPhone 上的工具软体移植到 iPad 上,届时 App Store 上将充满许多介面不良的应用软体。各位开发者不妨趁 iPad 上市的前夕,多花点时间思考看看,究竟怎样的软体呈现方式会最适合 iPad 的应用软体呢?