移動(dòng)應(yīng)用設(shè)計(jì)應(yīng)當(dāng)避免的6個(gè)想當(dāng)然

過去幾年來,用戶交互進(jìn)化如此迅速,設(shè)計(jì)師們都快跟不上了——導(dǎo)致在創(chuàng)建移動(dòng)應(yīng)用時(shí),從其他媒介(甚至陳舊的應(yīng)用設(shè)計(jì))中照搬交互設(shè)計(jì)技巧。

其實(shí)重要的是要記住:交互模式和設(shè)計(jì)要隨著媒介的改變而變化。

這種思想的第一階段,可見于鼠標(biāo)鍵盤的臺(tái)式電腦過渡到觸摸屏的過程中(Apple新推出的3D Touch就是個(gè)更加精細(xì)的例子)。從全新的交互模式,到微小的交互細(xì)節(jié)和趨勢(shì),每種新的設(shè)備、環(huán)境、模式和手勢(shì),都帶來了機(jī)遇和陷阱。

照片來源:Apple

光是了解它們就要費(fèi)一番功夫——更別說為它們?cè)O(shè)計(jì)了——下面是一些設(shè)計(jì)移動(dòng)應(yīng)用時(shí)應(yīng)當(dāng)避免的想當(dāng)然。

1. 用戶總是需要?jiǎng)?chuàng)建賬號(hào)

他們不需要,許多時(shí)候他們不想、也沒有必要。

作為開發(fā)者,除非將用戶固化到數(shù)據(jù)庫中,否則很容易把他們拒之門外。但從用戶的角度看,這不是光彩之舉。

憑什么要先注冊(cè),才能知道里面有什么?這個(gè)過程勞神費(fèi)力,必須得物有所值。

相反,用戶數(shù)據(jù)可以離線儲(chǔ)存,當(dāng)用戶最終決定創(chuàng)建賬號(hào)時(shí)轉(zhuǎn)移到賬戶中。或者,可以考慮使用“訪客”或“試用”模式,開放核心功能(比如下面的Wunderlist),展現(xiàn)應(yīng)用的功能,但是功能有限,或者帶有水印。

照片來源:Wunderlist

一旦證明了你的應(yīng)用有價(jià)值,用戶毫無疑問會(huì)決定注冊(cè)。在那之前,就有點(diǎn)過分要求了。

2. 用戶需要一套教程,告訴他們你的應(yīng)用有多棒

讓用戶使用,借此展現(xiàn)你的應(yīng)用有多棒。解釋它有多好是非常無力的。而且,用戶通常都會(huì)跳過并忘記引導(dǎo)頁。

瀏覽了所有說明的用戶,并不太理解整個(gè)引導(dǎo)頁設(shè)計(jì)。

如果你一定需要用戶使用全部注意力,一步一步瀏覽引導(dǎo)(有些應(yīng)用確實(shí)如此),那就要盡可能短,并且憑借幫助菜單來呈現(xiàn)。這就有意義多了,即使在用戶用了一段時(shí)間以后。

照片來源:UXCam

3. 不要假設(shè)某種方式能適應(yīng)所有應(yīng)用

即使是常見的交互模式,也應(yīng)該根據(jù)你應(yīng)用的特定環(huán)境來評(píng)估。

有個(gè)常見的例子,地址輸入框里的“省份”下拉選項(xiàng)。由于省份名可以寫作幾種不同形式,標(biāo)準(zhǔn)的預(yù)定義內(nèi)容下拉菜單有它的合理意義。在這桌面端或許是可接受的(盡管這尚存爭(zhēng)議),但對(duì)于移動(dòng)端可用性而言,下拉菜單是最糟糕的選擇。

應(yīng)用的交互也是強(qiáng)調(diào)品牌的絕好機(jī)會(huì)。如今的應(yīng)用中,有些非常難忘的品牌“瞬間”,例如從啟動(dòng)圖進(jìn)入信息流時(shí)的Twitter小鳥,Snapchat的個(gè)人資料圖片動(dòng)畫,還有Hopper的加載圖片(詳見第5條)。

關(guān)鍵是我們不該迷信久經(jīng)考驗(yàn)的方法,那不是使我們應(yīng)用出彩的唯一方式。

Hopper應(yīng)用的加載界面。

4. 應(yīng)用設(shè)計(jì)和響應(yīng)式網(wǎng)頁設(shè)計(jì)是一回事

雖然響應(yīng)式設(shè)計(jì)近似于移動(dòng)應(yīng)用設(shè)計(jì),但為任何設(shè)備設(shè)計(jì),與為獨(dú)立應(yīng)用設(shè)計(jì),有天壤之別。

用戶在移動(dòng)應(yīng)用中期望特定的交互模式和界面元素。

例如,在iOS應(yīng)用左上角通常有個(gè)“返回”按鈕,用來返回前一個(gè)界面。在網(wǎng)頁瀏覽器中,網(wǎng)站本身就不需要返回按鈕了;它通常都被省略掉,因?yàn)槟呛蜑g覽器本身太像了。

雖然這是很基本且顯而易見的例子,從菜單和表單,到“彈窗”和字體大小,一切都有細(xì)微差別。我們?cè)诰W(wǎng)頁中的設(shè)計(jì),在移動(dòng)應(yīng)用中往往顯得有點(diǎn)尷尬或粗糙——并非必定是哪里錯(cuò)了,而是它本就不同。

圖片來源:TD Bank iOS應(yīng)用的登錄和LinkedIn iOS應(yīng)用的登錄

比較一下TD Bank iOS版和LinkedIn iOS版的登錄界面。

在TD Bank iOS應(yīng)用中,你會(huì)發(fā)現(xiàn)他們主要的UI元素做成了應(yīng)用的樣子,左上角有返回按鈕,底部還能看到一欄菜單(與iOS的模式一致)。卻沒有像應(yīng)用那樣,為登錄框本身(和其他頁面內(nèi)容)設(shè)計(jì)樣式。輸入框上有默認(rèn)的iOS圓角和陰影,勾選框非常小,鏈接帶有下劃線,UI中甚至還帶有版權(quán)公告。缺乏應(yīng)用獨(dú)有的感覺。

相反,LinkedIn iOS應(yīng)用的確感覺像是個(gè)應(yīng)用,盡管不是因?yàn)槟膫€(gè)特定的設(shè)計(jì)或界面元素。而是因?yàn)樗麄儧]有把網(wǎng)頁打包成應(yīng)用。他們?yōu)閼?yīng)用而設(shè)計(jì),而非移動(dòng)端網(wǎng)頁——我們能看出區(qū)別。

5. “加載小轉(zhuǎn)盤”是表達(dá)加載中和思考中的正確方式

默認(rèn)的加載圖標(biāo)(例如iOS的小轉(zhuǎn)盤,從中心點(diǎn)發(fā)散出的灰色線條)似乎有負(fù)面的暗示。

它們不僅出現(xiàn)的不是時(shí)候,也作為移動(dòng)操作系統(tǒng)的一種功能,指示一切事物的狀態(tài)。從設(shè)備開機(jī),到連接wifi出現(xiàn)問題,或是應(yīng)用加載緩慢。

正因如此,人們討厭看到孤零零的一個(gè)轉(zhuǎn)盤,沒有任何指示信息或時(shí)間進(jìn)度。

相反,應(yīng)該嘗試讓加載感覺更自然——甚至將它隱藏。一種方式是通過占位元素來暗示內(nèi)容,F(xiàn)acebook就這樣呈現(xiàn)時(shí)間軸的加載狀態(tài)。你還可以利用這個(gè)機(jī)會(huì),在加載指示器和信息上發(fā)揮創(chuàng)意,例如在界面上加入一些奇思妙想,或者強(qiáng)調(diào)品牌。

照片來源:Facebook iOS app

6. 用戶首次使用時(shí),會(huì)盲目地允許通知

絕不能依賴操作系統(tǒng)默認(rèn)的“允許通知”對(duì)話框。這個(gè)無腦設(shè)計(jì)會(huì)絆倒無數(shù)移動(dòng)端設(shè)計(jì)師。首先,它并沒有說得足夠清楚為什么應(yīng)用需要獲取權(quán)限,讓它能隨時(shí)隨地侵犯用戶隱私。

相反,應(yīng)該在應(yīng)用中設(shè)計(jì)一個(gè)自定義的“允許通知”界面。

永遠(yuǎn)都要告訴用戶你的通知有多么重要(盡可能給他們展示例子),并且向他們保證不會(huì)有不必要的垃圾信息轟炸。

一旦用戶理解了應(yīng)用通知的價(jià)值,謹(jǐn)慎提供原生的、基于系統(tǒng)的彈窗——他們會(huì)立刻看見,不會(huì)把事情搞得一團(tuán)糟。

照片來源:http://peach.cool/

一款廣泛宣傳的新近應(yīng)用Peach就做得很完美。

它第一個(gè)“允許通知”對(duì)話框看起來很像真正iOS系統(tǒng)對(duì)話框(但并不是),他們解釋了“為什么”需要通知,消除了疑慮。用戶點(diǎn)擊“允許”之后,就會(huì)看到真正的iOS系統(tǒng)對(duì)話框(相比之下,這個(gè)沒用多了)。

照片來源:http://peach.cool/

人們對(duì)應(yīng)用界面的期望更多了,標(biāo)準(zhǔn)正在水漲船高。

對(duì)于基于應(yīng)用的公司,不當(dāng)?shù)睾鲆暭?xì)節(jié)會(huì)損害應(yīng)用的接受度——甚至?xí)茐哪闩c用戶的關(guān)系。

以上6個(gè)想當(dāng)然還只是開始。如果想要繼續(xù)深入,要學(xué)著留心和避免日常的假定。小心不要想當(dāng)然以為自己知道什么界面最適合——始終都要努力尋找最佳方案。

非特殊說明,文章歸原作者所有,轉(zhuǎn)載請(qǐng)注明出處

本文地址:http://www.siweiw.com/sjinfo7393.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,357評(píng)論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,245評(píng)論 4 61
  • 家在遠(yuǎn)方。 這個(gè)暑假我又不回家了。 是的,我又不回家了,也許在大學(xué)四年我只會(huì)回家三次,每年的春節(jié)。 沒有很想家,只...
    昕圜閱讀 514評(píng)論 2 1
  • 我對(duì)boost.asio的使用不深入,所以總是過了一段時(shí)間就會(huì)對(duì)它的理解上又變得模糊起來。還是先回頭看看boost...
    Brent姜閱讀 1,115評(píng)論 0 0
  • 流水賬 車子今天總算修好了。 上網(wǎng)搜索了麻省理工科技評(píng)論,2017年的十大已經(jīng)評(píng)選出來了。不出意外,生物醫(yī)學(xué)又是重...
    貍貍的守護(hù)者閱讀 167評(píng)論 0 0