存档

‘设计’ 分类的存档

爱逛3.0: 城市生活一手掌握

2010年1月28日 12 条评论

经过几个月的努力,爱逛3.0上线了。作为产品经理,还是不发“软文”了,发一篇比较正经的介绍文章。最重要的是,欢迎大家使用产品,并将你的使用感受反馈给我们。

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

1. 产品简介

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

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

feature_list2. 商户搜索

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

Screenshot0402

图1

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

图2

图2

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

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

(2)电话呼叫功能。点击“呼叫”,会自动呼叫该商户的电话(图3)。

图3

图3

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

图4

图4

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

图5

图5

点击“详情”,可以查看商户的详细信息(图6)。

图6

图6

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

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

图7

图7

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

图8

图8

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

图9

图9

3. 公交

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

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

图10

图10

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

图11

图11

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

图12

图12

图12

图13

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

图14

图14

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

图15

图15

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

图16

图16

图17

图17

4. 火车

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

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

图18

图18

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

图19

图19

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

图20

图20

在车次查询入口,同样可以查询你感兴趣的车次(图21)。

图21

图21

5. 影讯

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

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

图22

图22

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

图23

图23

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

图24

图24

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

图25

图25

6. 城市攻略

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

图26

图26

7. 天气

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

图27

图27

8. 个性化设置

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

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

图28

图28

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

图29

图29

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

图30

图30

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

图31

图31

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

图32

图32

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

图33

图33

分类: PM, 手机客户端, 设计 标签:

手机客户端产品体验:淘宝随身购

2009年12月28日 5 条评论

随身购是2010年淘宝定制手机中的内置软件(看新闻),前几天在手机上安装了这款软件,一句话的感受是:界面美观,亮点不足,使用笨拙

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

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

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

【体验感受】

===主要功能===

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

2. 以搜索某个产品为例,说明几个主要的使用场景。
主菜单点击“女装”->进入产品列表(产品列表的布局也和手机QQ相似)-> 选择某个商品,点击进入商品的详细情况页面 -> 在商品详细情况页面选择“立即购买”,离开客户端,进入wap页面,继续购买操作。
===优点===
1. 产品界面比较漂亮。
2. 逻辑简单,使用方便。

===缺点===

1. 软件大小过大,接近600K
2. 软件运行速度慢,使用不流畅(我的手机是N73)
3. tab的设计需要定位到标签上才能左右切换,导致切换速度比较慢(无论是最上层的tab,还是产品详情的tab均如此)
4. 点击主菜单的“我的淘宝”“彩票”,详情页点击“立即购买”“加入收藏”,会跳出客户端,一些重要操作仍然要到wap中执行。客户端的可用性有限,只起到浏览产品的作用。
5. 在详情页,上下移动光标的时候,有一条细灰的横线标示光标当前位置,这样的设计比较奇怪。其一,阅读文字的时候,没必要用灰线告诉我当前的阅读位置;其次,这条灰线很容易被忽视,此时,用户会奇怪为什么向下按了多次按键却没有反应(见下图)。
===一点疑问===

在“随身购”中,字体都比较小,不像一般的java客户端字体比较大。怎么做到的?

分类: 手机客户端, 设计 标签:

高效能人士必备的10款iPhone软件

2009年12月24日 1 条评论

转载自: 问嘟嘟的苹果日志

Mobile Photo 2009-12-23 01 29 37.jpg

1. Google Tasks (iPhone版): 免费

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

Mobile Photo 2009-12-23 01 32 32.jpg

找了很多相关的软件,从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

Mobile Photo 2009-12-23 01 34 44.jpg

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

4. Dropbox: 免费

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

Mobile Photo 2009-12-23 01 32 00.jpg

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

5. MobileRSS: 免费/收费

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

Mobile Photo 2009-12-23 01 31 30.jpg

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

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

6. 爱帮爱逛: 免费

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

Mobile Photo 2009-12-23 01 31 07.jpg

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

7. Google Maps: 免费

默认自带.

Mobile Photo 2009-12-23 01 30 54.jpg

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

8. Stanza: 免费

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

Mobile Photo 2009-12-23 01 31 40.jpg

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

Mobile Photo 2009-12-23 01 31 21.jpg

读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

Mobile Photo 2009-12-23 01 30 29.jpg

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

分类: 手机客户端, 设计 标签:

掌上百度,上掌不易

2009年11月25日 8 条评论

“掌上百度”11月25日正式上线,除了搜索功能外,还整合了贴吧、知道两个社区平台。掌上百度的搜索、浏览速度比较快,但整个产品略显松散,hao123、地图这样更适合在手机上实现的产品并没有出现。整个产品乏善可陈,或许连“中规中矩”“简洁美观”这样的风格指标都没有做到极致。

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

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

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

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

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

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

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

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

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

新设计主要由三个部分组成:搜索框,百度产品入口,以及我的百度(个性化部分)。

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

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

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

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

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

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

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

分类: 手机客户端, 设计 标签:

豆瓣图片广告:看的不是广告,是寂寞

2009年11月24日 2 条评论

据说图片广告的效果不如文字广告,但最近在豆瓣看到的几个图片广告却很是吸引我的眼球,并且特别有点击的欲望。(这些广告都来自Google/DoubleClick。)下面贴几个比较精彩的。

豆瓣图片广告_保护动物

保护动物

关注气候变化

关注气候变化

看这位先生,就有阅读的冲动

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

Converse的广告,没空闲去浪费时间

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

豆瓣自己的广告——豆瓣电台

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

最近,“寂寞”很流行

酒店评论广告

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

分类: 设计, 随感 标签:

产品的情商

2009年11月10日 13 条评论

这是同事讲给我的故事,我认为,用产品的“情商”来形容这个故事最恰当不过。

会飞的翅膀

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

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

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

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

怎样让翅膀更有吸引力?

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

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

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

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

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

产品的情商

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

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

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

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


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

分类: 设计 标签:
Դ