很多小伙伴會在后臺和我提交互設(shè)計方面的問題,說實話,因為本身我是視覺設(shè)計出身,即便工作會參與交互流程的梳理和改進(jìn),也還是不敢太多的歸納和總結(jié)交互設(shè)計方面的方法和知識,今天給大家轉(zhuǎn)譯一篇外國設(shè)計師對移動交互設(shè)計中的一些建議,推薦給喜歡交互設(shè)計的朋友們閱讀。
為什么我們要安裝App?那是為了方便我們的生活。但當(dāng)一個APP無法滿足這一要求時,那么就會導(dǎo)致用戶流失。你的APP成功取決于各個因素的組合,但其中最重要的因素是整體移動用戶體驗。偉大的用戶體驗是區(qū)分APP成功與否的要素。
當(dāng)用戶體驗歸結(jié)為移動用戶體驗設(shè)計時,堅持良好的實踐是必走之路。在這篇文章里,我們將重點放在如何解決避免打斷或強迫用戶去思考本應(yīng)很簡單的事情這一基礎(chǔ)點上。
多平臺的用戶界面設(shè)計
UI是讓你APP的移動用戶體驗特別出彩的一個重要因素。大多數(shù)開發(fā)者都希望在多個平臺上發(fā)布他們的APP,當(dāng)你準(zhǔn)備在多個平臺發(fā)布APP時,請注意每個平臺都有各自不同的規(guī)范和特性。當(dāng)你的設(shè)計稿在某個平臺上看起來十分完美的時候,但在其他平臺上看起來卻和設(shè)計稿不一致,甚至相差很多。
1.不要模仿UI元素和其他平臺的字體
當(dāng)你設(shè)計Android 或iOS的App時,不要把其他平臺的主題元素帶進(jìn)App設(shè)計,也不要模仿他們的特有行為。因為如果你將元素從一個平臺復(fù)制到另一個平臺,你就冒著損害用戶體驗和轉(zhuǎn)換的風(fēng)險。
輸入框,復(fù)選框,開關(guān)和其他功能部件應(yīng)該給人一種自然的感覺。應(yīng)該盡可能多地使用系統(tǒng)自帶控件,讓人們知道如何使用它們,并且允許你的App獲取他們敏感數(shù)據(jù)的權(quán)限。在下面的例子中,你可以看到Android和iOS的區(qū)別。
相比于擬物設(shè)計,iOS的App通常呈現(xiàn)的是扁平風(fēng)格,沒有使用深度或陰影。iOS也有一個純文本樣式按鈕,但在字體上它并沒有采用Android的大寫字體造型,反而采用了更纖細(xì)的字體造型。
字體也需要符合各平臺的標(biāo)準(zhǔn):Android的字體是Roboto,而iOS使用San Francisco字體。
如果你想自定義App中的UI元素,請根據(jù)你的品牌進(jìn)行自定義,而不是根據(jù)不同平臺的規(guī)范進(jìn)行自定義。
2.不要通用平臺特有的icon
平臺通常提供了一組常見的功能icon,如共享,創(chuàng)建新的文檔或刪除文檔。當(dāng)你將App放到另一個平臺時,你應(yīng)該把平臺特有的icon置換成該平臺的icon。
你也應(yīng)該多加關(guān)注每個平臺的顯著設(shè)計風(fēng)格:Android系統(tǒng)的icon有較厚的筆觸,而iOS推崇線條icon,用非常細(xì)的筆畫。下面是一個明顯的例子,用幾個圖標(biāo)進(jìn)行比較:
3.不要將Web體驗復(fù)制到App
用戶期望在App中看到屬于移動應(yīng)用程序的某些交互模式和界面元素。網(wǎng)頁設(shè)計放在移動應(yīng)用端經(jīng)常會感覺到使用不便,因為它并不是用戶所期望看到的。讓我給你舉一個例子更清楚的描述:下劃線鏈接。你應(yīng)該避免使用帶有下劃線鏈接的文本,因為這是瀏覽器頁面模型的一個樣式,而不是應(yīng)用程序視圖模型(應(yīng)用程序使用按鈕,而不是鏈接)的樣式。
下面以TD銀行iOS平臺App的注冊頁面為例。這個設(shè)計看起來更像是網(wǎng)頁而不是App。因此,他們只是提供了一個網(wǎng)站接口使它看起來像一個App:鏈接強調(diào),甚至在UI中還有一個版權(quán)聲明。
用戶流量
1.你的App中不應(yīng)當(dāng)有死胡同。
交互設(shè)計就是流程的設(shè)計,在大多數(shù)情況下推動用戶完成所期望的目標(biāo)。你應(yīng)該避免用戶在你的App中走進(jìn)死胡同,因為死胡同會讓用戶產(chǎn)生困擾并導(dǎo)致不必要的操作。有時設(shè)計師把錯誤信息和無數(shù)據(jù)狀態(tài)設(shè)計成空白的頁面,但實際上這是一個很好的機會,可以做一些有用的事情。下面這個頁面是Spotify的錯誤狀態(tài)頁面
它根本不能幫助用戶理解上下文,沒有回答這個問題:“我能做什么呢?“
無數(shù)據(jù)狀態(tài)(尤其是錯誤狀態(tài))不應(yīng)該是一個不可繼續(xù)操作的狀態(tài),相反它應(yīng)該告訴用戶確切的行動以便顯示觸發(fā)后的內(nèi)容和APP的正常運行。
2.不要把用戶帶到瀏覽器
讓用戶在任何時候都在App中。如果你的App缺乏一個特定的功能或內(nèi)容,嘗試使用App內(nèi)置的瀏覽器,不要喚起手機自帶的瀏覽器,不然的話你會導(dǎo)致用戶遺忘他們的使用軌跡,不會返回到應(yīng)用程序,這將增加用戶放棄或減少使用App的風(fēng)險。
3.不要要求用戶在下載完App后馬上為App評分
沒有人真的想被打斷,更不用說他在做重要事情時被無意義的事情打斷。如果他們最近才下載或只使用了幾次App,那么避免要求用戶為你的App評分。相反,等到他們直到被證明是重復(fù)用戶,他們將更有可能為你的App提供更多反饋。
你可以在用戶打開App一定次數(shù)后或者完成你特定的目標(biāo)時在來觸發(fā)評級要求。Dan Counsell在何時彈出評分彈框有很好的洞察力。以下是他對待辦事項應(yīng)用程序Clear的評論:“iOS平臺的clear的評分彈框在一些情況下被觸發(fā)。首先,用戶必須已經(jīng)使用了幾個星期的應(yīng)用程序。其次,清除用戶已經(jīng)清除了從列表中的剩余任務(wù)。這是一個在App中要求評分的良好機會,用戶感覺很好,因為他們剛剛清理了他們的任務(wù)列表并且在大多數(shù)情況下他們準(zhǔn)備退出App。
要求評分是沒有錯的,但記住你想給你的用戶一個良好的體驗。
結(jié)語
人們對現(xiàn)在的App的界面期望越來越高,標(biāo)準(zhǔn)也變得越來越高。你需要努力工作,以滿足這些期望,讓你的App令人愉快。提高用戶體驗不是一個一次性的任務(wù),這是一個持續(xù)的過程。
以上內(nèi)容由本人原創(chuàng)轉(zhuǎn)譯,轉(zhuǎn)載請注明出處,否則后果必究。
關(guān)于大寶(我本人):
互聯(lián)網(wǎng)領(lǐng)域設(shè)計師,跨界于廣告、創(chuàng)意、工業(yè)設(shè)計、用戶體驗等領(lǐng)域,喜歡潮流,本身卻很土,定期寫文,歡迎提出你感興趣的設(shè)計、藝術(shù)、創(chuàng)意等話題,試著做一個書寫設(shè)計來影響你的人。
歡迎關(guān)注,閱讀更多原創(chuàng)設(shè)計思考。