iPhone专属的网页密码

阅读时间 4 分钟，快速阅读仅需 2 分钟。

iPhone 是一款划时代的手机，姑且不去讨论它的硬件是否够格好手机，种种研究报告已经表明，iPhone在手机上网领域的接入率是飞速攀升的。越来越多的网站开始推出iPhone定制版网页，这是一款产品的成功之处，它不但引导了物理操作上的潮流，它还开创了移动设备网页交互设计的新领域。

小屏幕，大内容

作为一款手机，iPhone的屏幕尺寸必然相对电脑小很多（其实它在手机领域还算是大个儿），但是却要和电脑一样上网浏览网页。在这有限的视觉空间内，网页设计者首先要考虑的是，取舍主要与次要的东西。下面列举几个我觉得应在设计中注意的问题：

●尽量少用图片，尤其是首页。

因为图片不但为手机带来更大的流量，增多用户不必要的消费，而且还占用很大的面积，与文字在一起，多少会喧宾夺主。

●项目不宜拥挤，适当留白。

看着满屏密密麻麻的文字，我想很多人都会头疼，但是如果它们的行间距比较稀疏，不同内容的排列比较明晰，给读者的第一感觉，就有逐一查看的欲望，而非一瞥。 要适当留白，抓住第一印象。

●域名尽量短小精悍。

使用频率最高的子域名是i.，一个字母很简单很明确的表明，它是为“i”Phone量身制作的网页，而苹果产品以i开头的命名规则，也是广为人知的，所以尽量使用这样的超短子域名。

—

手指肚与按钮

iPhone的另一个最重要的特性就是它的触摸屏幕，它采用的并非笔触屏（电阻式触摸屏），而是更为先进的指触屏（ 电容式触摸屏），所以用它浏览网页，需要用手指肚点按。如果那个点面积小得用笔尖才能点的话，就会很容易误点或漏点。

国内几个站点甚至还互相抄袭，其实要学习设计这种按钮并不难，看看iPhone内置的各种软件界面，是不是有很多启发呢？

—

—

—

广告的投放

网站的盈利方式普遍比较单一，依靠广告赚取利润，iPhone定制版网站自然也需要这种盈利方式。

看看iPhone上的各种APP是怎么投放广告的，最受欢迎的广告投放方式，非AdMob莫属，它轻盈的图文排列方式，与软件本身明显区分的条状设计，可以满足不混淆浏览的需求和广告本身目的。

另外再看看Cydia，国内的iPhone使用者应该都用过这个“原生”软件，因为越狱会自动安装它。它的广告可谓多得惊人，从首页到每个软件的安装界面，以及详细介绍页面等，无不充斥着商业广告，影响载入速度的同时，也造成了用户误按的频繁发生。

现在网页普遍采用的是面积较大的块状Google内嵌广告，这样就为用户在使用中造成很多困扰，甚至还有将Google广告与网页本身结合得十分完美，仿佛同生兄弟，诱惑读者误按。国内很多下载站点这种现象尤为普遍，用户情感是设计中不可忽视的一部分，欺骗用户的后果就是用户不再相信你的站点你的内容。盈利是建立在用户体验之上的东西，Twitter为什么这么久还没健全的盈利方式，Facebook也是，他们都在探索不影响用户体验的方式，而非喧宾夺主的平面广告。

—-

—

iPhone要瘦身？

随着第三代iPhone的临近，越来越多的猜测近期频频出现在媒体中，尤其是为中国定制的版本，一些人坚持称其为Nano版，小身材小尺寸。

其实不妨想想iTunes Store上数量惊人的APP，如果屏幕的尺寸或分辨率改变了，程序和网页设计时还可以一套兼容方案解决吗？难道苹果要重演IE6、7、8的闹剧吗？我们下载时还可以一个按钮解决吗？屏幕上的软键盘还可以那么好点吗？显然如果要缩小，要解决的问题还有很多，不知苹果和程序员们是否已准备好接招。

41 条评论

  4. Franky，你又写了一篇让我获益良多的文章了。说到浏览器里，我想起了iPhone里的UCweb，它提供和其它手机版本ucweb的功能：浏览wap网页，但显然它没有太多地理解iPhone触屏的特性，至少我是经常因为链接太小而点错的。
    Cydia不但软件介绍里有广告，有些软件内部也会出现Adsense，本来离线的软件一下子就变成在线了。

    回复

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注