只有三種產(chǎn)品會被生成出來：被大量用戶大量使用、被大量用戶少量使用和被少量用戶大量使用的產(chǎn)品。

網(wǎng)上大部分關于設計的討論都是圍繞著“大量用戶少量使用”的場景展開的：如何讓用戶理解、如何吸引用戶、如何減少學習成本、如何讓產(chǎn)品保持興趣……“少量用戶大量使用”的場景往往被忽視。對于很大一類工具類產(chǎn)品來說，用戶對吸引力和易學性并沒有太大對有求，反而只希望產(chǎn)品能夠快速幫助他們完成任務，越方便越好!

我將從四個方面放了“為熟練用戶而設計”：信息排布、操作時間、減少步驟和快捷操作。

信息排布

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

1. 頻率>人群>邏輯

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

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

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

后，對于那些不太受到關注，但是又不能從界面移除的東西，就需要按照邏輯來排布了。這樣能確保在用戶需要它們時，能夠經(jīng)過邏輯關系找到。

2. 個性化

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

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

3. 縱向>橫向

在排布信息時，尤其是在網(wǎng)頁上時，縱向排布通常比橫向排布優(yōu)先考慮。原因有三點：

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

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

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

操作時間

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

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

費茨在1964年的一個研究中提出一個公式，用來計算鼠標從一個點移動并點擊屏幕某個區(qū)域的難度。后來這個公式被Shannon改進成為現(xiàn)在比較通用的形式。

Shannon改進后的費茨法則公式

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

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

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

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

2. 利用邊界

這一點只針對鼠標。

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

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

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

3. 性能

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

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

減少步驟
近年來很流行將一個很長的表單分成幾步驟，讓用戶一步一步地填寫完成。對新用戶來說，這種方式大大減少了理解成本。但是如果用戶需要填寫好多份這種表單，那么這樣做只會讓人不勝其煩。
盡可能地將相似的東西放在一個步驟里，也許看起來有些累贅，但是對于熟練用戶來說，這樣才是高效的。

快捷操作

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

1. 遵循常見的快捷鍵&創(chuàng)建新的快捷鍵

使用Windows時，大部分情況下都可以經(jīng)過Ctrl S保存、Ctrl C復制、Ctrl V粘貼、Ctrl X剪切、Ctrl Z回退、Ctrl Y撤銷回退、Ctrl N新建、F5刷新……在設計產(chǎn)品時如果也有類似功能，好可以關聯(lián)到這種約定俗成的快捷鍵。尤其如果產(chǎn)品里有大量填寫區(qū)域，用Tab鍵切換焦點就能大大降低右手在鼠標和鍵盤之間切換的次數(shù)。

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

2. 充分利用右鍵

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

互聯(lián)網(wǎng)產(chǎn)品大多將菜單收在一個圖標里，這樣做對于新用戶來說，確實更好理解一些。但是熟練用戶，尤其是需要重復操作的熟練用戶一定更加喜歡右鍵。

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

UI設計師絕不是只會使用設計工具、沒有設計靈魂的美工。UI設計師培訓從點、線、面繪畫原理講起，涵蓋色彩原理、空間表現(xiàn)、創(chuàng)意思維等內(nèi)容，重點培養(yǎng)設計思維，幫助設計師突破作品缺乏創(chuàng)意的職業(yè)發(fā)展瓶頸，成為高端的UI交互設計師。

階段一：UI設計基礎

課程目標：

1、了解產(chǎn)品開發(fā)及UI設計流程、UI設計師崗位技能要求、修煉方法

2、熟練掌握UI設計中Photoshop常用的工具和技巧

3、熟練掌握UI設計中Illustrator常用的工具和技巧

4、具備色彩搭配、版式布局基本美感

階段二：移動端App 圖標和界面設計

課程目標

1、能理解移動端圖形界面設計原則

2、掌握iOS、Android設計規(guī)范

3、能設計目前比較主流的典型圖標

4、能臨摹設計：iOS、Android原生App界面設計

階段三：UI、UE設計項目實訓 響應式布局 面試作品包裝

課程目標

1、體驗企業(yè)真實項目完整的設計流程，包括：業(yè)務需求分析-》產(chǎn)品原型設計-》UI、UE設計實戰(zhàn)演練；

2、學習主流App應用的行業(yè)和業(yè)務知識，包括：電商類、醫(yī)療類、游戲類、在線教育類的典型業(yè)務知識和流程；

3、能獨立完成iOS、Android版產(chǎn)品、項目的App設計，學習體會UI、UE設計實戰(zhàn)技巧 ；

4、掌握目前前沿的響應式布局設計、HTML5、微信等新媒體設高級UI設計方法和技巧；

階段四：產(chǎn)品 UE 交互設計

課程目標

1、掌握產(chǎn)品競爭調(diào)研的方法和技巧；

2、能編寫規(guī)范的PRD產(chǎn)品需求文檔；

3、能根據(jù)業(yè)務需求，繪制常見的產(chǎn)品原型，包括：手繪原型、線框圖、Axure產(chǎn)品原型； 

4、能獨立完成項目實戰(zhàn)：Web端、移動端Axure交互高保真原型設計。

以上就是小編簡單的介紹，希望對你有所幫助，還有更多關于相關的訊息，歡迎咨詢，驚喜多多，收獲多多。

課程咨詢

咨詢老師：張老師

咨詢電話：021-64320836

咨詢微信：2504994244

相關推薦