【大寶】你不得不知的幾個交互禁忌常識!

很多小伙伴會在后臺和我提交互設(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è)計思考。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,836評論 6 540
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,275評論 3 428
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,904評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,633評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 72,368評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,736評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,740評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,919評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,481評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,235評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,427評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,968評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,656評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,055評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,348評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,160評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 48,380評論 2 379

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,712評論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,162評論 4 61
  • 其實我一直都不愿意去抱怨那件事,我承認(rèn)我一直都很難過,三年都過去了,我始終還抱有心結(jié),從小長大的感情又怎么...
    沈子清閱讀 291評論 0 0
  • 喜歡這個故事嗎?想知道更多有關(guān)白蘇or譚柔的故事嗎?我是目錄君,戳我有驚喜! 第十九章 我們是青梅竹馬 兩小無猜 ...
    就是寧姐姐呀閱讀 1,349評論 16 10
  • 感賞兒子每天記得把空調(diào)關(guān)好,照顧好自己! 感賞兒子一叫就爽快起床! 感賞兒子今天叫他自己把衛(wèi)生間燈關(guān)了,雖然有不高...
    心中承諾閱讀 254評論 0 2