為熟練用戶而設(shè)計

只有三種產(chǎn)品會被生成出來——被大量用戶大量使用、被大量用戶少量使用和被少量用戶大量使用。
網(wǎng)上大部分關(guān)于設(shè)計的討論都是圍繞著少量使用的場景展開的：如何讓用戶理解、如何吸引用戶、如何減少學(xué)習(xí)成本、如何讓產(chǎn)品保持興趣……大量使用的場景往往被忽視。很大一類產(chǎn)品（如通訊產(chǎn)品、辦公軟件等），它們的用戶需要大量使用。這種場景下吸引力、理解力等已經(jīng)不再重要只希望能夠快速幫助他們完成任務(wù)，越快越好！
這就是為何我這次想要集中討論一下“為熟練用戶而設(shè)計”。
一. 信息排布
導(dǎo)航和首頁，對新用戶來說是大的依仗，而對熟練用戶來說，則很有可能是大的累贅。導(dǎo)航和首頁，前者將所有的入口都列出了，后者將最有趣的東西展示出來，但這些對熟練用戶來說都沒有什么意義，他們每次都還是要從導(dǎo)航邊角的一個小小的一級菜單展開二、三級菜單，從導(dǎo)航找到相應(yīng)的頁面后，也許還要經(jīng)歷幾輪跳轉(zhuǎn)才能來到真正對他們有用的地方。
1. 頻率>人群>邏輯
用單一的思維方式，信息排布方式很多，例如按照熱門程度、層級、按照任務(wù)類型……但是為了讓信息排布達(dá)到效果，任何單一的思維方式都很難奏效，并且解決方案會因?yàn)橥獠織l件、背景、人群等因素而無法確定，但是我認(rèn)為以下思考方式是適用大部分情況的。
首先，應(yīng)該把高使用頻率的內(nèi)容放在最前面。用戶的時間是很寶貴的，如果能夠立即達(dá)到自己的目的，就決不會去糾結(jié)信息排布是否完全符合邏輯。
接著，就要看使用人群了。最理想的情況是，同一類用戶的活動范圍在一個特定的區(qū)塊里，而不是分散在整個頁面。這樣用戶就不用遍尋整個頁面來進(jìn)行切換了。
最后，對于那些不太受到關(guān)注，但是又不能從界面移除的東西，就需要按照邏輯來排布了。這樣最能確保在用戶需要它們時，能夠通過邏輯關(guān)系找到。
2. 個性化
如果允許個性化的話，信息排布就可以不用那么糾結(jié)了。例如，在登錄時就能判斷用戶類型，從而給出適合此類用戶的首頁和導(dǎo)航；或者，允許用戶通過拖拽等方式來自定義首頁和導(dǎo)航。
值得注意的是，個性化并不是絕對就是好的。某英國超市把自家購物網(wǎng)站的首頁改成只顯示用戶以前購買過的東西，這種個性化卻讓該網(wǎng)站的銷售量在當(dāng)月下降了幾個百分點(diǎn)（如果平時的月銷售量都是上升的，那么哪怕停滯一個月也不是小問題）。他們發(fā)現(xiàn)后把首頁改回來，然后一切又恢復(fù)正常了?？梢妭€性化雖然是個好的想法，但是要想把握好分寸，卻并不是那么融合。
3. 縱向>橫向
在排布信息時，尤其是在網(wǎng)頁上時，縱向排布通常比橫向排布優(yōu)先考慮。原因有三點(diǎn)：
首先信息的寬度（字?jǐn)?shù)）很難確定但是高度（行數(shù)）卻很好確定。
其次大部分顯示器為寬屏，如果不考慮滾頁，那么橫向排布的距離比縱向排布的距離更長，更耗時間。如果考慮滾頁，那么縱向移動的距離就大大縮短了，因?yàn)闈L輪可以取代大部分的鼠標(biāo)移動。
最后，以手掌的結(jié)構(gòu)來說，橫向平行移動相比縱向精確度是更低的，因?yàn)樽笥覕[動的軌跡是弧形而非直線，并且長距離的橫向移動是需要抬起整個手掌才可能實(shí)現(xiàn)的。
二. 操作時間
對于新用戶來說，也許在理解和學(xué)習(xí)上花費(fèi)的時間遠(yuǎn)多于操作中花費(fèi)的時間，但是對于熟練用戶來說，情況完全顛覆了。例如，我用Photoshop時，覺得最漫長的就是整理圖層了，為了能夠能夠長期維護(hù)，只好不停地重復(fù)同樣的工作。
1. 費(fèi)茨法則（Fitts’s Law）
費(fèi)茨在1964年的一個研究中提出一個公式，用來計算鼠標(biāo)從一個點(diǎn)移動并點(diǎn)擊屏幕某個區(qū)域的難度。后來這個公式被Shannon改進(jìn)成為現(xiàn)在比較通用的形式。
Shannon改進(jìn)后的費(fèi)茨法則公式
T是任務(wù)完成的平均時間，D是鼠標(biāo)指針與目標(biāo)邊界的距離，W是目標(biāo)寬度。a與b代表的是環(huán)境變量（攔截時間和設(shè)備速度），通常不需要考慮。因?yàn)檫@個公式是一維的，所以每次使用時你需要在鼠標(biāo)指針和目標(biāo)之間畫一條假象線，不論這條線的斜度如何，D和W都在那條假象線上。
費(fèi)茨法則使用場景（不一定都是橫向移動）
從這個公式我們可以看到，目標(biāo)距離越短、寬度約大，操作時間越短。熟練用戶的使用時間里，操作時間占絕大部分，而思考時間占極小部分?？s短目標(biāo)距離、增加目標(biāo)寬度，也許看起來不算什么，但對需要重復(fù)使用產(chǎn)品的熟練用戶來說非常重要。試想一下，如果一個任務(wù)需要你從屏幕靠左的按鈕移動到靠右的按鈕，并且兩個按鈕啊還非常小，而你每天要完成上百次這個任務(wù)，那時你一定會開始抱怨為什么這兩個按鈕那么小還相距那么遠(yuǎn)。
當(dāng)然，這個公式只是針對鼠標(biāo)的，觸屏設(shè)備會有所區(qū)別，但是減少距離、增加尺寸是不變的原則。
2. 利用邊界
這一點(diǎn)只針對鼠標(biāo)。
同樣是可以用費(fèi)茨法則得出的結(jié)論：當(dāng)目標(biāo)屬于屏幕邊界時，W（目標(biāo)寬度）是無限大的，那么此時T（任務(wù)完成平均時間）可以非常短。如果目標(biāo)在屏幕邊界，那么用戶在移動鼠標(biāo)的時候，完全不需要考慮什么時候停下，只需往那個方向滑動就好了。
這一規(guī)則的典型代表是Windows，因?yàn)樗鼈兊拇翱诳丶膩矶际窃谟疑辖?，而開始按鈕從來都是在左下角。如果一個用戶要關(guān)閉大化的窗口，那么他閉著眼睛都可以把鼠標(biāo)指針“甩到”右上角。
這回蘋果的IOS當(dāng)了一次反例。它們把窗口控件做的很小，而且與屏幕邊界有一定距離，所以每次用戶關(guān)閉窗口的時候都要小心翼翼地啊鼠標(biāo)指針移動到一個小圓圈上，這樣做的操作時間比Windows長了不少。
WindowsISO的窗口控制按鈕
3. 性能
做了那么多熟練用戶的訪談，性能似乎是永恒的主題。對很多用戶來說，操作再不方便，習(xí)慣了也沒有什么可抱怨的，但是如果每次加載好幾秒鐘，那么這個等待時間才是最煩人的。并且對于他們來說，加載動畫根本解決不了任何問題。
性能是設(shè)計師無法解決的，但是卻需要設(shè)計師來監(jiān)督，因?yàn)樗强梢詺缫磺性O(shè)計的東西。
三. 快捷鍵
做多了網(wǎng)絡(luò)和移動產(chǎn)品，常常會忘記快捷鍵這個東西。但是如果你的產(chǎn)品是為熟練用戶而設(shè)計的桌面產(chǎn)品（MAC & PC），那么千萬別忘記快捷鍵。
1. 永遠(yuǎn)能用Tab鍵切換焦點(diǎn)
試想一下，如果你的產(chǎn)品有大量文本框，如果不能使用Tab鍵切換，用戶就必須不斷地將右手從鍵盤脫離去尋找鼠標(biāo)，又從鼠標(biāo)脫離去尋找鍵盤……如此往復(fù)上百遍，真的很令人崩潰。
今年來很流行將一個很長的表單分成幾步驟，讓用戶一步一步地填寫完成。如果用戶只需要做一次，那么這樣很好。但是如果你的用戶需要填寫好多份這種表單，那么這樣做只會讓人不斷地在鼠標(biāo)和鍵盤之間來回切換，大量時間被浪費(fèi)了。所以這種情況下，還是把填寫區(qū)域集合在一起，允許用Tab鍵切換吧。
2. 充分利用右鍵
最快速的兩個入口不在屏幕上，而在鼠標(biāo)上：左鍵和右鍵。
互聯(lián)網(wǎng)產(chǎn)品大多將菜單收在一個圖標(biāo)里，這樣做對于新用戶來說，確實(shí)更好理解一些。但是熟練用戶，尤其是需要重復(fù)操作的熟練用戶一定更加喜歡右鍵。
例如很喜歡Chrome右鍵菜單里的“在新標(biāo)簽頁中打開鏈接”的功能。如果這個功能不放在右鍵菜單里而是拿出來，真的很難想象用起來該有多不方便。
3. 遵循常見的快捷鍵&創(chuàng)建新的快捷鍵
使用Windows時，大部分情況下都可以通過Ctrl+S保存、Ctrl+C復(fù)制、Ctrl+V粘貼、Ctrl+X剪切、Ctrl+Z回退、Ctrl+Y撤銷回退、Ctrl+N新建、F5刷新……在設(shè)計產(chǎn)品時如果也有類似功能，最好可以關(guān)聯(lián)到這種約定俗成的快捷鍵。
最好不要破壞約定好的習(xí)慣，不然會給用戶造成學(xué)習(xí)負(fù)擔(dān)和切換成本。

如果產(chǎn)品里有很常用的功能，但又沒有約定速成的快捷鍵，那么就可以自創(chuàng)快捷鍵了。與之搭配地，需要提供快捷鍵提示和自定義的渠道。

本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)
標(biāo)簽：創(chuàng)新互聯(lián),重慶網(wǎng)站建設(shè),成都網(wǎng)頁設(shè)計,成都網(wǎng)站設(shè)計

當(dāng)前文章：為熟練用戶而設(shè)計
URL網(wǎng)址：http://www.muchs.cn/news5/160805.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、網(wǎng)頁設(shè)計公司、標(biāo)簽優(yōu)化、營銷型網(wǎng)站建設(shè)、定制網(wǎng)站、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)