關(guān)于提高移動(dòng)端使用效率，前面我們通《通過(guò)下列五種方法實(shí)現(xiàn)在APP開(kāi)發(fā)中簡(jiǎn)化用戶數(shù)據(jù)輸入》介紹在輸入欄中填寫(xiě)默認(rèn)數(shù)據(jù)、建議輸入內(nèi)容、實(shí)時(shí)確認(rèn)輸入數(shù)據(jù)、選擇合適的表格元素、輸入工具與預(yù)期的輸入內(nèi)容相適應(yīng)五種方法減少用戶不必要的輸入操作，提高用戶體。接下由南昌app開(kāi)發(fā)公司百恒網(wǎng)絡(luò)工程師向大家介紹鼓勵(lì)行為召喚應(yīng)用方法。

基本行為召喚既要顯著又要具備功能可供性

對(duì)于頁(yè)面上的主要操作功能，一定不能有任何模糊不清的地方。因此，設(shè)計(jì)者 需要以顯著的方式展示行為召喚 ，讓它從其他元素中脫穎而出。讀者已經(jīng)在第一章 看到了功能可供性 的重要作用。在滾動(dòng)菜單中，設(shè)計(jì)者也可以把行為召喚始終展示 在頁(yè)面上。不要忘記，最小的細(xì)節(jié)都會(huì)引發(fā)重大的影響，請(qǐng)看下邊的例子。

比較一下統(tǒng)一應(yīng)用程序的兩個(gè)不同版本。設(shè)計(jì)者始終把“隨機(jī)播放”(Aléatoire)按鍵放 在重要位置。但在舊版本中，“隨機(jī)播放”按鍵淹沒(méi)在各種按鍵之中。而在改進(jìn)的新版本 中，就再也沒(méi)有模糊不清的地方：“隨機(jī)播放”按鍵一直十分明顯，即使用戶下拉菜單， 按鍵也始終顯示在屏幕上。

比較一下這兩個(gè)應(yīng)用程序撰寫(xiě)郵件的頁(yè)面。在GMAIL 上，“發(fā)送”的行為召喚很小，但 很明顯，能從頁(yè)面上的各種元素中脫穎而出。在MAIL 上，“發(fā)送”的行為召喚的可供性 不夠強(qiáng)，因?yàn)樵O(shè)計(jì)者使用的是說(shuō)明文字，從視覺(jué)角度來(lái)看，所有元素都在同一水平上，沒(méi) 有重點(diǎn)。盡管如此，用戶最終會(huì)通過(guò)學(xué)習(xí)會(huì)彌補(bǔ)這一設(shè)計(jì)缺陷，因?yàn)槭褂秒娮余]箱是一個(gè) 需要不斷重復(fù)操作的過(guò)程。

用戶重復(fù)使用應(yīng)用的頻率越高，設(shè)計(jì)者就越容易認(rèn)為：“無(wú)所謂，反正用戶 會(huì)在不斷使用的過(guò)程中學(xué)會(huì)……”這絕對(duì)是一個(gè)巨大的錯(cuò)誤!誠(chéng)然，用戶能學(xué)會(huì) 在預(yù)期頁(yè)面瞄準(zhǔn)某處進(jìn)行操作，但為了快速達(dá)到目的，任何元素都無(wú)法代替一個(gè) 足夠大、足夠明顯且毫不模糊的行為召喚。在效率面前，每一微秒都至關(guān)重要!

在電子商務(wù)領(lǐng)域，顯著的行為召喚同樣重要!電子商務(wù)設(shè)計(jì)公司ALTIMA 對(duì)以上兩個(gè)版 本的行為召喚——“查看購(gòu)物籃”(Voir mon panier)按鍵進(jìn)行對(duì)比調(diào)查，結(jié)果如下：在受 調(diào)查者中，喜歡第二個(gè)版本的人數(shù)比第一個(gè)版本多 12%。由此可見(jiàn)，細(xì)節(jié)決定成敗!

強(qiáng)調(diào)行為召喚會(huì)產(chǎn)生另一個(gè)極佳效果：賦予行為召喚強(qiáng)大的建議能力 。換句 話說(shuō)，設(shè)計(jì)者越凸顯某項(xiàng)功能，用戶就越傾向于使用該功能。當(dāng)然，前提是功能 必須真的實(shí)用!

設(shè)計(jì)者還需要對(duì)行為召喚進(jìn)一步優(yōu)化，讓用戶能輕松進(jìn)入功能：必須讓用戶 付出最小的努力達(dá)到目的。前面對(duì)按鍵在頁(yè)面上的位置問(wèn)題進(jìn)行過(guò)討論， 希望能為設(shè)計(jì)者提供一定幫助。

擴(kuò)大可觸控區(qū)域等于優(yōu)化效率

前面提到過(guò)費(fèi)茨法則 ：可觸控區(qū)域越大，用戶就越容易毫無(wú)差錯(cuò)地進(jìn) 行操作。這項(xiàng)法則在行為召喚的設(shè)計(jì)中至關(guān)重要。

在PATH 上關(guān)閉照片要比在 FACEBOOK 上容易得多。 在 PATH 上只需要在屏幕 任何地方再次點(diǎn)擊即可關(guān) 閉照片，用戶不必把手指 移動(dòng)到某一特定位置操作。 而在FACEBOOK 上，用戶 必須點(diǎn)擊“關(guān)閉”按鍵才 行。兩款應(yīng)用程序包含了 眾多以視覺(jué)媒體為核心的 功能，所以，這一點(diǎn)點(diǎn)區(qū) 別讓用戶體驗(yàn)高下立判!

在 FACEBOOK 上，采用滑動(dòng)手勢(shì) 向上或向下滑動(dòng)也會(huì)關(guān)閉照片，但該操作手勢(shì)很難被發(fā)現(xiàn)，在這里不予考慮。

多種可能激活相同功能等于優(yōu)化效率

設(shè)計(jì)者應(yīng)該根據(jù)用戶的認(rèn)知水平，創(chuàng)建若干可觸控區(qū)域：比如為某項(xiàng)功能設(shè) 計(jì)一個(gè)明顯的行為召喚(帶有說(shuō)明文字的按鍵和圖標(biāo))，同時(shí)再設(shè)計(jì)一個(gè)不明顯 的元素供點(diǎn)擊操作，又或者通過(guò)一種操作手勢(shì)達(dá)到相同目的。后邊提到的兩種方 法可以節(jié)省頁(yè)面空間。

為了讓用戶從細(xì)節(jié)頁(yè)面返回，存在兩種方法：按傳統(tǒng)方法點(diǎn) 擊頁(yè)面頂端的箭頭，或者用向右的滑動(dòng)手勢(shì)?；瑒?dòng)手勢(shì)不 是精細(xì)操作，用戶不需要瞄準(zhǔn)屏幕上的某個(gè)特定區(qū)域，速 度更快。熟悉該應(yīng)用程序的用戶知道這種快捷操作方式， 可以提高效率。

用戶可以通過(guò)兩種方式進(jìn)行同一操作：點(diǎn)擊“×”形圖標(biāo)，或者用手指在屏幕上做向左側(cè) 的滑動(dòng)手勢(shì)。

為關(guān)閉產(chǎn)品詳細(xì)說(shuō)明的頁(yè)面，用戶在CHRONODRIVE 上可以點(diǎn)擊“×”形圖標(biāo)或者點(diǎn)擊 頁(yè)面其他任何地方。而在E.LECLERC 上，用戶必須點(diǎn)擊左上角的“關(guān)閉”(Fermer)按 鍵，導(dǎo)致效率降低。

注意語(yǔ)言的表達(dá)方式

設(shè)計(jì)者在設(shè)計(jì)起到提示、教學(xué)作用的文字，以及行為召喚的相關(guān)語(yǔ)言時(shí)，都 必須謹(jǐn)慎小心，防止誤導(dǎo)用戶犯下錯(cuò)誤。別忘了，用戶的行為方式在很大程度上取決于設(shè)計(jì)者的指引：設(shè)計(jì)者使用的語(yǔ)言文字往往是引導(dǎo)用戶采取行動(dòng)的唯一因 素。如果語(yǔ)言表達(dá)不當(dāng)，就可能降低效率。比如下邊 SHAZAM 的例子。

應(yīng)用程序中提示“點(diǎn)觸開(kāi)始音樂(lè)識(shí)別”，用戶很自然地想觸碰提 示文字出現(xiàn)的地方激活功能，卻失敗了。實(shí)際上，僅有頁(yè)面的中 心部分屬于可觸控區(qū)域。

人們往往會(huì)低估語(yǔ)言的力量，實(shí)際上，經(jīng)常是語(yǔ)言在影響用戶做決定。假 如一位不懂法語(yǔ)的用戶希望瀏覽法語(yǔ)網(wǎng)頁(yè)，想想會(huì)有多困難!

藍(lán)色字體“添加收藏”(Ajoutez la à vos cinémas favoris)是 最明顯的元素，但用戶在點(diǎn)擊后卻發(fā)現(xiàn)沒(méi)有任何反應(yīng)。用戶 可能會(huì)重復(fù)點(diǎn)擊若干次，最后發(fā)現(xiàn)這里根本不能點(diǎn)擊，操作 效率大打折扣。用戶甚至?xí)詾閼?yīng)用程序存在 Bug，那就更 糟了!在理想狀態(tài)下，整個(gè)白色條狀區(qū)域都應(yīng)該可以點(diǎn)擊。

在人機(jī)工程學(xué)領(lǐng)域，“錯(cuò)誤”一詞危險(xiǎn)之極：此處指的不一定是用戶發(fā)現(xiàn)的 問(wèn)題或者給用戶造成麻煩的問(wèn)題。用戶很可能都沒(méi)有意識(shí)到程序存在錯(cuò)誤，但這 些錯(cuò)誤會(huì)讓用戶操作速度減慢，影響用戶體驗(yàn)。而且，錯(cuò)誤越頻繁重復(fù)出現(xiàn)就越 危險(xiǎn)，最終可能演變成存在于用戶意識(shí)中的頑固錯(cuò)誤 。

本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣大技人員有所幫助。原創(chuàng)文章出自:南昌APP開(kāi)發(fā)公司-百恒網(wǎng)絡(luò) http://www.myforexfactory.net/app/index.html 如轉(zhuǎn)載請(qǐng)注明出處!