iPhone专属的网页密码

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 条评论

  1. 2009 年 4 月 15 日 下午 12:13

    沙发? 哈哈

  2. 2009 年 4 月 15 日 下午 12:27

    iphone确实不错,只可惜我不喜欢触摸屏的,因为经常打字。

    • 2009 年 5 月 6 日 下午 6:54

      哈哈,iPhone打字绝对爽!两个手指一起上!利用WeiFit输入法,输入界面和电脑键盘一样,加上WeiFit的联想功能,输入一点也不逊于电脑!

  3. cody
    2009 年 4 月 15 日 下午 12:28

    WAPI 死灰复燃,iphone难逃被阉宿命

  4. 2009 年 4 月 15 日 下午 1:13

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

    • FrankyXu
      2009 年 4 月 15 日 下午 10:26

      嗯 只可惜Apple不松口 否则Firefox和Opera等很多正规军都会加入 他们还不能像UCWEB那样通过盗版方式传播 唉

  5. uummy2003
    2009 年 4 月 15 日 下午 1:14

    iphone咱没有用过还,不过看起来不错

  6. Lan
    2009 年 4 月 15 日 下午 1:19

    把 iPhone跟手機都 轉向 純文字 瀏覽 ,還不花流量…

  7. 2009 年 4 月 15 日 下午 1:21

    嗯,很实用的文章,支持一下了。

  8. 2009 年 4 月 15 日 下午 1:38

    另一种风格的缩进和字体背景色
    配图很好

    • 2009 年 4 月 15 日 下午 4:59

      有少少区别,
      禅的绿条是在里面添加Backgruand-color,
      而FrankyXu只是把标题文字加上了背景色而已。

      • FrankyXu
        2009 年 4 月 15 日 下午 10:27

        我没有用源码写文章的习惯 所以就这个样子了- –

  9. 2009 年 4 月 15 日 下午 3:00

    写得挺好的,等我有钱一定要买台iphone玩玩。不过貌似结尾没写好,有种戛然而止的感觉

    • FrankyXu
      2009 年 4 月 15 日 下午 10:29

      其实是埋下伏笔 等苹果在6月给我们揭晓答案 ^ ^

  10. 2009 年 4 月 15 日 下午 3:09

    支持一下。

  11. 2009 年 4 月 15 日 下午 3:51

    刚买了,感觉还不错

  12. 2009 年 4 月 15 日 下午 5:16

    买M8,用着也挺爽的!

    • FrankyXu
      2009 年 4 月 15 日 下午 10:31

      M8我还没用过 有机会一定要仔细瞧瞧 我比较喜欢M8的UI设计

  13. 2009 年 4 月 15 日 下午 7:31

    可以问一下文章图片中标注的汉字用的什么字体吗?

    • FrankyXu
      2009 年 4 月 15 日 下午 10:33

      气泡中的字体是【方正卡通简体】

      • 2009 年 4 月 16 日 上午 1:46

        谢谢~ 还可以再问下这是使用的什么图像编辑工具添加的这种气泡文字吗,很好看 😀

        • FrankyXu
          2009 年 4 月 16 日 下午 4:07

          是用Photoshop修改并添加的

          • 2009 年 4 月 17 日 下午 12:36

            Franky可以考虑写一篇如何制作这些漂亮气泡文字的教程,哈哈。

          • 2009 年 4 月 22 日 下午 12:57

            谢了!

  14. 2009 年 4 月 15 日 下午 8:37

    好像是很爽的样子~~不过我也期待M8~MX~

  15. crime
    2009 年 4 月 15 日 下午 9:46

    中国用真没什么意思

  16. kevin
    2009 年 4 月 15 日 下午 10:09

    支持一下!文章看起来舒服!学习了!

  17. 2009 年 4 月 15 日 下午 10:59

    文章看起来很舒服。
    说一下重点。由于使用过6个月的Iphone 感觉那些可以用手指就能轻松导航的站点绝对会让我经常光顾。
    iphone站点的要诀:轻松,方便,简单。

  18. 2009 年 4 月 15 日 下午 11:08

    在马来西亚这里有iPhone也还是不能上网,如果要上网需要多加钱才行……

  19. 2009 年 4 月 16 日 上午 9:47

    没用过iphone,只能yy

  20. aw
    2009 年 4 月 16 日 下午 12:40

    蓝条,绿条。。。ok~~

  21. run
    2009 年 4 月 16 日 下午 11:42

    现在严重的徘徊在买和不买之间,对于我这个刚参加工作的人来说,国内的IPHONE还是奢侈品,得攒几个月才能买一部
    虽然在中通服工作,身边的人都是电信的,但是如果联通引进的中国版IPHONE没阉割好的功能,价格也不会太离谱的话,我想我会毅然投身到联通的C网里

    买,还是不买 这是个问题…

    • FrankyXu
      2009 年 4 月 16 日 下午 11:50

      其实我比较推崇经济实惠的手机+iTouch套餐,而非将iPhone做为唯一的手机。

      联通引进最起码是要割掉WIFI的,因为政策当前,不得不割,没有WIFI的iphone就像文中提到的流量问题,看网页都要花钱,而且没有WIFI会有很多软件不能体验到乐趣,还不如买水货。

      • OrcaXS
        2009 年 4 月 18 日 下午 12:23

        用cmnet下载TTR里面的歌的囧样…

      • HONG
        2009 年 9 月 1 日 上午 11:42

        偶用ipod touch2+nokia e51,touch一天一冲,e51三四天一冲。

        iphone作唯一手机的话,没准啥时候没电了,电话都接不到就囧死了。

  22. 2009 年 4 月 18 日 下午 8:24

    很有意思~

发表评论

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