ico_gvoice

iOS與Android跨平台體驗設計

這陣子很多人開發iOS或是Android平台App後,都想將App轉移到另一個平台上面,希望更多蘋果迷、安卓粉絲都能一起使用的App的服務,但有時進行跨平台開發與設計時,開發團隊會面臨很大的挑戰,包含硬體/軟體不同、螢幕解析度及操作介面不同等。雖然我們不能改變iOS及Android軟硬體規格,但我們可以在「介面及操作體驗」下功夫,讓不同蘋果迷、安桌粉絲都能擁有好的操作體驗。

接下來透過幾個跨平台App的設計案例,看看這幾款App如何滿足蘋果迷、安卓粉絲的操作體驗。

製作前先了解不同平台設計規範,能增加App使用性

設計App需要考慮大多數使用者操作習慣,能讓使用者輕鬆快速上手並願意花時間使用這個App。不同平台操作性及設計規範都不一樣,如果沒有時間、成本去研究使用者操作行為研究,不妨先從各平台官方釋出設計規範來下手。

以「返回」為例,在iOS介面在導覽列的左上角有明顯返回按鈕,它是用來在App裡進行返回操作。

但在Android平台操作上有2個方式有返回功能:(1)在介面上呈左上角呈現返回按鈕;(2)手機裝置上也有返回功能,但在手機裝置上可返回桌面。

雖然Andriod的手機上功能操作非常彈性,在任何情況下按下倒退按鈕,但很容易發生不小心跳回桌面窘境。所以Android的App會介面設計上設計引導的提示,來減少跳回桌面次數。

維持操作流程體驗的一致性,減少使用者不斷地try & error

使用者沒辦法對同一產品學習2套操作方法,如果他們花太多精力學習、一直遇到瓶頸,下一秒他們很有可能刪除這個APP。

以Pocket為例子,它是iOS及Android跨平台設計裡,對於視覺排版、操作流程及動態呈現方式最一致的App。新增文章到Pocket,iOS及Android都只要3個步驟就可完成!(1)開啟網頁,(2)啟動分享功能 ,(3)選擇分享到Pocket。

iOS – 新增文章流程
Android – 新增文章流程
有好的操作功能就延伸應用在其他平台上吧!

不同平台先天上開發工具、程式語法、架構不一樣,所以有些功能呈現及操作方式也不太一樣。以「重新整理」(Refresh)的功能為例,下拉更新(Pull down to refresh)在iOS較新版本中已是內建的套件。但在Android而言,下拉更新功能需要再寫程式套用耗時間、又耗成本,通常取代方式為做一顆重新整理的按鈕。

如果好的操作方式能大大地增加使用者滿意度的話,那為何不突破平台限制延伸應用在不同平台上?如同Facebook跳脫Android只能手動重新整理功能,將下拉更新應用在iOS及Andriod,讓2個平台用戶都能享有一致操作體驗,讓使用者方便看更新的動態。

開發跨平台設計是一項大工程,需要深入瞭解不同系統使用者的操作習慣,善用不同平台操作特性,突破跨平台介面上及操作上限制,才能讓不同平台使用者感受到流暢操作體驗。





作者介紹
人因設計中心 / T-T Yang
以使用者為中心UDC(User-Centered Design)設計方法,運用在各專案上的執行或改良,致力於推動產品最佳的使用者體驗。