预览模式: 普通 | 列表

 文分析了在手机客户端产品中,多个功能模块的两种主要布局方式:按钮式布局和标签式布局。并以13款手机客户端为例,分析了两种布局方式的不同使用场景,它们的变体,以及优缺点。

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

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

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

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

按钮式布局

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

典型的按钮式布局方式

典型的按钮式布局方式

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

支付宝的手机充值功能

支付宝的手机充值功能

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

按钮式布局的更多实现形式

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

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

标签式布局

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

 

三种典型的标签式布局

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

查看更多...

分类:产品规划 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 245

手机客户端产品的三种交互实现

 手机的优点是小,便于随身携带;手机的缺点是小,产品设计空间有限。这在之前的手机产品布局中已经提到。在确定了产品布局之后,另一个重要的设计考虑是产品和用户的交互操作。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


查看更多...

分类:产品规划 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 305

web2.0群组运营


以前写过关于社区的一些思考,对于web2.0的群组还是很看好的,因为我觉得这是未来社区的发展方向,bbs虽然在目前是一种很成熟的社区模式,但是它的框架化已经逐渐限制了社区高速的发展和扩展性,群组相对于论坛而言,的确在一些方面有相当大的优势,比如:扩张性,开放性,偏好性,趣味性等等。当然问题也是存在的,比如去中心化严重,以至于很多人觉得社区缺少重心。

首先谈一下我对目前主流群组,豆瓣群组的一些看法:

简单说说,豆瓣群组基本上是web2.0领域最成功的,但是基本很少看到第二个类似的(和豆瓣相比)。我对豆瓣群组持一种非完全认同态度,因为它是特例,对于豆瓣的成功只能说有太多太多故事,而这些故事,只适用于豆瓣。我非认同的几点:没有明显的游戏规则;没有群组创建发展限制;没有一定的引导;群组多而非精。

当然只是我的个人看法,毕竟我们不是豆瓣,我们需要对社区的群组有更细致的思考,而且web2.0不是有了群组就是什么社区,社区的核心未必是形式,最核心的还是运营。这一点,我想蚂蚁社区已经给了我一个明确的答案,我只能说,我需要向麦田好好学习。

查看更多...

分类:文章转载 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 268

 

看怎么在学生寝室门口“发帖”抵制网速慢的


 

  编者按:你还别说,现在的学生还真有才,如何有才看看下面的这组照片大伙就明白了。本文讲的是关于“一线多机上网”的事情,很多同学都遇到过吧?现在的某些网络运营商就是很操蛋,就那么大的带宽,为啥还要限制一根线上有几台机器呢?但这又是一个垄断性的行业,像我们这些平头百姓能怎么着呢?没办法,还是将就着用吧!总比没得用好吧?

 

———————————————我是正文分割线———————————————

 

  学校网速实在是不像话,平时下行到20K/S,真的已经算快了。多图的网页更是很难刷出来,能开个QQ已经是很开心了,虽然是表情都收不到的(惨绝人寰啊!)。这几天更是,连网都上不去……后勤公司竟然发公告说是我们接路由器,集线器导致的,要我们停止用路由器,不这样做后果自负。根本是他们设备没有到位,还怪我们用户,再者说了,一个寝室只有四个接口,但是有六个人,不用路由器怎么办?!而且还收一个学期还收360元,又得不到好的服务,两兆的网被活生生限制到512K,让我们怎么上网,下载?!

  于是在寝室门口出现了同学们的抵制……

 

有意思吧

 

有意思吧

查看更多...

分类:文章转载 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 265

互联网产品设计的“马化腾法则”

近日,网上流传的一篇腾讯CEO马化腾关于产品设计的内部讲座受到了互联网技术人员的广泛追捧。在这家拥有3000多名研发人员的公司,最多时曾有300多款产品,而且90%以上都在市场上占据着领先地位,申请了1600多项专利。为全业务布局互联网行业腾讯规划最具用户价值的产品,马化腾不仅仅是公司的首席执行官,更是公司的首席体验官和第一产品经理。

互联网产品设计的“马化腾法则”:

为产品订立优先级和先后次序。
不强迫用户。不为1%的需求骚扰99%的用户。
研发机制保证,产品迭代要快,快速实现、快速响应。
图案和简洁并不是一对矛盾体。
要丰富自己的角色,做最挑剔的用户、笨用户。

查看更多...

分类:文章转载 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 277
2009年,SNS正引领我们走向互联网再次变革的前夕(一)博主原创


最近还是在看SNS市场,这块市场。看了五六年了,最近又有了新感悟,拿出来和大家分享一下。一家之言,仅供参考.
这次博文题目是:2009年SNS正引领我们走向互联网再次变革的前夕.为什么这样说呢?互联网每次标志性的发展,都于其技术升级、用户普及量密切相关。互联网在中国高速发展了十几年,国内网民已经突破3亿,越居世界第一。网民普及量已经达到全民人口四分之三。而年轻人网络普及率已经超过一半。
从2003年的1000万用户,到2009年的3亿用户,中国只用了不到六年的时间。加至网络硬件巨头华为、中兴、大唐等公司的崛起,中国宽带硬件环境有了相当大的改善。
这是网易给出的中国网民数量发展表:

查看更多...

分类:个人日志 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 333



  前几天拿到了一台G1测试机,简单的做了下测试,并进行刷机操作,大体讲一下G1和Android的操作系统的感觉吧

  Android操作系统技术原理,前几天公司分享会上了解了一下。它底层采的linux操作平台,中间加了JAVA运行环境,系统给预先给开发人员设计了很多API,可以很简单的调用各个接口。还可对系统二次开发,直接改造。现在三星,移动,都在制作自己的Android的操作系统。并且这些系统都是可以互相刷的。也就是说,我今天可以将自己的手机改造成三星的Android系统。明天可以换成LG的Android系统。非常的方便。

  现在再大体说下G1比较有特色的几个功能吧。硬件支持多点触摸、QWERT全键盘、重力感应、摄像头自动对焦、GPS定位、相当不错的音质(后面会提到)、比iPhone略小的屏幕、mini usb接口、轨迹球。基本上就是这些东西了。
分类:个人日志 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 327

人人皆是产品经理系列(一)[博主原创]

  随着年龄增长,身边的朋友、同事越来越多,而我算是纯草根,从互联网底层爬上来的PM。好些老同事问我,怎么能做PM,而现在的一些同事也向我沟通,希望能分享一些做产品经理的心得。

  在北京chinapm交流会上,很多产品经理惊人的达成一个共识,就是产品经理这门工作,在思想上让人变得更聪明。其实我自己也是这样认为的,产品经理是从人性的基础出发去思考事情。

  开篇第一章,先解释下产品经理是个什么东西吧。

  首先,产品经理是个职位,而不是一个职务。产品经理是对产品负责,而对人基本没有管理的权利。看到这,有点意思吧。在中国人的眼里,管理不就是管人嘛,项目经理是项目和人两头干。而产品管理这种比较先进的理念,首先明确的一点就是就事不对人。项目参与人员由他们的专业老大管,产品经理通过产品线这条路,不断去找各个业务线的同事合作。推进工作。咱比喻一下,产品经理类似建筑业里的著名建筑设计师。这些著名建筑设计师虽然只设计外观,但是对建筑力学也要有所了解,项目到了力学测算、施工、验收各个环节的时候,设计师都要跟进的,以免自己设计的完美产品出现问题。

  以前有个朋友问我,什么叫专业,是不是满嘴跑专业名词就是专业,让别人觉着听不懂,这就是专业。我对他讲,能将复杂的事情简单化,这就叫专业。能把你不明白的事情,用平述、对比、比喻等各种语言方式讲明白,这才是专业。咱高度再高一点,唐代大诗人王维总知道吧,他老人家写的诗先给老太太读,真是将文学草根化,高人一个。因为脑子里没东西的人,是无法做到这点的。

查看更多...

分类:个人日志 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 334