對(duì)比PC、iOS、Android等終端APP的交互設(shè)計(jì)的差異化

閱讀了這么多關(guān)于A(yíng)PP設(shè)計(jì)的一些資料,我們應(yīng)該都清楚,要做到一款產(chǎn)品完全適用多個(gè)平臺(tái)是不可能的,我們能做的是綜合考慮多個(gè)平臺(tái),找出共性,讓差異減少到最小。在現(xiàn)有的產(chǎn)品設(shè)計(jì)中,已經(jīng)看到多平臺(tái)通用設(shè)計(jì)的模型了,例如,雖然Android平臺(tái)自帶物理返回鍵,但是在A(yíng)ndroid許多應(yīng)用中仍保留了iOS的虛擬返回操作。

1、交互層面:

一個(gè)完整的交互事件包括:交互行為+交互對(duì)象+交互展現(xiàn)。宏觀(guān)上多平臺(tái)的交互通用性要從這三個(gè)方面考慮。至少確保一個(gè)產(chǎn)品的主要功能的交互差異不要太大。不過(guò),具體問(wèn)題還要具體分析,各個(gè)平臺(tái)的獨(dú)特優(yōu)越性,還是要充分利用。20121127105343951

由于鼠標(biāo)懸浮只適用于鼠標(biāo)操作,而語(yǔ)音、亮度、位移只適用于觸摸操,因此,一個(gè)要兼容多平臺(tái)的產(chǎn)品,在主要功能上,要避開(kāi)這些交互行為。而是采用兩者的交集:鼠標(biāo)點(diǎn)擊、鼠標(biāo)拖拽、獲得焦點(diǎn)、鍵盤(pán)彈起和滾動(dòng)滾輪。

主要功能的交互對(duì)象一致

所謂交互對(duì)象,就是交互動(dòng)作的直接接收者,一般體現(xiàn)為一個(gè)按鈕或者熱區(qū),要考慮多平臺(tái)的通用性,就要從其位置和大小兩個(gè)屬性入手

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

相關(guān)閱讀:APP設(shè)計(jì)初級(jí)教程:移動(dòng)平臺(tái)的特點(diǎn)和APP應(yīng)用設(shè)計(jì)需求

位置對(duì)于移動(dòng)客戶(hù)端來(lái)說(shuō)是很重要的:

用戶(hù)使用手機(jī),多是單手握住手機(jī)底部,豎屏操作;而使用iPad多是雙手握住機(jī)器中部,橫屏操作。這兩種場(chǎng)景下的易觸位置如圖:

20121127105343977

 

大小:根據(jù)iOS規(guī)范,理論上可觸擊元素的最小

相關(guān)教程:APP觸控操作設(shè)計(jì)原則之觸控目標(biāo)的尺寸大小

? ? ? ? ? ? ? ? ? ?淺談移動(dòng)APP設(shè)計(jì)的趨勢(shì),除了扁平化,還有卡片式設(shè)計(jì)

3對(duì)比PC端的鼠標(biāo)操作

根據(jù)費(fèi)茨定律,PC端的交互對(duì)象描述如下:目標(biāo)越大,所用時(shí)間越短。距離越長(zhǎng),所用時(shí)間越長(zhǎng)。

由于PC鼠標(biāo)箭頭能夠點(diǎn)擊的區(qū)域可以很小且相對(duì)精確,PC端的約束較輕,所以這里只單向考慮了觸摸操作平臺(tái),將主要功能置于屏幕下方,尺寸大于44像素(約1/4英寸或7毫米)見(jiàn)方的點(diǎn)擊區(qū)即可。

主要功能的交互展現(xiàn)一致

所謂的交互展示就是交互行為作用在交互對(duì)象上產(chǎn)生的結(jié)果、反饋。兩大操作形式上不做區(qū)分,只要技術(shù)支持,形式不限,重要的是平臺(tái)實(shí)現(xiàn)效果的性?xún)r(jià)比。

常用6種效果:轉(zhuǎn)場(chǎng)、邀請(qǐng)、過(guò)渡、反饋、縮放、吸附,這些在PC、iOS、Android等終端都是可以用到的。

無(wú)論哪種終端,都有各種學(xué)習(xí)和揣摩的地方!值得設(shè)計(jì)師們思考!

每天更新,
全站高品質(zhì)素材免費(fèi)下載!