• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 平面理論教程 ] 3個方法可以提升熟練用戶的使用體驗—- 設計教程




    教學主題: 3個方法可以提升熟練用戶的使用體驗

    大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

    今天的這個教學主題是: 3個方法可以提升熟練用戶的使用體驗

    這教學的重點為這幾點 [ 使用,體驗,用戶,熟練,可以,提升,方法,如果,那麼,時間, ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    網上大部分關於設計的討論,都是圍繞少量使用的場景展開的:如何吸引用戶、如何改善空白頁設計等等,而大量使用的場景往往被忽視(如微信和Photoshop),對這類高頻使用的軟件,如何幫用戶快速完成任務才是關鍵。今天這篇好文,總結了3個實用方法,10分鐘學起來

    網上大部分關於設計的討論,都是圍繞少量使用的場景展開的:如何吸引用戶、如何改善空白頁設計等等,而大量使用的場景往往被忽視(如微信和Photoshop),對這類高頻使用的軟件,如何幫用戶快速完成任務才是關鍵。今天這篇好文,總結了3個實用方法,10分鐘學起來。

    一,信息排布

    導航和首頁,對新用戶來說是最大的依仗,而對熟練用戶來說,則很有可能是最大的累贅。導航和首頁,前者將所有的入口都列出了,後者將最有趣的東西展示出來,但這些對熟練用戶來說都沒有什麼意義,他們每次都還是要從導航邊角的一個小小的一級菜單展開二、三級菜單,從導航找到相應的頁面后,也許還要經歷幾輪跳轉才能來到真正對他們有用的地方。

    1. 頻率>人群>邏輯

    用單一的思維方式,信息排布方式很多,例如按照熱門程度、層級、按照任務類型……但是為了讓信息排布達到最佳效果,任何單一的思維方式都很難奏效,並且最佳解決方案會因為外部條件、背景、人群等因素而無法確定,但是我認為以下思考方式是適用大部分情況的。

    首先,應該把高使用頻率的內容放在最前面。用戶的時間是很寶貴的,如果能夠立即達到自己的目的,就決不會去糾結信息排布是否完全符合邏輯。

    接着,就要看使用人群了。最理想的情況是,同一類用戶的活動範圍在一個特定的區塊里,而不是分散在整個頁面。這樣用戶就不用遍尋整個頁面來進行切換了。

    最後,對於那些不太受到關注,但是又不能從界面移除的東西,就需要按照邏輯來排布了。這樣最能確保在用戶需要它們時,能夠通過邏輯關係找到。

    2. 個性化

    如果允許個性化的話,信息排布就可以不用那麼糾結了。例如,在登錄時就能判斷用戶類型,從而給出適合此類用戶的首頁和導航;或者,允許用戶通過拖拽等方式來自定義首頁和導航。

    值得注意的是,個性化並不是絕對就是好的。某英國超市把自家購物網站的首頁改成只顯示用戶以前購買過的東西,這種個性化卻讓該網站的銷售量在當月下降了幾個百分點(如果平時的月銷售量都是上升的,那麼哪怕停滯一個月也不是小問題)。他們發現后把首頁改回來,然後一切又恢復正常了。可見個性化雖然是個好的想法,但是要想把握好分寸,卻並不是那麼融合。

    3. 縱向>橫向

    在排布信息時,尤其是在網頁上時,縱向排布通常比橫向排布優先考慮。原因有三點:

    首先信息的寬度(字數)很難確定但是高度(行數)卻很好確定。

    其次大部分顯示器為寬屏,如果不考慮滾頁,那麼橫向排布的距離比縱向排布的距離更長,更耗時間。如果考慮滾頁,那麼縱向移動的距離就大大縮短了,因為滾輪可以取代大部分的鼠標移動。

    最後,以手掌的結構來說,橫向平行移動相比縱向精確度是更低的,因為左右擺動的軌跡是弧形而非直線,並且長距離的橫向移動是需要抬起整個手掌才可能實現的。

    二,操作時間

    對於新用戶來說,也許在理解和學習上花費的時間遠多於操作中花費的時間,但是對於熟練用戶來說,情況完全顛覆了。例如,我用Photoshop時,覺得最漫長的就是整理圖層了,為了能夠能夠長期維護,只好不停地重複同樣的工作。

    1. 費茨法則(Fitts’s Law)

    費茨在1964年的一個研究中提出一個公式,用來計算鼠標從一個點移動並點擊屏幕某個區域的難度。後來這個公式被Shannon改進成為現在比較通用的形式。

    3個方法可以提升熟練用戶的使用體驗

    △ Shannon改進后的費茨法則公式

    T是任務完成的平均時間,D是鼠標指針與目標邊界的距離,W是目標寬度。a與b代表的是環境變量(攔截時間和設備速度),通常不需要考慮。因為這個公式是一維的,所以每次使用時你需要在鼠標指針和目標之間畫一條假象線,不論這條線的斜度如何,D和W都在那條假象線上。

    3個方法可以提升熟練用戶的使用體驗

    △ 費茨法則使用場景(不一定都是橫向移動)

    從這個公式我們可以看到,目標距離越短、寬度約大,操作時間越短。熟練用戶的使用時間裡,操作時間占絕大部分,而思考時間占極小部分。縮短目標距離、增加目標寬度,也許看起來不算什麼,但對需要重複使用產品的熟練用戶來說非常重要。試想一下,如果一個任務需要你從屏幕靠左的按鈕移動到靠右的按鈕,並且兩個按鈕啊還非常小,而你每天要完成上百次這個任務,那時你一定會開始抱怨為什麼這兩個按鈕那麼小還相距那麼遠。

    當然,這個公式只是針對鼠標的,觸屏設備會有所區別,但是減少距離、增加尺寸是不變的原則。

    2. 利用邊界

    這一點只針對鼠標。

    同樣是可以用費茨法則得出的結論:當目標屬於屏幕邊界時,W(目標寬度)是無限大的,那麼此時T(任務完成平均時間)可以非常短。如果目標在屏幕邊界,那麼用戶在移動鼠標的時候,完全不需要考慮什麼時候停下,只需往那個方向滑動就好了。

    這一規則的典型代表是Windows,因為它們的窗口控件從來都是在右上角,而開始按鈕從來都是在左下角。如果一個用戶要關閉最大化的窗口,那麼他閉着眼睛都可以把鼠標指針“甩到”右上角。

    這回蘋果的iOS當了一次反例。它們把窗口控件做的很小,而且與屏幕邊界有一定距離,所以每次用戶關閉窗口的時候都要小心翼翼地啊鼠標指針移動到一個小圓圈上,這樣做的操作時間比Windows長了不少。

    3個方法可以提升熟練用戶的使用體驗

    △ iOS 的窗口控制按鈕

    3. 性能

    做了那麼多熟練用戶的訪談,性能似乎是永恆的主題。對很多用戶來說,操作再不方便,習慣了也沒有什麼可抱怨的,但是如果每次加載好幾秒鐘,那麼這個等待時間才是最煩人的。並且對於他們來說,加載動畫根本解決不了任何問題。

    性能是設計師無法解決的,但是卻需要設計師來監督,因為它是可以毀滅一切設計的東西。

    三,快捷鍵

    做多了網絡和移動產品,常常會忘記快捷鍵這個東西。但是如果你的產品是為熟練用戶而設計的桌面產品(MAC & PC),那麼千萬別忘記快捷鍵。

    1. 永遠能用Tab鍵切換焦點

    試想一下,如果你的產品有大量文本框,如果不能使用Tab鍵切換,用戶就必須不斷地將右手從鍵盤脫離去尋找鼠標,又從鼠標脫離去尋找鍵盤……如此往複上百遍,真的很令人崩潰。

    今年來很流行將一個很長的表單分成幾步驟,讓用戶一步一步地填寫完成。如果用戶只需要做一次,那麼這樣很好。但是如果你的用戶需要填寫好多份這種表單,那麼這樣做只會讓人不斷地在鼠標和鍵盤之間來回切換,大量時間被浪費了。所以這種情況下,還是把填寫區域集合在一起,允許用Tab鍵切換吧。

    2. 充分利用右鍵

    最快速的兩個入口不在屏幕上,而在鼠標上:左鍵和右鍵。

    互聯網產品大多將菜單收在一個圖標里,這樣做對於新用戶來說,確實更好理解一些。但是熟練用戶,尤其是需要重複操作的熟練用戶一定更加喜歡右鍵。

    例如很喜歡Chrome右鍵菜單里的“在新標籤頁中打開鏈接”的功能。如果這個功能不放在右鍵菜單里而是拿出來,真的很難想象用起來該有多不方便。

    3. 遵循常見的快捷鍵&創建新的快捷鍵

    使用Windows時,大部分情況下都可以通過Ctrl+S保存、Ctrl+C複製、Ctrl+V粘貼、Ctrl+X剪切、Ctrl+Z回退、Ctrl+Y撤銷回退、Ctrl+N新建、F5刷新……在設計產品時如果也有類似功能,最好可以關聯到這種約定俗成的快捷鍵。

    最好不要破壞約定好的習慣,不然會給用戶造成學習負擔和切換成本。

    如果產品里有很常用的功能,但又沒有約定速成的快捷鍵,那麼就可以自創快捷鍵了。與之搭配地,需要提供快捷鍵提示和自定義的渠道。

    希望以上的討論能夠為設計熟練用戶友好產品的人提供幫助,期待與大家共同探討。

    看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

    希望我們所介紹的 3個方法可以提升熟練用戶的使用體驗 這教學會喜歡

    文章標題: 骨子愛創意- 3個方法可以提升熟練用戶的使用體驗–轉載請註明來源處

    本教學分類為平面理論教程中的 設計教程相關教學

    文章相關關鍵字為: 使用,體驗,用戶,熟練,可以,提升,方法,如果,那麼,時間,

    本文永久連結 :3個方法可以提升熟練用戶的使用體驗

    本文轉載自 :VIA