谈谈国外电脑端与手机端网站设计

一般桌机的网站设计与手机网站设计分析网站设计产业也随着手机与平板崛起产生了不小的变化，客户已经开始要求网站设计至少要在平板与手机上可以浏览，我们深圳的网站设计产业相较国外的相同产业已经够便宜大碗，在这股风潮起来之后，也增加了许多effort与考虑点，毕竟做得是桌机而不是手机或者平板，何来两种都要兼容，除了客户可以省下另一整个手机网站设计的钱，我想应该是没其他原因，手机网站设计在深圳也只有看过一些比较著名的门户网站才会真正的设计出一个手机专用网站设计，接下来把我这阵子所看到的情形与大家分享

首先是写这篇文的起点，一切也是由smashing magazine 看了一些文章的感想，下列是上次美国总统大选两位候选人的网站，这两个网站设计有什么不同，在Romney的网站设计进入之后可以看见(桌机)只能看到内容置中的网站设计，你必须要花一些工夫才可以看见正常的网站设计，说真的我只成功过一次才点进去，下图Romney右方相较Obama就显得正常许多，至少对桌机浏览网站设计而言，起码是用户熟悉的一般的网站设计模式，只少你不会感觉太奇怪，当然这是两个网站设计在桌机比较的结果．在手机上可见下图两者的左方，可以见到手机模式，两者就显得非常的正常，不过在这可以发现，Romney的网站设计内容会比Obama来得丰富许多也更贴近手机操作模式，这个也扯到说，如果Obama网站设计使用百分比等比缩放的技术，让网站设计可以在手机与桌机两者适存，这其实算是很棒的想法与做法，不过这也是有些限制与不足，例如果Obama网站设计无法在网站上放置一些重要的btn，不然在网站设计布局上，桌机上浏览会显得太过松散，进而你在手机上浏览，Romney会比Obama来得丰富也更好操作，而在手机上浏览网站设计最重要的莫过于寻找到要进入的入口这回事，因为手机设计上是一定会牺牲掉一些功能与入口，所以让使用者找到想要找的，他们所需的信息，基本上这个手机网站设计就算成功了一大半．所以相较两者，不能说谁对谁错，不过在各个浏览device上各有优劣．※对象摘自 smashing magazine

接着介绍我最近常常浏览的手机网站设计，BBC Radio的网站算是我浏览过手机网站设计做得最成功的一个，不仅兼具功能，连最困难的设计与细节都做到非常棒，按钮与页面布局都有仔细考虑到，可以看到下图频道选择页面，设计的按钮刚好可以fit 用户的手指大小，简单美观又不失功能性．※对象摘自 BBC Audio

频道选择页。进入频道页面之后展现一些必要信息与一个大大的Listen的按钮，用户只需要按下按钮就可以直接听广播，下方有接收频道的强弱讯号，整体设计与桌机版网站调性模式都一样，不会让用户需要学习两种的认知模式，从开始页面到选择所想要的页面可以说是一气呵成，从功能到设计到信息可以说是非常棒的手机网站设计．※对象摘自 BBC Audio 频道显示页面

再来就是国内知名门户网站的一些小见解，yahoo一直有手机网站设计版的网站存在，只少是我在去年拿到手机那时就有，其实对于国内手机网站设计来说，已经算是非常贴心的网站，至少我是找得到我想要看的新闻，毕竟我们不能在手机浏览上要求太多，※对象摘自 yahoo 手机版网站设计 首页

不过最近雅虎也新加入方便使用者的选单，像是脸书app一样可以从右方显示想要的新闻组选单，而不用像以前一样要scroll scroll scroll找到自己想要的信息．※对象摘自 yahoo首页提示新服务页面、新加入的分组选单页面