转贴：Skype手机版(ForS60)终于发布了

原文地址：http://uedc.163.com/1726.html Iphone和Android系统手机风靡全球的同时，移动互联网的发展也掀起了一股热潮。最近发现身边一些朋友纷纷在做手机上的第3方应用，或多或少碰到了些困惑，也许对于做惯了基于浏览器的产品的设计师来说，有一些比较典型的要点容易被忽略，这就容易引发出：找不到手机软件的感觉、布局经常改变、设计和优化时找不到明确的立足点等等一系列令人困惑的问题。本人有过一段手机交互设计的时光，将在这里罗列一些总结或感想，带一些建议，供看官们斟酌和评判。      抛开定位、使用环境这样的用户研究体系的大头，专注于说明手机交互设计的特点，其难点在于如何有效的结合硬件、软件平台和设计规范。 以硬件区分手机类型： 仅以物理硬键控制操作的机型（后文简称按键机） 主要以触摸方式操作的机型（通常包含主页、挂机等物理键） 物理硬键齐全，但支持触摸操作的机型（外形和按键机型一样） 主流的可安装第3方应用的软件平台： 塞班s60（第3和第5版） Windows Mobile for PPC Android Iphone OS Java（目前有非常巨大的智能和非智能机型群是包含java平台的） 其他还有很多，诸如plam os、UIQ等 交互设计规范： 一个有经验的设计开发团队，在项目初期会率先着手建立或检查相应平台的设计规范。和web控件规范一样，手机交互设计规范定义了一些常用控件、组件等的布局和响应方式，提炼设计中的公共部分，减少设计和开发的重复思考，并确保整个设计体系的一致性。不同的是，手机交互设计规范不仅有着限定作用，它同时还是一个信息架构的体现、一个创新的过程、并且它还对后续的交互设计起到一定指导作用。我们了解到的iphone的无菜单的风格、各种操作手势、弹出框、标题栏和返回按钮，都是在这个阶段就需要定义好的，而不是具体到某个功能中才任由设计师发挥（所以说创新应该作为一个系统工程，而不是在某几个细节上灵光闪现）。 从设计第三方应用的角度看，大致可以浓缩成以下几个版本的设计规范： S60第3版—有一套比较经典和严谨的规范 。另外S60第5版虽然是触摸屏机型，但是对于交互设计师的工作来说两者区别并不巨大，只是把OK键替换换成了点击，以及零碎的一些变化。 Java版—事实上由于左右物理控制键和方向键、OK键是按键机型的普遍配置，S60第3版规范的适用 范围是非常广泛的，稍微修改一点就可以适用于Java平台。区别在于手机的“删除”和“返回”两个物理硬键的配置不太一致，所以需要统一将右下角的命令默认为“返回”，在编辑文本时，临时变为“删除”。这样牺牲了某些机型的某些操作的效率，保证了这个整体的机型都可使用。 Iphone OS—Iphone的出现一举打破了之前若干平台固有的设计定势，硬键和操作模式都精简了许多。 不过其缺少固定的menu模式，这对第三方软件的设计来说是个巨大的挑战，要么需要很大程度上脱离iphone自身的设计规范体系，要么就极端精简功能。 Android—跟从了一些iphone中的经典手势，操作和页面布局风格上相对保守一点，保留了menu和back两个硬键，虽然不够独树一帜，但是在功能和设计之间做的了一个不错的平衡，对于第三方应用来说，这是一个可以有宽广发挥空间的平台。 根据上文所述，接下来我就主要以S60第3版、Android、Iphone OS为代表，通过抽取手机交互设计规范中的部分，来说明他们的特性和区别，顺带展开一些个人经验的叙述。 大家请看以下截图： 上面几幅图并没有刻意选择同一类型的界面来对比，我们不妨先仅关注硬键/全局功能键，会发现他们之间的显著不同，实际上反映到设计过程中，这样的区别对界面设计造成的影响要来的更大。 下面以摘取手机交互设计规范的形式来陈述： 1.硬键和手势控制 S60第3版 Android Iphone: 以上硬键和手势对于操作的控制，需要我们在设计前有个十分清晰的认识，并且整个团队达成一致，如有精力则需要专门写到设计规范文档中。硬键控制是没有什么改动余地的，两款触摸机型可以对手势适当进行取舍，毕竟有些应用用不到所有的手势，能精简操作最好。 （从下面开始，会有一些功能界面，请允许我偷懒一下，用线框代替实际界面截图） 2.菜单 S60第3版的菜单是由左软键或OK键调出，需要定义以下几点： （注：聚焦到某一条目上时，通常按OK键是打开，但有一些内容包含几种看起来级别相当的操作，此时会弹出菜单选择） 如何收回 背景是否雾化 每屏最多显示多少条 有无二级菜单，如果有，怎样调出和收回，和一级菜单的位置关系，焦点条的区别 菜单项文字靠左 数字标号，如果整个软件能保证菜单项目均在10位以内，建议加上，这样可以与数字键盘对应 对聚焦项或当前页面不适用的菜单项，是不显示还是文字变灰处理。 OK键菜单只包含针对聚焦内容的操作项，需控制在一屏之内，避免二级项 菜单项的排序规则：针对聚焦项的在上，其他的在下，这两部分中分别按照使用频率从上至下排列 Android Android传统的菜单是由menu硬键调出，比较多的是2-3行，每行2-3项，看起来像是一些按钮，所以里面的图标和文字都居中。作为第3方应用，如果菜单项稍多，做成一纵列的文字项从操作上来看也未尝不可，毕竟用户刻意记住其默认的菜单形式也没有什么好处。只是仍然需要注意控制一下数量，如果需要二级，可以考虑做成弹出的，比如在一级项中选择“排序”，之后弹出选择框来选择

坦言，新浪围脖的手机客户端是我用过的最好手机端“话痨”工具，当然，这是在Android版更新至1.0.4前。 体验最好的，当属iPhone客户端，但是无奈我的3GS 3.1.3等待中…… 目前常用的是Android版本，站在重度围脖用户的角度谈一下对围脖Android版本的需求吧； 用户参数 机型：G2 T-Mobile Android版本：1.6官方 语言：英文 包月流量：500M+ 新版本更新后，感受最大的是新浪围脖开始国际化了，应该是根据当前语言自动匹配的，更新完后我成了英文版了。 重度需求： 1. 无法查看大图 在iPhone版本中，可以查看原图，而Android版本中不可以，如果不是常用需求的话，也请给个选项“查看原图”，Symbian版本中都是“保存图片”的选项。 另外头像和图片经常下载不全，导致图片或头像的下半部分是花的。 2. 查看评论时无法查看是对哪条围脖的评论 3. 头像显示错误，有时候会张冠李戴，偶发在老版和新版都有发生，刚才一个不小心刷新了，不然可以截图为证了。 4. 回复逻辑错误 上图为我回复“陈少春”的评论，点击回复后，正确的逻辑应该是：“回复@陈少春”如下图： 而我现在必须选择了回复该条评论后，在编辑界面再选择一下对应的那条评论才行，导致我刚刚开始用的时候一直是“自言自语”–自己回复自己！ 5. 查看粉丝步骤设计缺陷 当提示有新粉丝时，当前界面是无法直接查看粉丝的，必须经过以下步骤“菜单键”-“我的资料”-“我的粉丝” 而“我的资料”模块没有本地缓存，每次进来都要联网重新获取数据！ 如果你没有查看新的粉丝，那每次系统都会提示你“新粉丝，刷新查看”，太杯具了！ 对新上手的用户来说，粉丝无疑是最大的鼓舞，而用户查看粉丝需要经过这么多步骤…… 以上为重度围脖用户的真切需求 另外建议围脖的同学在Android版本的以下方面做一些改进： 对手机终端的围脖用户行为重新统计以改善界面功能（功能分类及入口排布），个人觉得使用移动围脖的功能优先级如下： 发布新围脖 查看/回复评论 查看新围脖 刷新 以上为常用功能，至于“查看粉丝”建议也放到第一级菜单来，对新上手用户“刺激”很大～ 其它功能，比如私信之类，用得太少了……往后放放吧 最后针对开骂，上图先： 神马是“Enter”？“Cancel”我倒是明白啥意思。只见过类似菜单有“YES”or”NO”的～ Retract是神马？ Image和Picture有什么区别？ 最后，总觉得这个“Weibos”有语法错误，“S”可以直接加上去表复数么？ 最近，各大SNS、微博类都出了手机客户端了，准备挨个体验一把，学习一下各家在手机交互设计，尤其是跨平台的手机交互设计方面都有哪些亮点。 PS：写Blog还是WindowsLiveWriter来得实用……Mac下的Ecto用起来不那么顺手～