iOS和Android的應(yīng)用界面設(shè)計(jì)如何做到兼顧兩者

本文摘自在CMDN移動(dòng)互聯(lián)網(wǎng)開發(fā)技術(shù)博文,博文說(shuō)道從iOS到Android,兩大平臺(tái)應(yīng)用設(shè)計(jì)有何不同?又都存在什么樣的問(wèn)題?Android定制性太高,該如何進(jìn)行UI設(shè)計(jì)?在CMDN CLUB第28期活動(dòng)中,咕咚網(wǎng)高級(jí)產(chǎn)品經(jīng)理王磊,從iOS、Android談起,詳解應(yīng)用設(shè)計(jì)該如何解決應(yīng)用界面設(shè)計(jì)的問(wèn)題?

下面25學(xué)堂選取了咕咚網(wǎng)高級(jí)產(chǎn)品經(jīng)理 王磊的一些設(shè)計(jì)心得。

APP設(shè)計(jì)背景介紹:

跨平臺(tái)設(shè)計(jì):iOS ? vs ?Android

我們最初是進(jìn)行iOS版本應(yīng)用的設(shè)計(jì),開發(fā)比較簡(jiǎn)單,分辨率、機(jī)型也都很固定。當(dāng)時(shí)我們并沒(méi)有考慮太多,只想著針對(duì)市面上一款手機(jī)就行了。直到Android崛起,我們才意識(shí)到,在中國(guó),Android用戶非常多。因此,我們?cè)诳紤]設(shè)計(jì)平臺(tái)時(shí),針對(duì)iOS、Android兩個(gè)不同的平臺(tái)進(jìn)行不同的細(xì)節(jié)體驗(yàn)。

51a6032fedacf_middle

1、界面UI設(shè)計(jì)

做iPhone應(yīng)用時(shí)只有一個(gè)寬度,不會(huì)變,iPhone5的長(zhǎng)度變化對(duì)我們來(lái)說(shuō)并沒(méi)有影響,我們關(guān)注的是寬度。所以在進(jìn)行iOS UI設(shè)計(jì)時(shí),我們只需做一件事,就是將寬度固定好,然后其他的都不用煩。

但做Android卻是千奇百怪,讓我們很是頭痛。即使公司采購(gòu)50部以上的測(cè)試機(jī),仍然會(huì)產(chǎn)生各種各樣的問(wèn)題。之前我們出一個(gè)版本,在很多Android手機(jī)上測(cè)試過(guò),我們覺(jué)得這個(gè)版本應(yīng)該能適用于任何Android手機(jī)。結(jié)果發(fā)布之后,就有用戶反饋說(shuō)不支持小米2。由此可見,Android的定制性太高,要根據(jù)不同的機(jī)型進(jìn)行改造。因此,我們?cè)谶M(jìn)行設(shè)計(jì)時(shí),就會(huì)做四套UI,分別對(duì)界定的小、中、大、超大進(jìn)行評(píng)估,這樣也就可以解決至少80%的問(wèn)題。

2、賬號(hào)登錄方式

很多用戶使用iPhone有一個(gè)習(xí)慣,在輸入用戶名和密碼之后,會(huì)直接點(diǎn)擊右上角的登陸。但Android在帳號(hào)、密碼之后,卻是直接登陸按鈕。

3、不同平臺(tái)的操作習(xí)慣

iPhone和Android在用戶體驗(yàn)上有許多細(xì)節(jié)上的不同,因此,我們進(jìn)行了一一區(qū)分。根據(jù)不同平臺(tái)的操作習(xí)慣進(jìn)行設(shè)計(jì),但說(shuō)起來(lái)容易做起來(lái)難。像iOS版本的操作習(xí)慣,很多操作都是采取滑動(dòng),比如說(shuō)有一個(gè)存儲(chǔ)用戶歷史數(shù)據(jù)的歷史頁(yè)面,在iOS上是左上角有一個(gè)編輯,而Android上則是長(zhǎng)按。后來(lái),我們也慢慢地摸索出一些經(jīng)驗(yàn),在Android方面考慮的事要比iPhone多得多。

4、性能差異帶來(lái)的影響

Android手機(jī)定制化程度太高,價(jià)格從600塊至5000塊不等,因此,性能肯定存在差異,無(wú)論從GPS還是內(nèi)存角度來(lái)講都是如此。

5、分辨率不同的適配

進(jìn)行數(shù)據(jù)量比較大的交互設(shè)計(jì)會(huì)出現(xiàn)不同的問(wèn)題,因此,要做網(wǎng)絡(luò)差異優(yōu)化的話,就要保證能夠在價(jià)格比較低的Android手機(jī)上正常使用。

6、針對(duì)性放棄動(dòng)畫交互

在iOS平臺(tái)上做交互設(shè)計(jì)很容易,但在Android平臺(tái)上則會(huì)考慮到崩潰的問(wèn)題,因此在Android上,我們便針對(duì)性地放棄了一些動(dòng)畫的交互。

7、語(yǔ)音文件的不同處理

iPhone在播放語(yǔ)音文件時(shí)相對(duì)流暢,而針對(duì)Android則通過(guò)對(duì)碎片化的語(yǔ)音文件進(jìn)行完整播放。一旦某個(gè)語(yǔ)音文件處理得不好,則會(huì)導(dǎo)致整體運(yùn)行不穩(wěn)定。

8、數(shù)據(jù)交互的不同處理

每一條數(shù)據(jù)有大有小,如果運(yùn)行時(shí)間長(zhǎng)的話,數(shù)據(jù)就比較大一點(diǎn)。在Android上進(jìn)行交互時(shí),反應(yīng)可能會(huì)比較慢,并且隨時(shí)有可能崩潰,因此我們會(huì)進(jìn)行分段數(shù)據(jù)的處理,點(diǎn)擊每一段數(shù)據(jù)時(shí)再讀取詳細(xì)的數(shù)據(jù)。

9、網(wǎng)絡(luò)差異的優(yōu)化

網(wǎng)絡(luò)差異化主要針對(duì)離線和2G/3G網(wǎng)絡(luò),網(wǎng)絡(luò)的差異會(huì)影響用戶體驗(yàn),用戶在使用2G網(wǎng)絡(luò)時(shí),減少一些交互次數(shù),在速度上處理得更加緩和,在運(yùn)行速率和效率上有所保證,一切以用戶體驗(yàn)為核心。

 

我們做APP UI設(shè)計(jì)的同學(xué)們注意2者之間的差異

Android版本

GPS硬件差異,Android手機(jī)型號(hào)眾多,導(dǎo)致GPS硬件參差不齊,定位速度、準(zhǔn)確性有較大偏差;

機(jī)能差異導(dǎo)致操作流暢度問(wèn)題,內(nèi)存不足導(dǎo)致崩潰;

Android系統(tǒng)多元化,軟件運(yùn)行兼容性不強(qiáng);

分辨率的不統(tǒng)一,造成工作量的增加;

iOS版本

系統(tǒng)版本升級(jí)帶來(lái)的新特性;

機(jī)型換代造成的影響,分辨率、尺寸、性能等;

所以,我們做APPUI設(shè)計(jì)考慮的問(wèn)題還是蠻多的。一款用戶體驗(yàn)設(shè)計(jì)比較好的產(chǎn)品,一定是產(chǎn)品經(jīng)理深思熟慮之后的產(chǎn)品。

設(shè)計(jì)師應(yīng)該嚴(yán)格按照產(chǎn)品經(jīng)理的要求來(lái)完善產(chǎn)品的細(xì)節(jié)。

細(xì)節(jié)決定成敗,讓一切完美無(wú)缺?

產(chǎn)品設(shè)計(jì)不僅僅是界面和交互設(shè)計(jì),它還包括售后服務(wù)和市場(chǎng)推廣。假如用戶撥打客服電話后其問(wèn)題沒(méi)有得到解決,這樣也會(huì)影響到用戶對(duì)于產(chǎn)品的體驗(yàn)。所以要方方面面照顧周全,讓產(chǎn)品的設(shè)計(jì)和所有服務(wù)融為一體,從而讓產(chǎn)品真正成為一個(gè)整體。

 

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