手机客户端产品的三种交互实现
手机的优点是小,便于随身携带;手机的缺点是小,产品设计空间有限。这在之前的手机产品布局中已经提到。在确定了产品布局之后,另一个重要的设计考虑是产品和用户的交互操作。
在一些交互较少的产品中,如手机阅读软件,交互不是设计上的难题,通过少数链接甚至手机的固有按键就可以实现交互操作。但在一些交互频繁、操作多样的产品中,如何在小小的手机屏幕上实现这些交互操作就是一个问题了。
下面就以几款常见并且需要复杂交互操作的产品为例,分析不同交互需求下的不同的解决方案。
一、完全暴露型的交互实现
最自然的交互实现是“完全暴露型”,即把主要的交互功能、用户操作都展现在产品界面中。这种设计在很多产品中都可以看到,用户可以直观的看到这些操作的入口,选择想要的操作。
在手机QQ2009的发送界面中,添加表情、常用语、传递语音等功能以图片按钮的形式排列在输入框下面,这种设计和QQ桌面产品的形式一致,符合用户使用习惯,用户也很容易操作。
在12580客户端中,商户页面的几个主要功能,如地图、去这里、从这走、转发等功能排列在用户的基本信息下面,很直观,这种“按钮型布局”也比较美观、合理。
二、合而为一型的交互实现
完全暴露型的缺点是需要占据较多的空间(虽然这并不总是缺点),当需要安排的操作较多时,或者需要保持界面的简洁时,就需要把这些暴露的功能隐蔽起来。无论在桌面产品(如MS Office)还是手机软件(如手机Gmail)中,通过“菜单”的形式将多个交互操作合而为一是经常采用的做法。
手机Gmail的收件箱界面很简洁(和Web产品相似),所有信件从上到下排列开来。手机Gmail将邮件中的常用功能,如打开信件,转发,撰写,搜索邮件等功能合并在左下角的“菜单”选项中,当通过左软键选择“菜单”时,会在手机屏幕正中弹出操作列表。而且,由于菜单的灵活性,一些功能相似的功能,还可以列入二级菜单中。
三、随需而现型的交互实现
在手机Gmail中,收件箱中每封信的操作都完全相同,此时,通过菜单可以实现合二为一。但是,如果一个页面中多个条目需要对应不同的操作,或者菜单已经被其他功能占用,无法容纳更多操作,此时该如何设计呢?
一个灵活的实现方式是“随需而现”。也就是说,产品中并不展现各种交互操作的入口(如按钮或链接或菜单),当需要交互的时候,通过点击相应的内容再弹出对应的操作选项。
在手机QQ、手机MSN、手机飞信中,都有类似的操作,我们不想以这些聊天工具为例。这里,我们选用了人人网最新发布的手机客户端产品为分析对象。人人网客户端实现了人人网Web产品中的绝大多数交互操作,如查看/回复/发表日志、查看/回复/发表留言、查看好友个人主页、发站内信、同意好友申请等。SNS的产品本身交互操作就很多,所以,将这些功能在一款产品中实现,如果组织不好,势必非常复杂,操作不便。
在人人网客户端中,将这些功能各异的操作通过“点击-功能列表-选择”的方式实现,选择这种设计保证了界面的整洁,能够让用户把注意力集中在最关键的内容上,当需要时再进行对应的操作。
建议继续学习:
- 视觉设计师应该略懂交互 (阅读:4914)
- 手机界面适配 (阅读:4737)
- Android 4.0平台交互简析 (阅读:4719)
- 用谷歌浏览器来当手机模拟器 (阅读:4121)
- 校园场景中的手机使用调研 (阅读:3902)
- 2011年手机产品设计趋势(1):精致实用的界面 (阅读:3794)
- 手机原型设计工具 (阅读:3599)
- 手机客户端适配性 (阅读:3320)
- 手机交互设计资料 (阅读:3254)
- 触摸屏手机输入法的一些思考 (阅读:3052)
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:侯亮 来源: 闹玩
- 标签: 交互 手机
- 发布时间:2009-11-26 22:22:08
- [56] Oracle MTS模式下 进程地址与会话信
- [56] IOS安全–浅谈关于IOS加固的几种方法
- [55] 如何拿下简短的域名
- [54] 图书馆的世界纪录
- [53] android 开发入门
- [53] Go Reflect 性能
- [50] 读书笔记-壹百度:百度十年千倍的29条法则
- [49] 【社会化设计】自我(self)部分――欢迎区
- [38] 程序员技术练级攻略
- [33] 视觉调整-设计师 vs. 逻辑