很多公司，由于設(shè)計(jì)及開(kāi)發(fā)資源的限制，同一個(gè)APP應(yīng)用，安卓和IOS系統(tǒng)會(huì)使用一套UI和交互，所以很少思考安卓和IOS交互的差異性，大多是根據(jù)當(dāng)前的場(chǎng)景和用戶(hù)行為選擇界面布局和交互控件，哪怕是安卓和IOS使用一套UI和交互設(shè)計(jì)，還是要了解兩者之間的交互差異，在設(shè)計(jì)交互時(shí)可以兼容不同系統(tǒng)的用戶(hù)使用習(xí)慣，可以更準(zhǔn)確的評(píng)估安卓和IOS的技術(shù)開(kāi)發(fā)成本，很多時(shí)候IOS有現(xiàn)成的控件，安卓卻沒(méi)有，安卓需要重新編寫(xiě)，那就會(huì)有更長(zhǎng)的開(kāi)發(fā)時(shí)間，這些都是開(kāi)發(fā)評(píng)估工作量時(shí)重點(diǎn)關(guān)注的。
同一個(gè)APP為安卓和IOS設(shè)計(jì)不同的UI和交互時(shí)，雖然都是基于本身的系統(tǒng)特性和用戶(hù)使用習(xí)慣進(jìn)行設(shè)計(jì)，但也要遵循設(shè)計(jì)一致性的原則，不能做出來(lái)感覺(jué)像完全沒(méi)有聯(lián)系的兩個(gè)APP，所以設(shè)計(jì)師要保證Tab bar和內(nèi)容區(qū)域的一致性，狀態(tài)欄、標(biāo)題欄、控件、系統(tǒng)交互、系統(tǒng)圖標(biāo)、消息框的系統(tǒng)差異化。
基于IOS12和Andorid9進(jìn)行一些常用設(shè)計(jì)規(guī)則的整理
一、界面布局
IOS系統(tǒng)的一級(jí)頁(yè)面，在IOS12中進(jìn)行較大的變化，標(biāo)題居左，標(biāo)題上面兩側(cè)是功能按鈕，頁(yè)面上滑動(dòng)標(biāo)題字體縮小居中顯示。IOS11的標(biāo)題是居中顯示。二級(jí)頁(yè)面，IOS12并未有太多改變，左側(cè)依然是返回+上級(jí)頁(yè)面，標(biāo)題居中顯示，功能按鈕一般在標(biāo)題欄左右兩側(cè)。
Andorid一級(jí)頁(yè)面，標(biāo)題居左顯示，功能按鈕在標(biāo)題欄右側(cè)顯示，如有多個(gè)功能按鈕，則多個(gè)功能按鈕并排。頁(yè)面下拉，標(biāo)題會(huì)放大顯示。二級(jí)頁(yè)面依然延續(xù)返回、標(biāo)題居左，功能按鈕居右的布局。
二、系統(tǒng)圖標(biāo)
三、控件
1）搜索/輸入
IOS搜索控件是當(dāng)前界面輸入，搜索框后面是“取消”按鈕，輸入鍵盤(pán)帶有“搜索”/“確認(rèn)”鍵，輸入框內(nèi)一鍵清除功能。
Andorid搜索功能是切換頁(yè)面搜索，取消通過(guò)“返回”按鈕操作，“返回”按鈕在搜索框前面，由于安卓鍵盤(pán)是可以定制，每家系統(tǒng)的默認(rèn)鍵盤(pán)都會(huì)有按鍵的差異，以前很多安卓輸入鍵盤(pán)是沒(méi)有搜索功能的，現(xiàn)在也多加入該功能，逐步與IOS相似。
2）選擇
IOS常見(jiàn)的選擇交互是，切換下級(jí)頁(yè)面，是在選項(xiàng)后，以“對(duì)號(hào)”的形式確認(rèn)，安卓則通過(guò)彈出簡(jiǎn)易菜單的形式設(shè)計(jì)，進(jìn)行選項(xiàng)切換。
3）開(kāi)關(guān)
開(kāi)關(guān)控件IOS和Andorid的UI和交互都具有相似性，通過(guò)左右滑動(dòng)開(kāi)啟、關(guān)閉功能，向右滑動(dòng)為開(kāi)啟，左滑動(dòng)為關(guān)閉。同時(shí)對(duì)于開(kāi)啟、關(guān)閉重要功能，都會(huì)彈出對(duì)話(huà)框，進(jìn)行操作提示。Andorid系統(tǒng)對(duì)于重要功能的開(kāi)啟狀態(tài)，功能底部有著色警示。
四、系統(tǒng)交互
1）返回鍵
返回鍵是Andorid系統(tǒng)所特有的，從物理鍵一直延續(xù)到全屏?xí)r代的虛擬鍵，保持著用戶(hù)體驗(yàn)的延續(xù)性。返回邏輯是按照倒敘的時(shí)間流進(jìn)行的，返回鍵控制的不僅是一個(gè)頁(yè)面，還有動(dòng)作。比如當(dāng)前頁(yè)面有多層交互，在進(jìn)行了一系列交互操作后，點(diǎn)擊“返回”鍵，并不是返回上級(jí)頁(yè)面，而是返回上一個(gè)動(dòng)作狀態(tài)。
在A(yíng)pp退出中比較常用的功能就是返回，練習(xí)點(diǎn)擊兩次返回鍵即可退出App，這是安卓和IOS用戶(hù)在使用習(xí)慣中很大的差異。
2）界面切換
IOS系統(tǒng)中，從上級(jí)頁(yè)面切換進(jìn)入下級(jí)頁(yè)面的交互是，右側(cè)有箭頭引導(dǎo)，點(diǎn)擊向左滑動(dòng)切換。Android則沒(méi)有任何視覺(jué)引導(dǎo)，需要用戶(hù)去點(diǎn)擊嘗試，點(diǎn)擊功能行都可切換至下級(jí)界面，如果該功能沒(méi)有下級(jí)頁(yè)面則無(wú)變化。
3）頁(yè)面表單切換
IOS系統(tǒng)的表單的切換交互是，點(diǎn)擊"標(biāo)題tab"切換，安卓系統(tǒng)的頁(yè)面中表單切換交互除了可以點(diǎn)擊“標(biāo)題tab”切換之外，還可以左右滑動(dòng)切換。Android的交互明顯更靈活，在有些場(chǎng)景下明顯比IOS的體驗(yàn)要便捷，很多IOS的APP在設(shè)計(jì)時(shí)也經(jīng)常采用。
4）列表?xiàng)l目刪除
IOS系統(tǒng)有兩種交互方式，第一種是通過(guò)列表編輯功能，進(jìn)行刪除，點(diǎn)擊“減號(hào)”按鈕，當(dāng)前條目向左滑動(dòng)激活“刪除”按鈕，點(diǎn)擊“刪除”按鈕即可。第二種交互方式是選中當(dāng)前條目，直接向左滑動(dòng)激活“刪除”按鈕。
Andriod系統(tǒng)刪除列表中的條目，是通過(guò)列表編輯功能，選中內(nèi)容，然后點(diǎn)擊”刪除“功能?？勺雠窟x擇操作，比IOS系統(tǒng)操作更便捷。
5）條目增刪
IOS點(diǎn)擊“加號(hào)”按鈕，增加條目，點(diǎn)擊“減號(hào)”按鈕，條目向左滑動(dòng)出現(xiàn)刪除按鈕，點(diǎn)擊刪除按鈕刪除條目。
安卓點(diǎn)擊“加號(hào)”按鈕，新增條目，點(diǎn)擊“減號(hào)”按鈕，刪除條目，刪除條目雖然交互只有一步，雖然便捷，但誤操作概率也會(huì)更高。
7）消息框
不管是交互設(shè)計(jì)師還是產(chǎn)品經(jīng)理，更關(guān)心消息框的功能邏輯，而不是設(shè)計(jì)樣式。消息框按照提示的重要性等級(jí)進(jìn)行分類(lèi)，分別為輕度提示、中度提示、重度提示。雖然分了三種類(lèi)型，由于中度提示和輕度提示在交互上的差異性不明顯，在A(yíng)pp交互設(shè)計(jì)中常用的就是輕度提示和重度提示。
安卓系統(tǒng)常用的消息框是Toast和對(duì)話(huà)框，IOS系統(tǒng)是沒(méi)有Toast交互定義的，與之相對(duì)應(yīng)的就是HUD。
Toast和HUD都是輕度提示，在提示性的場(chǎng)景中顯示，是對(duì)當(dāng)前行為的一種反饋，避免對(duì)當(dāng)前任務(wù)產(chǎn)生任何干擾，讓感興趣的用戶(hù)能夠發(fā)現(xiàn)提示。自動(dòng)消失，無(wú)需任何操作。
對(duì)話(huà)框應(yīng)用場(chǎng)景是對(duì)不可逆、涉及用戶(hù)權(quán)益等內(nèi)容的警示，比如用戶(hù)授權(quán)、重要?jiǎng)h除、重要功能開(kāi)啟、支付等，設(shè)計(jì)中盡量確保用戶(hù)能夠看到，哪怕打斷當(dāng)前任務(wù)，必須用戶(hù)主動(dòng)操作選擇才能進(jìn)行。Andorid系統(tǒng)對(duì)話(huà)框針對(duì)不同的場(chǎng)景，可以配置不同的按鈕數(shù)量。
IOS系統(tǒng)對(duì)話(huà)框針對(duì)不同的場(chǎng)景，警示和動(dòng)作對(duì)對(duì)話(huà)框進(jìn)一步細(xì)分，并設(shè)計(jì)不同的交互方式進(jìn)行區(qū)分，相比動(dòng)作對(duì)話(huà)框，警示框提醒強(qiáng)度更重一些。
