PC、iOS、Android通用的交互设计

标签: 产品设计 交互设计 | 发表时间:2012-11-15 13:41 | 作者:P迪
出处:http://www.alibuybuy.com

本文作者 @一大坨黄 供职 @微博UDC设计中心 。近年来,在技术方式,网页自适应的兴起、微软Win8系统的发布,都在试图解决一个问题:让同一产品能在平板、PC等多平台下同时使用。

由此可见,替换掉冗余的多版本开发模式,发展通用性,是未来产品发展的一种趋势。因此,设计师也要在不同的平台规范和习惯中寻找共同点。

针对多平台这一问题,很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个Mobile版本,或者iPhone 、iPad版本。这样做固然保证了单一平台的使用效果,但是他妨碍了用户对一家产品的连贯性认知。使用起来比较麻烦,同时要维护好几个版本。而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。

如果你要说“因为屏幕大小不一样,需要针对性的设计才能最大化的利用屏幕空间。”我认为这是产品经理强加给用户的需求,因为在用研过程中,很少听到有用户的反馈是“我觉得这个地方空掉了,好浪费”。能考虑到最大化利用空间这点固然是好,但是,如果以牺牲用户对你家产品的操作习惯为代价,那就没有节操了。

作为交互设计师一枚,从产品开发者的角度来想,类是要分的,不过差别太大就不好了。因为,版本对于开发者的意义远远大于用户。从用户的操作行为来看,PC版、iPhone版、iPad版、Android版神马的… 差别不过是:通过触摸来完成操作,或是需要通过鼠标来操作。

要做到一款产品完全适用多个平台是不可能的,我们能做的是综合考虑多个平台,找出共性,让差异减少到最小。

在现有的产品产品设计中,已经看到多平台通用设计的模型了,例如,虽然Android平台自带物理返回键,但是在Android许多应用中仍保留了iOS的虚拟返回操作。

上文分析过,各平台的操作对用户来说,差别是通过触摸或是通过鼠标来操作。接下来,从用户角度出发,针对这两种操作行为总结几点设计中要注意的问题,保证多平台的通用性:

交互层面:

一个完整的交互事件包括:交互行为+交互对象+交互展现。宏观上多平台的交互通用性要从这三个方面考虑。至少确保一个产品的主要功能的交互差异不要太大。不过,具体问题还要具体分析,各个平台的独特优越性,还是要充分利用。

由于鼠标悬浮只适用于鼠标操作,而语音、亮度、位移只适用于触摸操,因此,一个要兼容多平台的产品,在主要功能上,要避开这些交互行为。而是采用两者的交集:鼠标点击、鼠标拖拽、获得焦点、键盘弹起和滚动滚轮。

主要功能的交互对象一致

所谓交互对象,就是交互动作的直接接收者,一般体现为一个按钮或者热区,要考虑多平台的通用性,就要从其位置和大小两个属性入手

触摸操作(iPhone、iPad、Android等)

位置:用户使用手机,多是单手握住手机底部,竖屏操作;而使用iPad多是双手握住机器中部,横屏操作。这两种场景下的易触位置如图

大小:根据iOS规范,理论上可触击元素的最小尺寸应该为44像素(约1/4英寸或7毫米)见方。

鼠标操作(PC)

根据费茨定律,PC端的交互对象描述如下:目标越大,所用时间越短。距离越长,所用时间越长。
由于PC鼠标箭头能够点击的区域可以很小且相对精确,PC端的约束较轻,所以这里只单向考虑了触摸操作平台,将主要功能置于屏幕下方,尺寸大于44像素(约1/4英寸或7毫米)见方的点击区即可。

主要功能的交互展现一致

所谓的交互展示就是交互行为作用在交互对象上产生的结果、反馈。两大操作形式上不做区分,只要技术支持,形式不限,重要的是平台实现效果的性价比。

常用6种效果:转场、邀请、过渡、反馈、缩放、吸附

实现多平台的通用性设计不仅需要交互层面的考虑,还需要视觉和技术层面综合考虑,由于本人从事交互,其他两项无法深入分析,找出共性。还请人心人士补充。

编后语:作者这段话很傲娇,特意为作者留下

作为一名普通用户,吐个槽~

虽然不是5岁的美国小萝莉,不过我还是受够了各种操作平台的分类,以及浏览一个网站或者使用一款产品要学多个版本的行为!!各种PC版、iPhone版、iPad版(所谓的HD)、Android版… 我想说,版你妹呀…

微博设计团队博客

 


© 推荐 for 互联网的那点事, 2012. | Permalink | No comment | Add to del.icio.us
Post tags:

你可能也喜欢:

《至关重要的设计》–创造有情感体验的设计 (@70man)

找Web互交设计的茬 (@duyuxian)

高效交互设计中的用户需求

交互设计的出发点

触摸屏输入的交互设计
无觅

Feed enhanced by Better Feed from Ozh

相关 [pc ios android] 推荐:

PC、iOS、Android通用的交互设计

- - 互联网的那点事
本文作者 @一大坨黄 供职 @微博UDC设计中心. 近年来,在技术方式,网页自适应的兴起、微软Win8系统的发布,都在试图解决一个问题:让同一产品能在平板、PC等多平台下同时使用. 由此可见,替换掉冗余的多版本开发模式,发展通用性,是未来产品发展的一种趋势. 因此,设计师也要在不同的平台规范和习惯中寻找共同点.

PC、iOS、Android等多平台通用性交互设计思考

- - 微博UDC
作为一名普通用户,吐个槽先~. 虽然不是5岁的美国小萝莉,不过我还是受够了各种操作平台的分类,以及浏览一个网站或者使用一款产品要学多个版本的行为. 各种PC版、iPhone版、iPad版(所谓的HD)、Android版… 我想说,版你妹呀…. 针对多平台这一问题,很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个Mobile版本,或者iPhone 、iPad版本.

用Android、iOS和Mac设备控制PC:微软发布远程桌面应用Remote Desktop

- - PingWest
微软发布了Android、iOS和Mac版本的Remote Desktop,通过这款应用用户可以远程控制PC. 目前这款应用已经可以在相应的应用市场上免费下载和使用. Remote Desktop提供的主要功能包括:. 通过Remote Desktop Gateway访问远程资源;. 支持多点触控和Windows手势;.

当 PC 开始运行 Android……

- - 爱范儿 · Beats of Bits
有个问题,我想过无数遍:为什么 Google 推出安装 Chrome OS 的笔记本电脑,却不推出基于 Android 的. 后来,有无数人帮 Google 解释,比如 Chrome OS 更符合 Google 的哲学等等. 不过,人的想法是很难估摸的,比如说有的人买来 Android 电视棒,生生将液晶电视机变成大屏幕显示屏,再接上键盘和鼠标后,Android 就变成一个桌面的操作系统.

MIUI评测:iOS身,Android心

- gaochao - 互联网的那点事
百度要推出自己的移动操作系统,江湖传闻叫“秋实”. 我们这里老调重弹,回过头温习一下同样基于Android的人气很高的MIUI. MIUI是一款很养眼的Android ROM,借鉴了大量的iOS审美元素. 如果你怀念或向往iOS的外观和感觉,MIUI绝对是不二之选. 以下是笔者在HTC Desire上运行MIUI的体验报告.

客觀評 Android、iOS、WP7

- chitsaou - Trawler Computer, FM207.NET
半年多前,我曾經評價過 Android 和 iOS 的市場發展,雖然發展至今,文章內容可見反映過去,但未來卻變得不可預料. 一年多前,Android 並未像現在這樣熱起來,所以我覺得,盲目支持 iPhone 的一群「果粉」,他們很愚蠢,但時至今日,支持 Android 陣營的用家似乎更盲目. 故此,希望能以客觀的角度分析一下各移動操作系統的利與弊,同時希望各位不要盲目喜歡自己的手機,要多加以分析,以下逐點評論.

在PC电脑上玩Android 1.x 2.x 3.x

- 微微 - 服务器运维与网站架构|Linux运维|互联网研究
Google迫不及待发布的Android SDK 3.1给了我们抢先试玩的可能:在PC上虚拟一个Android 3.1系统——即使没钱买Honeycomb,也可以玩玩. 要想在PC上玩Android 3,我们首先必须做好三件事. 前段时间,Oracle曾经状告Google的Android系统侵犯了他们的Java七项专利,官司最后虽然貌似不了了之,但Android基于Java这是不争的事实.

BlueStacks App Player发布 PC可实现运行Android应用

- 猫 - cnBeta.COM
此前通过台式电脑就可以对Android Market进行访问,不仅如此,从今天开始在谷歌Android平台下开发应用在台式机上也可以运行,程序也 可为这些计算机,这只需通过专为Windows PC应用提供的最新BlueStacks App Player 即可实现. Android逐渐成为市场上领先的移动操作系统,在过去3个月购买智能手机的用户中,约一半都选择的是Android系统.

6款 好用的 PC+Android 同步 GTD 软件

- - 小众软件 - Appinn
最近老鼠工作积极性比较高(其实只要是买平板电脑的欲望在鼓舞着干劲),所以每天很多任务安排,为了不混乱,免不了要用 GTD(Go to do)软件管理自己的各项任务. 每天晚上把明天的任务列出来,第二天逐项的打勾消除,也是一件快事. 但是,当老鼠做完了计划,躺在床上准备休息的时候……. 又不时的迸发出灵感,导致有任务要继续添加在 GTD 列表中,这就有点麻烦了,所以,手机和电脑之间同步管理的 GTD 还是很有必要的.

iOS 7已占iOS系统60%,Android相形见绌

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  现在已经有几亿的iPhone、iPad和iPod touch设备被用户使用,而用户们最近的一个一致举动,莫过于安装iOS 7了. 在上个星期三,苹果发布了其最新的移动操作系统iOS 7,而截至9月23日,iOS 7的安装率已经达到了60%. 根据网络公司的数据显示,在9月19日这个数字已接近了40%,而到这周一中午,iOS 7的装机率已经达到了60%.