關(guān)于提高移動(dòng)端使用效率,前面我們通《通過(guò)下列五種方法實(shí)現(xiàn)在APP開發(fā)中簡(jiǎn)化用戶數(shù)據(jù)輸入》介紹在輸入欄中填寫默認(rèn)數(shù)據(jù)、建議輸入內(nèi)容、實(shí)時(shí)確認(rèn)輸入數(shù)據(jù)、選擇合適的表格元素、輸入工具與預(yù)期的輸入內(nèi)容相適應(yīng)五種方法減少用戶不必要的輸入操作,提高用戶體。接下由南昌app開發(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)用程序撰寫郵件的頁(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)觸開始音樂(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開發(fā)公司-百恒網(wǎng)絡(luò) http://www.gimmickmag.com/app/index.html 如轉(zhuǎn)載請(qǐng)注明出處!