增哥導(dǎo)讀：了解用戶是怎么操作網(wǎng)站建設(shè)的對(duì)于網(wǎng)站建設(shè)公司和手機(jī)網(wǎng)站的設(shè)計(jì)者來(lái)說(shuō)至關(guān)重要，如果你不仔細(xì)的研究，不依靠真實(shí)的數(shù)據(jù)。那么你之前的研究很可能淪為想象的玩物，快來(lái)看看真實(shí)的情況是什么樣的吧?！翱萍迹ǔ啥季W(wǎng)站建設(shè)）”推薦此文。

自上次用戶持握網(wǎng)站建設(shè)的研究之后，終于又完成了另一篇系列文章的翻譯了。同樣來(lái)自StevenHoober，這篇更加關(guān)注于細(xì)節(jié)——用戶具體使用時(shí)的手勢(shì)，例如點(diǎn)擊和滾動(dòng)，研究結(jié)果對(duì)設(shè)計(jì)有著重要的指導(dǎo)意義。

雖然在過(guò)去的幾年間，我們?cè)谟脩羧绾问褂糜|屏設(shè)備的研究中有了許多的發(fā)現(xiàn)，然而我十分確信我們?nèi)匀挥性S多未知需要探索。觸屏設(shè)備這個(gè)領(lǐng)域還相當(dāng)?shù)男?。許多新的交互模式仍在研究中，而我們也才剛剛了解到用戶是如何理解并且使用他們的觸屏設(shè)備的。

自從一年半前我先進(jìn)次研究用戶是如何持握和使用網(wǎng)站建設(shè)之后，我一直在繼續(xù)早先的研究，并且還探索了移動(dòng)觸屏交互人性化的一面。下一步我該做的就是去試圖了解用戶的動(dòng)機(jī)，并確定是否能夠找到用戶交互行為與不同情景及操作之間的關(guān)系。

我的研究方法

我與在ZIPPGUN工作的朋友一同合作，設(shè)計(jì)開(kāi)發(fā)了一款移動(dòng)應(yīng)用，以幫助我看到用戶使用網(wǎng)站建設(shè)或是平板的不同方式。通過(guò)此應(yīng)用，我一共觀察了31個(gè)用戶，其中三分之二使用的是網(wǎng)站建設(shè)，剩下的是平板。

我從用戶的視角錄下了他們所有的操作，并且事后進(jìn)行了視頻編輯，記錄了他們持握和觸摸設(shè)備的方式，以及其他一些基于他們交互行為的特征。同時(shí)，我還記錄了他們使用滾動(dòng)手勢(shì)時(shí)的方向和長(zhǎng)度，點(diǎn)擊的位置，以及進(jìn)行選擇操作時(shí)的—有效性。

網(wǎng)站建設(shè)上的測(cè)試我?guī)缀醵际峭ㄟ^(guò)在嘉年華隨機(jī)攔訪的方式進(jìn)行的(譯者注：此句中carnivalintercepts不求甚解，不知是否譯得正確，求高手指教)，就像購(gòu)物中心進(jìn)行的現(xiàn)場(chǎng)采訪。通過(guò)用戶戴著的錄像眼鏡，我們錄下他們使用網(wǎng)站建設(shè)的過(guò)程，這個(gè)眼鏡經(jīng)過(guò)我的特制以它足夠舒服，不會(huì)影響用戶自然的使用。圖1展示了正在處理中的錄制視頻。而平板電腦的測(cè)試我則使用了UserTesting.com通過(guò)遠(yuǎn)程的方式在家里進(jìn)行的。

移動(dòng)設(shè)備手勢(shì)分析——用戶是怎樣操作網(wǎng)站建設(shè)的？
圖1-使用屏幕測(cè)量工具進(jìn)行視頻中數(shù)據(jù)的分析

雖然這次研究的受訪用戶遠(yuǎn)比上次的人數(shù)少得多，但是這次的研究非常不同。通過(guò)視頻編輯進(jìn)行信息的搜集更為困難，錄制并分析這31個(gè)用戶的數(shù)據(jù)花掉了將近100個(gè)小時(shí)。這次我要展示的數(shù)據(jù)與上次研究十分相關(guān)，而且在一定程度上擴(kuò)展、解釋或者說(shuō)證實(shí)了上次的研究發(fā)現(xiàn)。

我之前還收集了一些這篇文章沒(méi)有討論到的信息，只不過(guò)較后發(fā)現(xiàn)沒(méi)有什么價(jià)值，它們有些比較模糊，有些則自相矛盾，還或者是需要更多的研究和分析才足以支撐的結(jié)論。

持握方式切換

“幾乎沒(méi)有人在實(shí)際操作中是一直使用單手的”

這次測(cè)試的*要重點(diǎn)就是持握方式的切換，我希望能夠?qū)⒂脩舫治占坝|碰的方式與具體的使用場(chǎng)景匹配起來(lái)。通過(guò)研究我發(fā)現(xiàn)較有趣的是我在測(cè)試過(guò)程中實(shí)際上很少關(guān)注這個(gè)行為。比如，人們持握網(wǎng)站建設(shè)的方式似乎十分符合我上次的研究結(jié)果，大部分的人都是在單手使用。但是當(dāng)我真正開(kāi)始分析這些數(shù)據(jù)時(shí)，我有了新的發(fā)現(xiàn)。正如你在圖2中看到的，幾乎沒(méi)有人在實(shí)際操作中是一直使用單手的。

移動(dòng)設(shè)備手勢(shì)分析——用戶是怎樣操作網(wǎng)站建設(shè)的？,互聯(lián)網(wǎng)的一些事
圖2-觀察得出的各種觸摸方式的比例

如果你承認(rèn)用戶在使用的過(guò)程雙手會(huì)很自然地不停變換，我也是這樣想的，用戶使用各種持握網(wǎng)站建設(shè)的方式的比例就顯得相當(dāng)合情合理。人們似乎經(jīng)常使用單手來(lái)持握網(wǎng)站建設(shè)，然后直接用大拇指進(jìn)行頁(yè)面上輕微的滾動(dòng)，但是當(dāng)要進(jìn)行長(zhǎng)滾動(dòng)或是選擇時(shí)，他們就會(huì)切換到換握的方式或是使用另一只手來(lái)進(jìn)行操作。

在許多的操作行為上，用戶都是使用一只手來(lái)握住網(wǎng)站建設(shè)，用另一只手來(lái)點(diǎn)擊。大約在41%時(shí)間里，用戶使用雙手——大部分情況下是兩個(gè)大拇指操作虛擬鍵盤(pán)進(jìn)行輸入。少部分用戶也用兩個(gè)大拇指來(lái)完成日常的普通操作，來(lái)回切換兩個(gè)大拇指進(jìn)行點(diǎn)擊或是滾動(dòng)。

平板的數(shù)據(jù)在此項(xiàng)中被我排除在外了，因?yàn)榈湫偷钠桨逵脩魩缀醵际窃谄矫嫔匣蚴侵纹鸬哪Ｊ较率褂玫?，他們多?shù)用手指、觸控筆進(jìn)行操作，或者偶爾還用用大拇指。

點(diǎn)擊定位

“用戶在操作觸屏界面的中間區(qū)域時(shí)，點(diǎn)擊更為—有效?！?br/>
從上一個(gè)研究結(jié)果我們得知，人們?cè)诓僮饕苿?dòng)設(shè)備屏幕的中間部分時(shí)，能夠更—有效地點(diǎn)擊到——這幾乎適用于任何大小的屏幕或是任意一種持握方式。他們潛意識(shí)里同樣深知這一點(diǎn)——這也許和人們更習(xí)慣于閱讀屏幕中間的內(nèi)容相關(guān)——所以他們?cè)诓僮髌聊恢虚g的區(qū)域時(shí)更為自然而對(duì)邊緣目標(biāo)的點(diǎn)擊上就明顯放慢了速度。

用戶點(diǎn)擊區(qū)域的屏幕位置顯然是點(diǎn)擊—有效度上較為重要的一個(gè)變量。無(wú)關(guān)環(huán)境、無(wú)關(guān)是否熟悉觸屏或是其他任何因素。

然而，我們還沒(méi)有太多的平板使用上的數(shù)據(jù)支持。在這次的研究中，我收集了部分的數(shù)據(jù)，并且確認(rèn)這些—有效度的結(jié)果能符合7寸、8寸還有10寸的平板。

圖3展示了在平板上用戶實(shí)際點(diǎn)擊的位置和一個(gè)代表了用戶想要點(diǎn)擊的菜單按鈕的圓形區(qū)域。圖中，每一個(gè)點(diǎn)代表了快速點(diǎn)擊，95%的點(diǎn)擊都落在了圓形區(qū)域中。

移動(dòng)設(shè)備手勢(shì)分析——用戶是怎樣操作網(wǎng)站建設(shè)的？,互聯(lián)網(wǎng)的一些事
圖3平板上的點(diǎn)擊—有效度示意圖

這里還有一個(gè)案例可以證明用戶偏好對(duì)中心點(diǎn)擊—有效度的影響。圖4展示了用戶在點(diǎn)擊全屏滑動(dòng)的列表時(shí)熱點(diǎn)圖。他們很自然地將內(nèi)容移到他們偏好的位置，這個(gè)大約在屏幕高度2/3的位置是用戶點(diǎn)擊次數(shù)較多的地方。當(dāng)用戶能夠選擇點(diǎn)擊哪里的時(shí)候——例如，在一個(gè)滾動(dòng)列表中——他們幾乎總是點(diǎn)擊屏幕高度2/3的位置。

而且這個(gè)數(shù)據(jù)并不會(huì)受到設(shè)備的類型影響，在所有的移動(dòng)設(shè)備上的結(jié)果都驚人的相似。圖4的熱點(diǎn)圖其實(shí)包括了用戶在網(wǎng)站建設(shè)還有平板上的選擇，只是為了可視化的統(tǒng)一才這樣展示。不論設(shè)備的類型、大小或是橫豎屏，所有的點(diǎn)擊都落在屏幕的同一片區(qū)域。
{關(guān)注科技（成都網(wǎng)站建設(shè)、成都網(wǎng)站制作），每天為你推送網(wǎng)站建設(shè)純干貨！}
移動(dòng)設(shè)備手勢(shì)分析——用戶是怎樣操作網(wǎng)站建設(shè)的？,互聯(lián)網(wǎng)的一些事
圖4-用戶偏好觸摸屏幕高度2/3的位置

你可能以前會(huì)認(rèn)為，設(shè)計(jì)一個(gè)類似于twitter這樣的用戶界面，關(guān)鍵的操作或是輸入框應(yīng)該放在頂部或是底部，然而，主要的內(nèi)容和互動(dòng)區(qū)域都應(yīng)該是在屏幕的中間，實(shí)際上也是這樣。所有以內(nèi)容為中心的工具應(yīng)用都有效符合用戶主要瀏覽和點(diǎn)擊屏幕中間的行為。其他所有的功能都是次要選擇。

這些研究成果都符合我之前關(guān)于用戶切換手持方式的假設(shè)。如同你所見(jiàn)到的，就算用戶需要移動(dòng)變換姿勢(shì)或是伸展手指去點(diǎn)擊屏幕中間，他們都經(jīng)常會(huì)這樣做。并不是因?yàn)槲覀儽破鹊?，而是用戶自己選擇的。

如果更加仔細(xì)地觀察數(shù)據(jù)，我們會(huì)發(fā)現(xiàn)用戶的偏好是稍稍偏左的。這很微妙，但是確實(shí)存在，而且我相信這和西方語(yǔ)言從左到右的閱讀順序有很大關(guān)系，因?yàn)檫@意味著大部分的文字是居于左側(cè)的。部分研究指出用戶會(huì)去點(diǎn)擊文字和圖標(biāo)。請(qǐng)銘記用戶點(diǎn)擊文字的這個(gè)習(xí)慣。

手勢(shì)

“當(dāng)頁(yè)面滿滿都是內(nèi)容時(shí)，用戶選擇在右側(cè)去滑動(dòng)頁(yè)面?！?br/>
在某些觸屏的使用情境下，我發(fā)現(xiàn)了一些用戶如何與屏幕交互的有用信息。其中一個(gè)就是用戶如何使用手勢(shì)。滑動(dòng)或許是點(diǎn)擊之后較為重要的操作了。在圖5中，你能看到一個(gè)經(jīng)過(guò)微量標(biāo)準(zhǔn)化調(diào)整的熱點(diǎn)圖，展示了用戶在屏幕上滑動(dòng)的位置。而且圖5中的三張圖分別代表了三個(gè)獨(dú)特的區(qū)域。

移動(dòng)設(shè)備手勢(shì)分析——用戶是怎樣操作網(wǎng)站建設(shè)的？,互聯(lián)網(wǎng)的一些事
圖5-用戶滾動(dòng)屏幕的手勢(shì)熱區(qū)

為什么說(shuō)是三個(gè)獨(dú)特的區(qū)域呢?這和屏幕上展現(xiàn)的內(nèi)容類型有關(guān)。左圖的數(shù)據(jù)是針對(duì)彈框中的較短內(nèi)容，中間和右邊的收集到的都是滑動(dòng)全屏列表的數(shù)據(jù)。在中間的圖中，列表項(xiàng)的內(nèi)容都是非常簡(jiǎn)要的信息，所以在屏幕中間的區(qū)域會(huì)有很大的空白，但是用戶仍然傾向于在屏幕中間操作。右邊圖中的長(zhǎng)列表項(xiàng)占據(jù)了大部分的屏幕寬度，用戶則在比較靠右的地方進(jìn)行滾動(dòng)。即使是左手持機(jī)的用戶也傾向于避開(kāi)內(nèi)容，從而不惜將拇指橫跨屏幕進(jìn)行操作。

我在大會(huì)上演示了這些研究數(shù)據(jù)后，有些同行與我分享了他們對(duì)阿拉伯或是希伯來(lái)語(yǔ)系應(yīng)用的觀察，十分相似的結(jié)論只是恰好反過(guò)來(lái)。在從右至左的語(yǔ)言用戶界面中，用戶操作左邊空白的區(qū)域進(jìn)行屏幕滾動(dòng)——現(xiàn)在他們終于弄明白這是為什么了。

看起來(lái)用戶似乎不太敢在有內(nèi)容的區(qū)域進(jìn)行滾動(dòng)的手勢(shì)操作——要么他們擔(dān)心碰到這些內(nèi)容會(huì)發(fā)生無(wú)操作，要么就是他們想在滾動(dòng)時(shí)看這些內(nèi)容。當(dāng)一個(gè)頁(yè)面滿滿都是內(nèi)容，而沒(méi)有地方落手操作的時(shí)候，用戶會(huì)選擇在頁(yè)面的右側(cè)進(jìn)行滾動(dòng)的手勢(shì)操作。當(dāng)然，沒(méi)錯(cuò)，這個(gè)行為在平板上有些變化因?yàn)槠桨逵猩源笮┑钠聊怀叽?。在平板上，?nèi)容相對(duì)于大尺寸的屏幕來(lái)說(shuō)會(huì)短一些，用戶有更多可操作的空白區(qū)域。

你也許會(huì)認(rèn)為平板有較大的屏幕，由于手持的關(guān)系用戶會(huì)更加傾向于在平板的屏幕邊緣進(jìn)行操作。但是，就算是用戶很難觸及，他們也總是傾向于去點(diǎn)擊屏幕中間的。即使用戶在可觸及的范圍內(nèi)有空白區(qū)域操作，不會(huì)擋住任何的內(nèi)容，他們也會(huì)移動(dòng)手指、拇指或是觸控筆到屏幕的右側(cè)——不管他們是否因此需要伸展手指或是調(diào)整手形。

小結(jié)

“用戶偏好點(diǎn)擊屏幕的中間，而且只要你給他們這樣的選擇，他們總是樂(lè)意去嘗試點(diǎn)擊?！?br/>
如果不理解用戶是怎么使用他們的移動(dòng)設(shè)備的話，我們是無(wú)法設(shè)計(jì)出好的觸屏用戶界面的。下面是我這次研究發(fā)現(xiàn)的一些總結(jié)。

持握切換

用戶經(jīng)常切換他們持握和點(diǎn)擊網(wǎng)站建設(shè)的方式——比我這次研究之前預(yù)期的還要多。便于持握的方式并不一定就是用戶在操作時(shí)使用的方式，輸入的時(shí)候會(huì)更加的不同。

我們可以假定用戶在使用中經(jīng)常變換姿勢(shì)。用戶無(wú)論用什么角度在使用，或是內(nèi)容在屏幕中的各種填充情況，設(shè)計(jì)都應(yīng)該很好的適應(yīng)。請(qǐng)盡可能在不同的設(shè)備，不同的情景下進(jìn)行測(cè)試，以覆蓋各種持握方式下的體驗(yàn)。

居中點(diǎn)擊

盡管點(diǎn)擊屏幕中間是用戶潛意識(shí)行為，或者是養(yǎng)成的習(xí)慣，用戶總是用戶偏好點(diǎn)擊屏幕的中間，而且只要你給他們這樣的選擇，他們總是樂(lè)意去嘗試點(diǎn)擊。

仔細(xì)想一想產(chǎn)品中主要的信息是哪些。把這些內(nèi)容或是操作放在居于屏幕高度中間到2/3的位置。其他的選項(xiàng)或是次要的操作可以放在頂部或是底部。

手勢(shì)操作
{關(guān)注科技（成都網(wǎng)站建設(shè)、成都網(wǎng)站制作），每天為你推送網(wǎng)站建設(shè)純干貨！}

同理，用戶總是希望點(diǎn)擊和閱讀屏幕中間的內(nèi)容。想一想你們希望用戶點(diǎn)擊的東西還有提供給用戶用來(lái)進(jìn)行滾動(dòng)操作的區(qū)域?？瞻讌^(qū)域也許就顯得十分重要，它能讓用戶很放心地去進(jìn)行滾動(dòng)的手勢(shì)操作。不要填滿整個(gè)屏幕，可以留一些空白區(qū)域讓用戶進(jìn)行上下滾動(dòng)和左右滑動(dòng)的操作。

創(chuàng)新互聯(lián)專注于潯陽(yáng)網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供潯陽(yáng)營(yíng)銷型網(wǎng)站建設(shè)，潯陽(yáng)網(wǎng)站制作、潯陽(yáng)網(wǎng)頁(yè)設(shè)計(jì)、潯陽(yáng)網(wǎng)站官網(wǎng)定制、成都小程序開(kāi)發(fā)服務(wù)，打造潯陽(yáng)網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供潯陽(yáng)網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

以上內(nèi)容由創(chuàng)新互聯(lián)（成都網(wǎng)站建設(shè),成都網(wǎng)站制作）為您提供，更多精彩內(nèi)容：https://www.cdcxhl.com/

當(dāng)前題目：網(wǎng)站建設(shè):用戶如何進(jìn)行網(wǎng)站建設(shè)
本文鏈接：http://weahome.cn/article/sheigh.html