爱逛下载地址: 手机登录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

一个产品也需要这种爱的经营，经营的形式会因产品的不同而不同，没有固定的形式（正如教育男孩和女孩也会不同一样）。不过，经营的目标是一致的：让用户喜欢你的产品，增强用户的忠诚度，产生频繁的访问，创造更大的价值。

下面举三个带有明显运营形式的产品例子，根据产品人员参与运营力度的不同，我将其分为三个层次：自运营，半运营，全运营。这种分类不一定科学，但对理解运营或许有一定参考意义。

1. 自运营

人人网手机客户端

手机豆瓣网

自运营的产品上线后，不需要产品部门提供过多的人力，但需要一个产生足够内容和互动的产品形式（不是所有产品都具有这种形式）。此外，如果需要内容的审查，或者希望引导用户进行相关内容的讨论，也需要一定运营人员的投入。

搜吃搜玩手机客户端

无论是否有这种运营，搜“俏江南”，结果应该都是一样的。但是，是否有运营，用户的感觉却是不一样的，对用户需求的把握也截然不同。

我用全运营这个概念，表示那些产品的内容、话题几乎全靠运营，运营直接决定了用户能浏览到什么，能使用什么，一款成功的产品，甚至会影响人们的观点，影响社会的话题。具有这种力量的产品，有媒体一样的威力，甚至本身就是媒体，比如手机新浪网。用户昨天看到的内容和今天看到的内容一定不同，甚至一小时之前看到的内容和现在也会有区别。全运营产品需要有一个庞大的、全职的产品团队（比如编辑，比如话题引导者），产品在运营中壮大，成长。

手机新浪·新闻中心

中国有句话：“养不教，父之过。”同样的，成功的产品没有不需要运营的，生而不养，是对自己和产品的不负责。而无论那种运营形式，目标是一致的：赢得用户，让产品成功，获得商业价值。

（从产品角度，如果问我比较喜欢的手机客户端有哪些，我会推荐：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、人人网的用户已经不稀奇了），然而，如果连身份记忆、不用验证码都算特色的话，真让人有拿不出的感觉了。

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

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

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

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

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

在手机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/。

作为产品经理，我禁不住兴奋和骄傲！爱逛就像我的孩子一样，在产品开发期间，我为每个功能和细节的完美，倾注了所有的心思和智慧。当然，整个项目团队也都付出了很多努力，从研发到测试，从市场到合作…应该说，爱逛是大家的孩子，而我希望爱逛是所有人的孩子，并且能够得到手机用户的喜爱。

（如何下载爱逛：手机上网并登陆 wap.aibang.com，在首页就可以下载爱逛手机客户端软件，而且，只有165K！或者进入下载页面查看）

爱逛能为你做什么呢？不妨想一下，你是否遇到过下面的窘境：逛街累了，想在附近找一个餐厅或咖啡馆，拦了好几个人却摇头不知；晚上想和朋友去看电影，却不知道晚上放映什么；和别人约好了见面的地点，却不知道怎么坐车前往……

有了爱逛，只要拿出手机，一分钟内，这些问题就会迎刃而解！

爱逛的定位就是出门在外，怀揣手机，喜欢”逛”的人。在公司内部做产品宣传时，我还围绕“逛”字想了四句话：

• 逛遍城市角落
• 逛尽吃喝玩乐
• 逛走忧愁烦恼
• 逛出美好生活

毕竟，好生活，是需要逛出来的！

爱逛的大小虽然只有165K，但却功能强大。比如，在北京西单附近找餐馆，爱逛会搜出成百上千家餐馆，根据不同的口味、价格，总会有你心仪的一家：

找到商户后，想知道怎么到达这里？没问题，公交或自驾功能，可以为你筛选出最优路线，让你一路畅通无阻：

如果晚上还想看电影，也没问题。爱逛会告诉你每家影院每场电影的详细放映信息，这样，你就不用手忙脚乱、提心吊胆，害怕错过喜欢的电影了：

接下来，不妨安排一下周末的活动，这要先看天气情况。爱逛会告诉你未来一周的天气情况：

周末有雨，有点扫兴，郁闷……不过，这仍然阻止不了去北戴河的计划。所以，查查火车先：

当然，爱逛还有其他功能，这里介绍的只是一部分，其他功能还要你去体验和发现。而且，爱逛的服务覆盖265个大中城市，无论你在北京、上海，还是杭州、成都，甚至“大城市”铁岭，只要你逛到哪里，就能享受爱逛的免费服务！我们希望爱逛的每项功能都会在生活中真正帮到大家，让爱逛的你出行无忧。

值得庆幸的是，自8月27日上线以来，一周时间，仅通过客户端本身收集到的用户反馈就有1200余条。有表扬，也有很多的改进建议。作为产品经理，当然要感谢大家的支持。令人期待的是，爱逛最新一期的优化工作已经提上日程，我们的团队会根据用户的切身体验和使用感受，做持续的改进，让爱逛更完美，更适用，更好用。

我爱生活，我爱逛！

（如何下载爱逛：手机上网并登陆 wap.aibang.com，在首页就可以下载爱逛手机客户端软件，而且，只有165K！或者进入下载页面查看）