<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »網站建設:用戶如何進行網站建設

        網站建設:用戶如何進行網站建設

        至成科技 2015-02-12 訪問量(1089) 評論(0)
        摘要:
        增哥導讀:了解用戶是怎么操作網站建設的對于網站建設公司和手機網站的設計者來說至關重要,如果你不仔細的研究,不依靠真實的數據。那么你之前的研究很可能淪為想象的玩物,快來看看真實的情況是什么樣的吧。“至成科技(西安網站建設)”推薦此文。

          自上次用戶持握網站建設的研究之后,終于又完成了另一篇系列文章的翻譯了。同樣來自Steven Hoober,這篇更加關注于細節——用戶具體使用時的手勢,例如點擊和滾動,研究結果對設計有著重要的指導意義。

          雖然在過去的幾年間,我們在用戶如何使用觸屏設備的研究中有了許多的發現,然而我十分確信我們仍然有許多未知需要探索。觸屏設備這個領域還相當的新。許多新的交互模式仍在研究中,而我們也才剛剛了解到用戶是如何理解并且使用他們的觸屏設備的。

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

          我的研究方法

          我與在ZIPPGUN工作的朋友一同合作,設計開發了一款移動應用,以幫助我看到用戶使用網站建設或是平板的不同方式。通過此應用,我一共觀察了31個用戶,其中三分之二使用的是網站建設,剩下的是平板。

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

          網站建設上的測試我幾乎都是通過在嘉年華隨機攔訪的方式進行的(譯者注:此句中carnival intercepts不求甚解,不知是否譯得正確,求高手指教),就像購物中心進行的現場采訪。通過用戶戴著的錄像眼鏡,我們錄下他們使用網站建設的過程,這個眼鏡經過我的特制以它足夠舒服,不會影響用戶自然的使用。圖1展示了正在處理中的錄制視頻。而平板電腦的測試我則使用了UserTesting.com通過遠程的方式在家里進行的。

        移動設備手勢分析——用戶是怎樣操作網站建設的?
        圖1- 使用屏幕測量工具進行視頻中數據的分析

          雖然這次研究的受訪用戶遠比上次的人數少得多,但是這次的研究非常不同。通過視頻編輯進行信息的搜集更為困難,錄制并分析這31個用戶的數據花掉了將近100個小時。這次我要展示的數據與上次研究十分相關,而且在一定程度上擴展、解釋或者說證實了上次的研究發現。

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

          持握方式切換

          “幾乎沒有人在實際操作中是一直使用單手的”

          這次測試的首要重點就是持握方式的切換,我希望能夠將用戶持握及觸碰的方式與具體的使用場景匹配起來。通過研究我發現較有趣的是我在測試過程中實際上很少關注這個行為。比如,人們持握網站建設的方式似乎十分符合我上次的研究結果,大部分的人都是在單手使用。但是當我真正開始分析這些數據時,我有了新的發現。正如你在圖2中看到的,幾乎沒有人在實際操作中是一直使用單手的。

        移動設備手勢分析——用戶是怎樣操作網站建設的?,互聯網的一些事
        圖2- 觀察得出的各種觸摸方式的比例

          如果你承認用戶在使用的過程雙手會很自然地不停變換,我也是這樣想的,用戶使用各種持握網站建設的方式的比例就顯得相當合情合理。人們似乎經常使用單手來持握網站建設,然后直接用大拇指進行頁面上輕微的滾動,但是當要進行長滾動或是選擇時,他們就會切換到換握的方式或是使用另一只手來進行操作。

          在許多的操作行為上,用戶都是使用一只手來握住網站建設,用另一只手來點擊。大約在41%時間里,用戶使用雙手——大部分情況下是兩個大拇指操作虛擬鍵盤進行輸入。少部分用戶也用兩個大拇指來完成日常的普通操作,來回切換兩個大拇指進行點擊或是滾動。

          平板的數據在此項中被我排除在外了,因為典型的平板用戶幾乎都是在平面上或是支撐起的模式下使用的,他們多數用手指、觸控筆進行操作,或者偶爾還用用大拇指。

          點擊定位

          “用戶在操作觸屏界面的中間區域時,點擊更為—有效。”

          從上一個研究結果我們得知,人們在操作移動設備屏幕的中間部分時,能夠更—有效地點擊到——這幾乎適用于任何大小的屏幕或是任意一種持握方式。他們潛意識里同樣深知這一點——這也許和人們更習慣于閱讀屏幕中間的內容相關——所以他們在操作屏幕中間的區域時更為自然而對邊緣目標的點擊上就明顯放慢了速度。

          用戶點擊區域的屏幕位置顯然是點擊—有效度上較為重要的一個變量。無關環境、無關是否熟悉觸屏或是其他任何因素。

          然而,我們還沒有太多的平板使用上的數據支持。在這次的研究中,我收集了部分的數據,并且確認這些—有效度的結果能符合7寸、8寸還有10寸的平板。

          圖3展示了在平板上用戶實際點擊的位置和一個代表了用戶想要點擊的菜單按鈕的圓形區域。圖中,每一個點代表了快速點擊,95%的點擊都落在了圓形區域中。

        移動設備手勢分析——用戶是怎樣操作網站建設的?,互聯網的一些事
        圖3 平板上的點擊—有效度示意圖

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

          而且這個數據并不會受到設備的類型影響,在所有的移動設備上的結果都驚人的相似。圖4的熱點圖其實包括了用戶在網站建設還有平板上的選擇,只是為了可視化的統一才這樣展示。不論設備的類型、大小或是橫豎屏,所有的點擊都落在屏幕的同一片區域。
        {關注至成科技(西安網站建設、西安網站制作),每天為你推送網站建設純干貨!}
        移動設備手勢分析——用戶是怎樣操作網站建設的?,互聯網的一些事
        圖4-用戶偏好觸摸屏幕高度2/3的位置

          你可能以前會認為,設計一個類似于twitter這樣的用戶界面,關鍵的操作或是輸入框應該放在頂部或是底部,然而,主要的內容和互動區域都應該是在屏幕的中間,實際上也是這樣。所有以內容為中心的工具應用都有效符合用戶主要瀏覽和點擊屏幕中間的行為。其他所有的功能都是次要選擇。

          這些研究成果都符合我之前關于用戶切換手持方式的假設。如同你所見到的,就算用戶需要移動變換姿勢或是伸展手指去點擊屏幕中間,他們都經常會這樣做。并不是因為我們逼迫的,而是用戶自己選擇的。

          如果更加仔細地觀察數據,我們會發現用戶的偏好是稍稍偏左的。這很微妙,但是確實存在,而且我相信這和西方語言從左到右的閱讀順序有很大關系,因為這意味著大部分的文字是居于左側的。部分研究指出用戶會去點擊文字和圖標。請銘記用戶點擊文字的這個習慣。

          手勢

          “當頁面滿滿都是內容時,用戶選擇在右側去滑動頁面。”

          在某些觸屏的使用情境下,我發現了一些用戶如何與屏幕交互的有用信息。其中一個就是用戶如何使用手勢。滑動或許是點擊之后較為重要的操作了。在圖5中,你能看到一個經過微量標準化調整的熱點圖,展示了用戶在屏幕上滑動的位置。而且圖5中的三張圖分別代表了三個獨特的區域。

        移動設備手勢分析——用戶是怎樣操作網站建設的?,互聯網的一些事
        圖5- 用戶滾動屏幕的手勢熱區

          為什么說是三個獨特的區域呢?這和屏幕上展現的內容類型有關。左圖的數據是針對彈框中的較短內容,中間和右邊的收集到的都是滑動全屏列表的數據。在中間的圖中,列表項的內容都是非常簡要的信息,所以在屏幕中間的區域會有很大的空白,但是用戶仍然傾向于在屏幕中間操作。右邊圖中的長列表項占據了大部分的屏幕寬度,用戶則在比較靠右的地方進行滾動。即使是左手持機的用戶也傾向于避開內容,從而不惜將拇指橫跨屏幕進行操作。

          我在大會上演示了這些研究數據后,有些同行與我分享了他們對阿拉伯或是希伯來語系應用的觀察,十分相似的結論只是恰好反過來。在從右至左的語言用戶界面中,用戶操作左邊空白的區域進行屏幕滾動——現在他們終于弄明白這是為什么了。

          看起來用戶似乎不太敢在有內容的區域進行滾動的手勢操作——要么他們擔心碰到這些內容會發生無操作,要么就是他們想在滾動時看這些內容。當一個頁面滿滿都是內容,而沒有地方落手操作的時候,用戶會選擇在頁面的右側進行滾動的手勢操作。當然,沒錯,這個行為在平板上有些變化因為平板有稍大些的屏幕尺寸。在平板上,內容相對于大尺寸的屏幕來說會短一些,用戶有更多可操作的空白區域。

          你也許會認為平板有較大的屏幕,由于手持的關系用戶會更加傾向于在平板的屏幕邊緣進行操作。但是,就算是用戶很難觸及,他們也總是傾向于去點擊屏幕中間的。即使用戶在可觸及的范圍內有空白區域操作,不會擋住任何的內容,他們也會移動手指、拇指或是觸控筆到屏幕的右側——不管他們是否因此需要伸展手指或是調整手形。

          小結

          “用戶偏好點擊屏幕的中間,而且只要你給他們這樣的選擇,他們總是樂意去嘗試點擊。”

          如果不理解用戶是怎么使用他們的移動設備的話,我們是無法設計出好的觸屏用戶界面的。下面是我這次研究發現的一些總結。

          持握切換

          用戶經常切換他們持握和點擊網站建設的方式——比我這次研究之前預期的還要多。便于持握的方式并不一定就是用戶在操作時使用的方式,輸入的時候會更加的不同。

          我們可以假定用戶在使用中經常變換姿勢。用戶無論用什么角度在使用,或是內容在屏幕中的各種填充情況,設計都應該很好的適應。請盡可能在不同的設備,不同的情景下進行測試,以覆蓋各種持握方式下的體驗。

          居中點擊

          盡管點擊屏幕中間是用戶潛意識行為,或者是養成的習慣,用戶總是用戶偏好點擊屏幕的中間,而且只要你給他們這樣的選擇,他們總是樂意去嘗試點擊。

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

          手勢操作
        {關注至成科技(西安網站建設、西安網站制作),每天為你推送網站建設純干貨!}

          同理,用戶總是希望點擊和閱讀屏幕中間的內容。想一想你們希望用戶點擊的東西還有提供給用戶用來進行滾動操作的區域。空白區域也許就顯得十分重要,它能讓用戶很放心地去進行滾動的手勢操作。不要填滿整個屏幕,可以留一些空白區域讓用戶進行上下滾動和左右滑動的操作。

            以上內容由至成科技(西安網站建設,西安網站制作)為您提供,更多精彩內容:http://www.vxdmg.com/

        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划 北京快车pk10手机开奖直播 总进球数推荐 七星彩生日号码守号 体育频道 永辉线上娱乐 黑龙江36选7结果查询 秒速飞艇官方网 p3开机号近十期号码 浙江6十1开奖号码查询结果 2019年3d310期试机号码 河南十一选五开奖走势图百度乐彩 贵州11选5任选7技巧 足彩合买金额 内蒙古快三走势图所有 创富平特论坛六合统计器