爱逛下载地址: 手机登录wap.aibang.com，首页即有下载链接。还可以点击下面链接下载到本机，然后通过蓝牙或数据线传输到手机：1、 Symbian S60V3下载[适用N95,N73,E71等常见机型] 2、Java通用版

1. 产品简介

爱逛是爱帮网(wap.aibang.com)为手机用户倾心打造的本地生活搜索产品，免费提供本地商户、公交、火车、影讯、天气等信息查询服务，地图展现方式直观易用。爱帮爱逛提供的生活信息涵盖265个城市的1500万商家，信息丰富、准确、及时。爱逛的目标: 城市生活一手掌握。

下图是爱帮爱逛的主要产品功能列表。

2. 商户搜索

启动爱帮爱逛后，进入产品首页（图1）。商户搜索允许用户在某个地点查找某个某项生活服务。图1中显示的就是在北京的五道口查找餐馆的输入界面。

图1

点击右软键的“搜索”后，进入商户搜索的结果页面。图2显示了在北京的五道口搜索餐馆的结果页面。

图2

对于每个商户，除了商户名称、地址外，还包括：

（1）该商户距离搜索地点的距离。图2中的“干锅居（五道口店）”距离五道口定位地点的距离大约为0.4公里。

（2）电话呼叫功能。点击“呼叫”，会自动呼叫该商户的电话（图3）。

图3

（3）地图模式。点击搜索结果中的“地图”，可以在地图模式下查看商户的位置（图4）。

图4

（4）通过短信发送给朋友。点击“发到手机”，可以将商户信息通过短信发送给朋友（图5）。

图5

点击“详情”，可以查看商户的详细信息（图6）。

图6

在“详情”标签中，爱帮爱逛提供了丰富的商户信息，除了基本的电话、地址外，还包括地图、口碑、简介等。同时，根据不同商户类别，还会提供更多的商户信息。例如，对于餐馆，会提供营业时间、推荐菜等等。

“评论”标签包括来自网络的用户评论（图7）。

图7

“周边”标签中，列出了附近的商户信息，也可以在输入框中搜索更多的附近商户（图8）。

图8

点击“详情”标签中的“公交驾乘”链接，可以选择和此商户相关的交通信息，如到这里的路线、从这里走的路线以及附近的公交信息（图9）。

图9

3. 公交

点击首页的“公交”，进入公交查询频道。公交查询提供换乘、线路、站点三个查询方式。

公交换乘提供从起点到终点的线路方案。图10显示了公交换乘的输入界面。用户可以手动输入起点、终点，还可以点击历史查询。

图10

选择查询，进入公交换乘方案的结果列表。图11显示了从北京的五道口到西单的公交换乘列表。你还可以根据换乘方案的时间、步行数、换乘数、地铁优先等方式对结果进行排序。

图11

点击某个方案，可以查看详细的换乘方案（图12）。换乘方式可以在地图模式下查看（图13），还可以把换乘结果发送到手机中。

图12

图13

除了公交换乘外，还可以搜索某个公交线路。图14显示了公交路线的搜索输入界面。可以在输入框输入路线名称，也可以从历史记录中点击查询。

图14

查询公交线路后，会给出符合条件的相关查询结果。图15显示了在北京查询“地铁5号线”的搜索结果。

图15

点击搜索结果中的线路详情，可以查看线路的详细信息（图16），其中包括了线路的始发、终止时间，票价，换乘等信息，以及线路中的各个站点。还可以在地图模式下查看各个站点的分布情况（图17）。

图16

图17

4. 火车

火车查询提供了全国主要城市的火车换乘和车次查询服务。

在火车换乘查询界面（图18），可以输入换乘的起点和终点城市，或者直接点击历史查询记录。

图18

换乘的搜索结果会给出两个城市之间的火车换乘方案。图19显示了从北京到广州的火车车次，其中包括了起止站点、时间，以及相应的票价信息。

图19

点击车次，可以查看详细的车次信息（图20）。其中，包括本次列车的出发和达到时间，全程运行时间，票价，历程，途经站点及其时间。

图20

在车次查询入口，同样可以查询你感兴趣的车次（图21）。

图21

5. 影讯

在首页点击“影讯”进入影讯频道，该频道包括全国主要城市影院的电影放映信息。

“城市影讯”标签展示了今明两天的上映电影（图22）。

图22

选择某个电影后，可以看到该电影的主要信息，如类型、导演、主演（图23）。

图23

选择“查看所有反映影院”，每个影院放映该电影的影讯会全部显示出来。图24显示了北京主要影院放映电影《阿凡达》的放映时间。

图24

如果进入“我的影院”标签，则可以查看您收藏的影院的电影放映情况（图25）。

图25

6. 城市攻略

每个城市都有自己的特色，爱逛的城市攻略包括了每个城市的吃喝玩乐等信息。图26显示了北京的吃玩攻略文章，为手机用户提供最新的消费娱乐建议。

图26

7. 天气

爱帮爱逛的天气频道预告了一周的天气情况，图27显示了北京2010年1月16日及其未来共7天的天气情况。

图27

8. 个性化设置

爱逛为用户提供了多种个性化设置功能，并会不断增加个性化服务。

首先，爱逛有三种皮肤，可以供用户选择。除了上面的“黑色经典”外，还有“蓝色深沉”和“粉红佳人”两种皮肤样式（图28），在首页通过【菜单-设置-更换皮肤】可以选择。

图28

此外，用户可以随时切换城市，获取新城市的生活信息。图29是在“蓝色经典”肤色下，切换城市中主要城市的分布。

图29

用户喜欢的商户，可以进行收藏。点击首页右上角的“收藏夹”，所有收藏过的商户会显示出来，方便用户随时查看（图30）。

图30

同样的，搜索历史记录在首页“我的搜索”中，或通过首页【菜单-常用-搜索历史】查看，方便下次搜索（图31）。

图31

用户浏览过的商户，可以通过首页的【菜单-常用-浏览历史】查看（图32）。点击每个商户，可以直接进入该商户的详情页面。

图32

最后，用户还可以进行网络连接方式、是否接受图片以及字体大小的设置（图33）。

图33

（从产品角度，如果问我比较喜欢的手机客户端有哪些，我会推荐：QQ2009，人人2009，Gmail，谷歌地图）。

下面是一些体验感受，我的手机型号是N73，感兴趣同学们也可以安装用用，或许你会有新发现

【软件名称】随身购
【下载地点】http://www.ttdown.com/Soft/72736.html
【软件大小】596K，JAVA版

【体验感受】

＝＝＝主要功能＝＝＝

1. 主界面和手机QQ非常相似。
采取九宫格的形式排列，提供主要服务入口，如充值、游戏、手机、男装、女装、彩票等。最下方是一个搜索入口，可以搜索商品或店铺。

1. Google Tasks (iPhone版): 免费

iPhone版链接: http://mail.google.com/tasks/iphone

找了很多相关的软件，从Things,到 OmniFocus, 都到同步的时候碰了困难。

OmniFocus是非常不错的一款GTD工具，但无法同步到Windows的问题

我要求的很简单：需要在Mac OSX(Snow Leopard), iPhone以及Windows同步。但一加上这个条件, 现在除了网络版的一些任务网站之外，软件是没有了。

用了Todoist.com了一段时间，受不了其前端的慢，而且不支持任务分级嵌套。投入到Google Task的怀抱.

另外, Google Tasks有一个非常强大的网页版, https://mail.google.com/tasks/canvas, 基本可以媲美OmniFocus.

2. Google Sync : 免费
包括 Gmail Push, Google Calendar, Google Contacts
除了iPhone之外的一些智能机， 通讯录备份和同步是一个趋之若鹜的手机软件领域。iPhone上本身iTunes同步其实能解决大部分同步问题, 支持通讯录和短信以及应用程序，音乐视频等数据的备份和同步。

但Google Sync使在线实时同步成为可能, 当然如果使用苹果自家的MobileMe也能得到类似的服务，不过你得付99$/年。

不久前，刚好一个同事买了一台水货iPhone,我给配了一下Google Sync, 发现这个过程对于一般用户门槛可真是够高的。
官方的帮助在这里，希望能尽快有一个官方中文版。当然网上的帮助不计其数.
http://www.google.com/support/mobile/bin/answer.py?hl=zh&answer=138740

其中最重要的一点是，最后选择保留iPhone原有的通信录。并且在GMail中将所有需要同步的联系人放到”通讯录”组里。我这位朋友的 Gmail是中文设置的，开始竟然没有同步过去，后来改了英文，同步生效后，再改回中文就OK了。无论是在iPhone还是在Gmail中添加了联系人， 两边都可以看到了。 另外，包括日历也是一样.

有时会用AppGmail, 缺省的Mail并不会同步所有的邮件，Gmail强大的搜索功能用不了时，就求助于AppGmail了.

3. Evernote: 免费
iTunes: http://itunes.apple.com/cn/app/evernote/id281796108?mt=8

一款优秀的跨平台软件。iPhone端更多是浏览。 最近在实际使用中，发现Evernote Windows版的使用流畅度远不如osx版。希望能尽快优化.

4. Dropbox: 免费

iTunes: http://itunes.apple.com/cn/app/dropbox/id327630330?mt=8

一款优秀的跨平台软件。很完美。 你的一切重要的文件，都可以存在这个网络U盘中。iPhone版本可以直接上传Video和图片, 同步速度特快.

5. MobileRSS: 免费/收费

iTunes: http://itunes.apple.com/cn/app/mobilerss-free-google-reader/id333925239?mt=8

众多RSS软件中似乎是默默无闻的一个，但在使用体验上比一些收费软件要好。支持Google Reader的同步，注意是完整的同步，可以同步加星标的和共享的等Folder. 并且支持Google Reader的share和加星标功能。可以共享到Facebook, twitter, readitlater, instapaper等网络服务中.

收费版本支持订阅和搜索功能。

6. 爱帮爱逛: 免费

iTunes: http://itunes.apple.com/cn/app/id333915726?mt=8

界面和Google Maps类似，但查看商户的点评，图片等功能Google没有. 公交功能用得很少， 第三方评测是国内第一。 我主要使用收藏商户的功能, 订餐时候会用一下。 出门的时候会用一下周边查询的功能, 还算不错。

7. Google Maps: 免费

默认自带.

就用驾乘功能。实时路况用了两回，非常不准，其中一次把我给绕到更堵的地方去了,堵在北苑路，最后绕辛店那条路辗转到顾家庄桥才回到了家。

8. Stanza: 免费

iTunes: http://itunes.apple.com/cn/app/stanza/id284956128?mt=8

iPhone读书软件的必备。 除从缺省的在线书库下载图书外，一定要添加掌上书院书库, 免费注册cnepub的账号，下载去吧。有些书，是全本啊。不必沉甸甸地拿在手里啊。
掌上书库: http://www.cnepub.com/

9. Good Reader: 0.99$

iTunes: http://itunes.apple.com/cn/app/goodreader-large-pdf-viewer-read/id306277111?mt=8

读PDF最好的软件，另外支持TXT, HTML, MP3, JPG,PNG, MOV等多媒体格式。 我使用的唯一的付费软件，很值得。软件还在不断地更新中，更使我坚信有收入的软件才能得到持续优化的机会。

10. FileAid: （v1.4版本以下）

iTunes: http://itunes.apple.com/cn/app/fileapp-previously-fileaid-document/id297804694?mt=8

前身是DiskAid, 很好的一款软件,可以通过USB方式拷贝文件到iPhone. 但最近迫于Apple的压力，取消了USB方式。其可用性大打折扣。这里仅仅是推荐v1.4版本。遗憾遗憾.

今天，百度客户端软件“掌上百度”正式上线，在今天发布的版本中，除了搜索功能外，还整合了百度贴吧、知道这两个社区平台。

事实上，掌上百度包括百度的绝大多数主打产品，如新闻、图片、百科、空间等（见下图）。即便在掌上百度面世前，也能猜到这些产品肯定会包括在掌上百度中。所以，掌上百度的产品设计关键就是产品整合，使产品设计清晰简洁，易于上手——对掌上百度而言，用“上掌”更恰当些。

可惜的是，掌上百度上掌不易，本来，它可以做到更好。

掌上百度的三个主要功能标签

可能百度太想突出“贴吧”和“知道”这两个产品了，所以将其独立成标签。不过，真的有必要如此么？让我们切换到这两个标签看看，贴吧只有“我的贴吧”和“贴吧目录”两个子条目，知道也是只有三个字条目。应该说，这两个产品还没有复杂到需要单独建立一个标签的地步，它们的功能还不足以支撑起一个标签。这样的布局，会让整个百度产品变得分散，可能会弱化其他产品的功能（为什么新闻不独立出一个标签？）。

让我们总结一下掌上百度的主要特性及其整体架构：

与之相比，我更倾向于一个界面简洁、功能集中的掌上百度。比如，掌上百度的新首页可能类似于下面两个方案中的布局（原型草图，敬请拍砖）：

同样的，为了方便理解，我们对上述两个方案的主要功能进行分解：

新设计主要由三个部分组成：搜索框，百度产品入口，以及我的百度（个性化部分）。

搜索框是各类搜索的统一入口。可以搜索网页、wap、图片、知道等内容（正如现在的掌上百度实现的那样，但现在掌上百度没有提供web中输入提示的功能，手机Google就有此功能）。

百度产品入口包括新闻、贴吧、知道、空间等常用产品。新闻这样的浏览性工具可以放在前面，方便查看（没有必要像现在掌上百度那样给出一个“焦点新闻”）。进入每个产品内部，都可以查看更加丰富的内容，比如“新闻”可以按国内、国外、社会新闻等进行分类，“知道”可以直接给出知道的分类，而不像现在这样隐藏在一个bar中。特别是，用户可以根据需要定制各个子产品，选择哪些展现在首页，哪些不要（很奇怪掌上百度把天气放在首页，天气虽然重要，但没有重要到如此的地步）。

（另外，为什么hao123这么好的导航产品没有放一个入口，完全可以做成一个wap版网站导航；地图这种非常适合在手机使用的产品也没有反映在掌上百度主界面中，可谓少了有一个杀手锏。）

我的百度包括所有个性化的产品，可以像方案A那样在首页中独立成为一个子功能，也可以像方案B那样独立为一个标签。用户可以集中管理“我的百度”产品。比如，在上面的原型图中就有一项是“音乐”，可以保存用户喜欢的音乐（如果将来做成一个音乐盒，用户可以带上耳机听这些音乐，够酷够方便）。

当然，掌上百度也有一些亮点，比如搜索速度比较快，页面滑动比较流畅。不过，整体上乏善可陈（可能还有我没有发现的优点）。掌上百度的web下载页面中重点强调了它的四个特色功能：

1. 流量超省: 采用专有数据接口，速度更快，流量更省。
2. 即拍即传: 贴吧、知道支持拍照上传，发贴、提问一拍即传，让您更好的和网友沟通交流。
3. 身份记忆: 百度账号一次登录，永远保持！
4. 0验证码干扰: 专为手机用户设计的发贴和提问流程，保证您发贴、提问0验证码干扰。

第一、第二条或许还算是特色（但对于使用UCWEB、人人网的用户已经不稀奇了），然而，如果连身份记忆、不用验证码都算特色的话，真让人有拿不出的感觉了。

保护动物

关注气候变化

看这位印度老先生的模样，我就有阅读的冲动

Converse的广告，“没空闲去浪费时间”

豆瓣自己新产品的广告——豆瓣电台

酒店评论广告

最后那个广告很fasion。看来，最近“寂寞”很流行啊……

会飞的翅膀

同事的朋友负责一款手机游戏的设计，最近，这款游戏为玩家新增了一个道具：翅膀。翅膀有什么功能呢？装上翅膀的玩家可以获得更快的移动速度，更大的移动空间，减少前进的阻碍。这个翅膀道具最开始供玩家免费使用，用过一段时间后，翅膀会失效，玩家需要缴纳一定费用后才能激活翅膀，继续使用此道具。

最初的设计，当免费期过后，失效的翅膀会变成灰色，并向玩家提示：“免费试用期已过，您需要购买此道具才能继续使用。”这是最普遍的产品设计形式，在我们日常使用的众多先免费后收费的产品中，都可见这种提示方式。

根据统计，最终购买此道具的玩家有10%。

接下来摆在设计者面前的问题很明显：如何让更多的玩家购买此道具？

怎样让翅膀更有吸引力？

让翅膀更有吸引力，我们能想到很多，比如：

• 让翅膀飞的更快，帮助玩家走更远，玩的更爽；
• 让翅膀可以变换颜色，让玩家有选择的空间（像一些网站可以换肤那样）；
• 翅膀可以长大，玩家会在玩的过程中感受到道具的变化；
• 翅膀可以生小翅膀（听起来有点恐怖），让你羽翼丰满
• ……

这些都是从产品功能、特性方面所做的修改，用以增加产品的吸引力。

事实上，游戏设计者所做的并没有这么复杂：当免费期过后，翅膀仍会变成灰色，但接下来的“收费提示”则以更加人性化的方式实现，翅膀被拟人化，开始可怜巴巴的对玩家说：“主人，我已经累了，快把我激活，让我继续为您服务。”

没错，就是这么简单，只是改了一句话，一种表达方式。但让人想不到的，就是这个改变，产品的购买率从原来的10%骤然提高到50%，成长了5倍！

产品的情商

当我听到这个故事后，头脑中出现了一句话：产品的情商。在这款游戏中，当翅膀道具有了人的感情，和玩家更友善、更温柔的交流后，它也变得更招人喜欢了，更有吸引力了，也更有价值了。

我们早已熟知，一个人的成功，智商（IQ）不可忽略，但情商（EQ）更加重要。已有研究标明，成功的因素中，情商的贡献要占80%。那么，一款产品是否也有它的智商和情商呢？产品的“情商”是否同样重要呢？

打个比方，产品的“智商”包括产品的功用、性能、效率等等；而产品的“情商”，则包括产品的色彩、交互、易用性等等。一个智商低的产品（没用，速度慢，效率低）固然不会受人喜欢，但是，一个情商低的产品（难用，丑陋，冷冰冰）也不见得会多受宠。会撒娇的翅膀就是最好一个很好的例子，在没有增加功能的情况下，改变一下“情商”，就可以获得惊人的改进。

当然，在不同的产品中，“情商”的表现会有不同，有的需要严肃，有的需要活泼，有的力求简洁，有的力争华丽。作为产品的设计者和开发者，让产品越来越“聪明”的同时，也别忽略了产品的“情商”，很可能，它是产品走向成功的关键（正如人的成功一样）。

—

你用过哪些高“情商”的产品？不妨和大家分享。

在一些交互较少的产品中，如手机阅读软件，交互不是设计上的难题，通过少数链接甚至手机的固有按键就可以实现交互操作。但在一些交互频繁、操作多样的产品中，如何在小小的手机屏幕上实现这些交互操作就是一个问题了。

下面就以几款常见并且需要复杂交互操作的产品为例，分析不同交互需求下的不同的解决方案。

手机软件三种不同交互需求的实现方式

一、完全暴露型的交互实现

最自然的交互实现是“完全暴露型”，即把主要的交互功能、用户操作都展现在产品界面中。这种设计在很多产品中都可以看到，用户可以直观的看到这些操作的入口，选择想要的操作。

在手机QQ2009的发送界面中，添加表情、常用语、传递语音等功能以图片按钮的形式排列在输入框下面，这种设计和QQ桌面产品的形式一致，符合用户使用习惯，用户也很容易操作。

在12580客户端中，商户页面的几个主要功能，如地图、去这里、从这走、转发等功能排列在用户的基本信息下面，很直观，这种“按钮型布局”也比较美观、合理。

手机QQ和12580中的一些主要操作按钮直接展现在产品中

二、合而为一型的交互实现

完全暴露型的缺点是需要占据较多的空间（虽然这并不总是缺点），当需要安排的操作较多时，或者需要保持界面的简洁时，就需要把这些暴露的功能隐蔽起来。无论在桌面产品（如MS Office）还是手机软件（如手机Gmail）中，通过“菜单”的形式将多个交互操作合而为一是经常采用的做法。

手机Gmail的收件箱界面很简洁（和Web产品相似），所有信件从上到下排列开来。手机Gmail将邮件中的常用功能，如打开信件，转发，撰写，搜索邮件等功能合并在左下角的“菜单”选项中，当通过左软键选择“菜单”时，会在手机屏幕正中弹出操作列表。而且，由于菜单的灵活性，一些功能相似的功能，还可以列入二级菜单中。

手机Gmail通过菜单统一所有当前页面的相关功能

三、随需而现型的交互实现

在手机Gmail中，收件箱中每封信的操作都完全相同，此时，通过菜单可以实现合二为一。但是，如果一个页面中多个条目需要对应不同的操作，或者菜单已经被其他功能占用，无法容纳更多操作，此时该如何设计呢？

一个灵活的实现方式是“随需而现”。也就是说，产品中并不展现各种交互操作的入口（如按钮或链接或菜单），当需要交互的时候，通过点击相应的内容再弹出对应的操作选项。

在手机QQ、手机MSN、手机飞信中，都有类似的操作，我们不想以这些聊天工具为例。这里，我们选用了人人网最新发布的手机客户端产品为分析对象。人人网客户端实现了人人网Web产品中的绝大多数交互操作，如查看/回复/发表日志、查看/回复/发表留言、查看好友个人主页、发站内信、同意好友申请等。SNS的产品本身交互操作就很多，所以，将这些功能在一款产品中实现，如果组织不好，势必非常复杂，操作不便。

在人人网客户端中，将这些功能各异的操作通过“点击-功能列表-选择”的方式实现，选择这种设计保证了界面的整洁，能够让用户把注意力集中在最关键的内容上，当需要时再进行对应的操作。

手机人人2009中，点击不同内容弹出不同操作

手机产品设计与传统的桌面和web产品设计相比，最显著的约束是设计空间的急剧缩小。打个比方，这就像从一个100平米的房子搬到5平米的单间，东西没少一样，可以施展的空间却小了几十倍。更重要的是，在这样一个小空间里，你不能把东西胡乱摆放，要依旧保持它们的清晰、合理、简洁、美观。借用《用户体验的要素》中的名词，这涉及到“框架层”的设计问题，在手机产品的设计中，框架层的设计即布局问题尤其关键。

然而，众多手机产品看似纷杂的框架选择，归纳起来，最主要的方式有两种：按钮式布局，标签式布局。基于这两种布局类型及其多种变形，并综合两种类型的巧妙组合，可以解决绝大多数功能模块的组织问题。

手机产品框架层设计的两种基本布局方式

按钮式布局

当多个功能之间相对独立，用户根据需求选择其中一个功能时，按钮式布局是一个不错的选择，结构清晰、简单明了。支付宝、12580客户端、PingCo等手机产品的初始界面都采用了典型的按钮式布局方式。

典型的按钮式布局方式

以支付宝为例，当在多个按钮中选择某个功能按钮后，如“手机充值”，则直接进入手机话费充值页面，然后进行相应的手机充值操作。这种设计结构清晰，手机支付宝有8个主要功能，分成8个按钮，布局有条不紊。

支付宝的手机充值功能

变体。按钮式布局的表现形式多种多样，有很多变体。比如，在熊猫看书中，几个功能按钮排成一行，放在底部，上面是熊猫看书的一些通告；在爱帮公交中，几个链接本质上是就是按钮，可以分别选择乘车、线路或站点查询；在139i联系中，按钮成为长条形，每行一个，排成一列（样式上类似于iphone上的系统控件），每个按钮被激活后，下部都会有对应功能的解释。这些以不同方式展现出来的按钮式布局，或者更加美观，或者更加简洁，把多个功能进行了有效的组织。

按钮式布局的更多实现形式（按钮部分用黄色框标出）

缺点。 按钮式布局的一个缺点是，功能模块之间的切换需要较多步骤，功能之间相对离散。例如，从支付宝的手机充值页面切换到交易查询页面，需要首先选择右下角的“返回”按钮，回到主 界面，然后点击“交易查询”按钮，才能进入相应界面。在支付宝中，这个问题似乎还不明显，还不是一个问题。如果每个功能界面都比较复杂，层次较深（比如 12580客户端），则不同功能之间的切换将变得非常繁琐，每次都要返回到按钮组合界面，才能访问其他功能。

标签式布局

标签式布局能够解决按钮式布局中“功能离散”的缺点。当功能之间联系密切，用户需要频繁在各功能之间进行频繁时，标签式布局是首选的设计选择。UCWeb浏览器（以及腾讯QQ浏览器）、手机MSN、爱帮爱逛的公交频道等手机产品都采用了典型的标签式布局来组织一些功能界面。

典型的标签式布局(标签部分用黄色框标出)

以爱帮爱逛的公交频道为例，和公交相关的换乘、路线、站点三个功能组织成标签，用户进入该频道后能够一目了然，根据自己的需求轻松切换（默认是用户经常使用的换乘功能）。

爱逛公交频道的三个公交功能用标签组织

为什么没有把爱帮公交中的三个功能集中在一个页面，按照从上到下的方式排列呢？主要考虑两个因素。

第一，功能完全展示。如果三个功能集中在一个页面，由于每个功能的内容都可能比较长（在小屏幕手机中尤其如此），如“查询历史”就会占据一大部分空间。此时，换乘之外的路线、站点两个功能有可能无法在第一个屏幕展示出来，于是，用户有可能不知道屏幕下面还有这两个功能。

第二，快速切换标签。如果三个功能集中在一个页面，若用户想查公交站点，则必须“路过”排在前面的换乘、路线两个功能模块，至少需要按6-9个向下键才能到达公交站点的输入框。采用标签式布局，最少只需移动两次右键即可。

变体。标签式布局也可以有更多的表现形式，下面便是两个例子。在手机大头中，几个主要频道全部通过标签进行组织（虽然看上去很像大大的按钮），频道之间通过左右键就可以实现切换，当前选中标签一直处在中间位置，非常明显。在千尺下载中，几个主要功能的标签被放置在屏幕底部，和手机大头一样，也是通过左右键实现标签切换，当前标签通过黄颜色识别，使用起来也非常直观。

标签式布局的更多表现形式（标签部分用黄色框标出）

缺点。当然，标签式布局也有它的潜在问题，最主要的就是标签切换。当标签页面比较复杂时，比如包括很多链接，文字内容很长，当前光标可能会停留在正文中。此时，如果把光标移动到标签上再进行切换，会非常繁琐，需要很多按键操作。对于这个问题，腾讯QQ浏览器、手机MSN、UCWeb浏览器、贝多等手机软件根据自身特点，有不同的解决方案。对于标签切换的各种实现及其优劣，会专门撰文进行分析。

两种布局方式的混合应用

需要特别指出的是，按钮式布局和标签式布局是在不同场景下组织多个功能模块的不同方式，没有优劣之分，只看恰当与否。在合适的场景使用恰当的方式，就能让复杂的功能在狭小的手机界面上得到很好的展示。事实上，多数功能复杂的产品，都要采用这两种方式架构自己的产品。下面是两个混合使用两种布局方式的典型例子。

手机QQ和掌上宝混合使用了两种布局方式

在手机QQ中，初始的主菜单采用按钮式布局，默认情况下“QQ”是选中按钮，因为“QQ”是最常用的功能。除此之外，移动方向键，还可以选择“腾讯网”、“游戏”、“资讯”等功能按钮。无论选择哪个按钮，点击后，都会进入标签式组织的操作页面中，通过切换标签，仍然可以实现各功能的快速切换（浏览网页，查看邮件，聊QQ，群聊，等等）。

掌上宝的所有界面完全是两种布局的组合：一方面，通过左右键切换标签，实现各主要功能的循环切换，另一方面，在每个标签内部，各个子功能组织成竖排的按钮，通过上下键进行选择。左右键和上下键都得到了很好的利用，用户在使用过程中不会意识到是在切换标签还是在移动按钮，一切都通过设计自然达成。掌上宝共有36个子功能，通过这种组织方式，非常清晰的在手机上展现出来，操作极其方便。

——

本文提及的手机客户端软件（除139i联系外，均可在waptw.com下载）:

1. 支付宝;  2. 12580;  3. PingCo;  4. 熊猫看书;  5. 爱帮公交

6. 139i联系;  7. UCWeb浏览器;  8. 手机MSN;  9. 爱帮爱逛;  10. 手机大头

11. 千尺下载;  12. 手机QQ2009;  13. 掌上宝

Firefox浏览器中设置标签式浏览属性

除了复选框，标准控件中的单选按钮、下拉列表框、文本输入框等，已经成为公用的软件语言，无论是软件产品的设计者、开发者还是使用者，都离不开这些看似简单但内容丰富的元素。

本文将介绍Java手机客户端软件设计中，几种主要标准控件（复选按钮，单选按钮，下拉列表框，文本输入框）的使用和表现形式，并以几款深受欢迎的手机客户端产品为例，分析在这些产品上相关控件的使用场景。

复选按钮

在Java版UCWEB中，调用了系统自带的复选按钮，用以实现同时选择多个功能项。例如，当用户选择“清除记录”时，软件会提示用户删除哪些项：

UCWEB中清除记录中的复选按钮

可以有默认选中的项，每个被选中的项会打一个叉，这和通常的复选按钮设计不太一致：在通常的复选按钮中，被选中的项前会用对号勾选。

这个系统控件看起来不是很精致，不知是不是这个原因，在Java版手机QQ的登录界面中，没有调用系统自带的复选按钮控件，而是设计了自己的复选按钮。例如，登录QQ时，用户可以通过复选按钮设置记住密码、隐身登录、静音登录、接受群消息等操作。手机QQ的复选按钮设计的比价精致，比如，被选中的项文字处于高亮状态，未被选中的项则处于暗色，当前获得焦点的按钮有亮色边框。

手机QQ登录时的复选框

单选按钮和下拉列表框

当用户需要在众多选项中选择一个时，可以使用单选按钮或下拉列表框。例如，从城市列表中选择一个你的当前城市，从男/女性别中选择你的性别，都需要单选功能。

例如，在Java版手机QQ中的皮肤设置功能，通过平台自带的单选按钮，可以从多个界面方案中选择一项自己喜欢的皮肤模式：

手机QQ中通过单选按钮设置皮肤

在Java版UCWEB中，设计了专门的下拉列表框，比如，在系统设置中选择字体大小时：

UCWEB通过下拉列表设置字体大小

当然，单选功能也可以通过菜单中的多选一实现，例如，在UCWEB中，通过菜单可以设定字体大小：

UCWEB通过菜单选择字体大小

文本输入框

文本输入框要比上面所讲的控件简单，但是实现形式却很丰富，在很多场合可以使用。

例如，Java版手机QQ通过文本输入框输入验证码（值得注意的是，输入框前插入了随即生成的图片）：

登录手机QQ时提示输入验证码

上图中一个不完美的地方是，输入框获得焦点后，输入法没有自动切换到数字模式。而在手机QQ中通过号码或昵称查询好友时，却能够正确切换到对应的输入法状态（数字和拼音）：

手机QQ分别通过号码或昵称查找好友

另外，可以设置输入框中输入文本长度的上限。比如，上面三个输入中，最长输入长度分别为16、10和12（标题下圆括号内的提示）。

在人人网客户端中，用户写新日志时，调用的系统界面由两个文本输入框组成，分别用来输入标题和正文（其中标题限制在50个字以内）：

人人网客户端中写新日志的系统界面

控件之间的组合

通过控件之间的适当组合，一方面，可以使相关的控件更具整体感，另一方面，也可以节省空间，方便用户的统一操作（这在手机这样的小屏幕平台上尤其重要）。

例如，在UCWEB中，搜索输入框和搜索引擎的选择组合在一起：

UCWEB中搜索词输入和搜索引擎选择组合

Java版手机QQ中集成了浏览器功能，在浏览器设置中，字体大小和图片显示这两个属性通过两组单选按钮进行设置：

不同的属性通过多组单选按钮实现

如果候选列表过长，像这样列出所有单选项必然要占据很多空间，使多个选项之间失去整体感。此时，可以用下拉列表组织每组选项，这样，会得到更加清晰的设计。例如，在手机QQ中根据条件查找好友，可以设置地区、年龄、性别，其中，地区、年龄都有很多选项，此时，通过下拉列表隐藏每组内容，会让几个条件的布局简洁，逻辑清晰：

多个条件查找好友，其中可以设置地区

在人人网客户端中，当你给朋友留言时，可以选择是否为“悄悄话”，通过将文本输入框和复选框组合在一起，实现此功能（留言最多为500字）：

人人网客户端回复留言界面

总之，正如一个厨师必须了解油盐酱醋的特性才能烹饪出各式美味一样，在Java手机客户端软件中，产品设计者和开发者必须了解这些基本控件的设计和使用，实现产品的不同功能，并使得产品界面简洁明了，操作方便，提高用户体验。特别是那些系统自有控件，如果能够很好的加以使用并巧妙组合，能够省去开发控件的人力和时间，降低开发成本。

相关软件：

1. 手机QQ：2009通用Java版，543Kb，下载地址：http://www.shouji-qq.com/。

2.UCWEB浏览器：7.0，Java通用版，303Kb，下载地址：http://www.ucweb.com/。

3. 人人网客户端：2009正式版，Java通用版，205Kb，下载地址：http://m.renren.com/。

1. 关注对象，还是关注作品？

刚学素描时，把握不好线条，总觉得自己画的不直，画的东西不像，改了又改。后来读到《Keys to drawing》书中的一段话，描述的正是我遇到的问题：

作画时你看哪？是画本身呢，还是作画对象？如果不确定，就做做这个试验。当你作画时，让别人看你的眼睛。眼睛停留在作品上的时间长，还是停留在作画对象上的时间长？这个问题很重要，也是提高水平的关键。

你猜答案会是什么？我问一个朋友（他不是学画的），他说，当然应该注意作品，因为画的就是作品嘛。而这也是我刚开始学画时的做法。事实上，正确的答案是：眼睛集中在作画对象上，才会画好：

当你关注的是作品，特别是在刚开始作画时，你就会对自己所做的努力加以判断，结果就导致一种自我干涉、自我分析的批评模式 （“那只手臂画的不像。”“脚不可能那样摆。”）作品中的东西不是“错的”，就是“不像”。你可能更多的是依赖于所学的规则和技巧，而不是画实际观察到的 事物。… 如果把思想主要集中在作画对象上，就会产生实用性对话。它是一种真正发生于你和所画对象间的对话，能提供给你有关形状、角度以及度量的信息，是你得以在纸 上将它们表现出来。

可不是么，画幅画和开发产品多类似（不好意思，我又引申了）。多思考，多观察，多分析，多给自己提一些问题：“这个产品的用户是谁？要提供什么服 务？要提供哪些功能？如何才能最有效的提供这些功能？……”也就是说，关注产品服务的对象。而不是关注实现产品的具体过程（虽然这些过程不能忽视）：“用 什么技术实现这些功能？某个特性太难设计了，干脆忽略？为了实现这个功能，要花费很多精力，得不偿失？……”

正如画画应该更多的关注对象、光线、明暗而不是画纸上的笔触、线条、技巧一样，如果关注的是产品的实现，而不是产品的功能，那么，就难以设计出好用、易用、为用户喜欢的成功产品，进一步讲，也难以推动技术的探索和创新。

2. 抓整体，还是抓局部？

画画时，无论是最开始的构图，还是后来的铺调子，都容易陷入局部的处理之中。打个比方，画一副头像，不仅要眼睛、鼻子、嘴等各个部位画的很到位，还要互相之间在位置、角度、大小上的一致，不然，就算每个局部都很成功，整副画也不能算作成功。

道理很简单，做起来并不容易。勾勒细节其实是很迷惑人的，把握整体反倒需要一种胸怀。或者说，控制全局需要一种领导和管理能力。刚开始画一幅画，切忌在最开始作画时就陷入到对局部细节的刻画之中，一定要时时顾及整体，和其他局部协调刻画。 一个绘画作品，就算每个局部都很完美，但如果互相之间错位，那也是一个失败的作品。相反，如果每个局部都有瑕疵，但整体比较协调，那算成功了大半。

夸张一点说，一些绘画作品，如果单看局部，看不出什么蛛丝马迹；正是因为组成一个整体，才产生神奇的效果。下图就是一个例子，生动的熊熊烈火，十分逼真；但靠近一看，都是由一些无意义的局部组成的。（该画取自今年10月在北京798艺术区的一副油画，侯亮拍摄。）

整体，是一团生动的火焰

局部，是一些“随意”的涂抹

引 申开来，任何一个产品的开发团队，都是由不同的职能部门组成（哪怕是一个人承担这些不同的职能），如开发、测试、产品设计，等等。要牢记各功能是一个整 体，有一个共同的目标，要协同工作。否则，即便每个部门工作都很出色，但如果配合不好，也是徒然。而即便这些团队但看起来都很平凡，但是因为能够步调一 致、协力配合，最后仍能开发出很好的产品。

3. 根据观察，还是根据常识？

这是一个看似两难的问题。观察，是眼见为实；常识，是普遍科学。似乎哪个都不能违背。但在学画过程中，却要记住：重要的是观察，而不是常识。

根据常识，长方体的四个高是相等的；但根据观察，越远的边长度越小。根据常识，脑袋长在脖子上面；但根据观察，仰卧的人脑袋可能长在胸中。事实上， 最可怕的往往是常识。如果遵守常识作画，画出的话反倒不像。相反，如果相信自己的眼睛，相信面前看到的活生生的事物，并用画笔描绘出来，反倒更加是最逼真 的。

画画是一门关于观察和动手的学问。刚学画时，老师就说，学画常犯的毛病是“眼高手低”：看都能看明白，但无法用手中的画笔描绘出来。这就像一个人很懂乐谱，但是无法用声音表达；很明白游泳的技巧，但不能下水施展一样。

太多的“常识”，左右了我们的观察，误导了我们的判断。常识的关键在于“常”，而世界往往是变化的，在不同的情况下有可能会产生不同的效果。相信自 己的观察，如果发现和常识违背的地方，要像发现金矿一样，马上挖掘出背后的原因。这是一个纠正“常识”，让自己进步的好机会。（生活中都是“常识”将会多 么枯燥啊！）

4. 耐心，耐心，耐心。有足够的耐心么？

作画是一个考验耐心的过程。有学过画的同事对我说，他最不喜欢铺调子，一遍一遍很麻烦。画画确实需要很大的耐心。不过，看到一张空白的纸上，最开始出现线条，后来出现面，接下来出现明暗，出现逼真的效果，也是一件很享受的事情。

下面两幅画是我所画的大卫像的石膏局部。这个简单的素描，耗费了我两个多小时的时间。用线条构成面，把不同的面用凸凹的视觉形式展现出来，这是一 个神奇的过程，是一个考验耐心的过程。

画作是打磨出来的，好产品也一样（我这幅当然不是好作品，只是献丑）。在这个过程中，要关注对象，而不是作品；要重视整体，协调局部；要相信观察，而不是相信常识。

大卫（石膏），最后的成稿。作者侯亮

大卫（石膏），最初只是一些线条。作者侯亮

最后，推荐《Keys to drawing（素描的诀窍）》这本书。“只要能握笔，就能学会作画。”如果说艺术是相通的话，那么，这不仅是一本教你学画的书。