只有三種產(chǎn)品會被生成出來:被大量用戶大量使用、被大量用戶少量使用和被少量用戶大量使用的產(chǎn)品。
網(wǎng)上大部分關(guān)于設(shè)計(jì)的討論都是圍繞著“大量用戶少量使用”的場景展開的:如何讓用戶理解、如何吸引用戶、如何減少學(xué)習(xí)成本、如何讓產(chǎn)品保持興趣……“少量用戶大量使用”的場景往往被忽視。對于很大一類工具類產(chǎn)品來說,用戶對吸引力和易學(xué)性并沒有太大對有求,反而只希望產(chǎn)品能夠快速幫助他們完成任務(wù),越方便越好!
我將從四個(gè)方面放了“為熟練用戶而設(shè)計(jì)”:信息排布、操作時(shí)間、減少步驟和快捷操作。
信息排布
導(dǎo)航和首頁,對新用戶來說是大的依仗,而對熟練用戶來說,則很有可能是大的累贅。導(dǎo)航和首頁,前者將所有的入口都列出了,后者將有趣的東西展示出來,但這些對熟練用戶來說都沒有什么意義,他們每次都還是要從導(dǎo)航邊角的一個(gè)小小的一級菜單展開二、三級菜單,從導(dǎo)航找到相應(yīng)的頁面后,也許還要經(jīng)歷幾輪跳轉(zhuǎn)才能來到真正對他們有用的地方。
1. 頻率>人群>邏輯
用單一的思維方式,信息排布方式很多,例如按照熱門程度、層級、按照任務(wù)類型……但是為了讓信息排布達(dá)到佳效果,任何單一的思維方式都很難奏效,并且佳解決方案會因?yàn)橥獠織l件、背景、人群等因素而無法確定,但是我認(rèn)為以下思考方式是適用大部分情況的。
首先,應(yīng)該把高使用頻率的內(nèi)容放在前面。用戶的時(shí)間是很寶貴的,如果能夠立即達(dá)到自己的目的,就決不會去糾結(jié)信息排布是否完全符合邏輯。
接著,就要看使用人群了。理想的情況是,同一類用戶的活動范圍在一個(gè)特定的區(qū)塊里,而不是分散在整個(gè)頁面。這樣用戶就不用遍尋整個(gè)頁面來進(jìn)行切換了。
后,對于那些不太受到關(guān)注,但是又不能從界面移除的東西,就需要按照邏輯來排布了。這樣能確保在用戶需要它們時(shí),能夠經(jīng)過邏輯關(guān)系找到。
2. 個(gè)性化
如果允許個(gè)性化的話,信息排布就可以不用那么糾結(jié)了。例如,在登錄時(shí)就能判斷用戶類型,從而給出適合此類用戶的首頁和導(dǎo)航;或者,允許用戶經(jīng)過拖拽等方式來自定義首頁和導(dǎo)航。
值得注意的是,個(gè)性化并不是絕對就是好的。某英國超市把自家購物網(wǎng)站的首頁改成只顯示用戶以前購買過的東西,這種個(gè)性化卻讓該網(wǎng)站的銷售量在當(dāng)月下降了幾個(gè)百分點(diǎn)(如果平時(shí)的月銷售量都是上升的,那么哪怕停滯一個(gè)月也不是小問題)。他們發(fā)現(xiàn)后把首頁改回來,然后一切又恢復(fù)正常了??梢妭€(gè)性化雖然是個(gè)好的想法,但是要想把握好分寸,卻并不是那么融合。
3. 縱向>橫向
在排布信息時(shí),尤其是在網(wǎng)頁上時(shí),縱向排布通常比橫向排布優(yōu)先考慮。原因有三點(diǎn):
首先信息的寬度(字?jǐn)?shù))很難確定但是高度(行數(shù))卻很好確定。
其次大部分顯示器為寬屏,如果不考慮滾頁,那么橫向排布的距離比縱向排布的距離更長,更耗時(shí)間。如果考慮滾頁,那么縱向移動的距離就大大縮短了,因?yàn)闈L輪可以取代大部分的鼠標(biāo)移動。
后,以手掌的結(jié)構(gòu)來說,橫向平行移動相比縱向精確度是更低的,因?yàn)樽笥覕[動的軌跡是弧形而非直線,并且長距離的橫向移動是需要抬起整個(gè)手掌才可能實(shí)現(xiàn)的。
操作時(shí)間
對于新用戶來說,也許在理解和學(xué)習(xí)上花費(fèi)的時(shí)間遠(yuǎn)多于操作中花費(fèi)的時(shí)間,但是對于熟練用戶來說,情況完全顛覆了。例如,我用Photoshop時(shí),覺得漫長的就是整理圖層了,為了能夠能夠長期維護(hù),只好不停地重復(fù)同樣的工作。
1. 費(fèi)茨法則(Fitts's Law)
費(fèi)茨在1964年的一個(gè)研究中提出一個(gè)公式,用來計(jì)算鼠標(biāo)從一個(gè)點(diǎn)移動并點(diǎn)擊屏幕某個(gè)區(qū)域的難度。后來這個(gè)公式被Shannon改進(jìn)成為現(xiàn)在比較通用的形式。
Shannon改進(jìn)后的費(fèi)茨法則公式
T是任務(wù)完成的平均時(shí)間,D是鼠標(biāo)指針與目標(biāo)邊界的距離,W是目標(biāo)寬度。a與b代表的是環(huán)境變量(攔截時(shí)間和設(shè)備速度),通常不需要考慮。因?yàn)檫@個(gè)公式是一維的,所以每次使用時(shí)你需要在鼠標(biāo)指針和目標(biāo)之間畫一條假象線,不論這條線的斜度如何,D和W都在那條假象線上。
費(fèi)茨法則使用場景(不一定都是橫向移動)
從這個(gè)公式我們可以看到,目標(biāo)距離越短、寬度約大,操作時(shí)間越短。熟練用戶的使用時(shí)間里,操作時(shí)間占絕大部分,而思考時(shí)間占極小部分。縮短目標(biāo)距離、增加目標(biāo)寬度,也許看起來不算什么,但對需要重復(fù)使用產(chǎn)品的熟練用戶來說非常重要。試想一下,如果一個(gè)任務(wù)需要你從屏幕靠左的按鈕移動到靠右的按鈕,并且兩個(gè)按鈕啊還非常小,而你每天要完成上百次這個(gè)任務(wù),那時(shí)你一定會開始抱怨為什么這兩個(gè)按鈕那么小還相距那么遠(yuǎn)。
當(dāng)然,這個(gè)公式只是針對鼠標(biāo)的,觸屏設(shè)備會有所區(qū)別,但是減少距離、增加尺寸是不變的原則
2. 利用邊界
這一點(diǎn)只針對鼠標(biāo)。
同樣是可以用費(fèi)茨法則得出的結(jié)論:當(dāng)目標(biāo)屬于屏幕邊界時(shí),W(目標(biāo)寬度)是無限大的,那么此時(shí)T(任務(wù)完成平均時(shí)間)可以非常短。如果目標(biāo)在屏幕邊界,那么用戶在移動鼠標(biāo)的時(shí)候,完全不需要考慮什么時(shí)候停下,只需往那個(gè)方向滑動就好了。
這一規(guī)則的典型代表是Windows,因?yàn)樗鼈兊拇翱诳丶膩矶际窃谟疑辖?,而開始按鈕從來都是在左下角。如果一個(gè)用戶要關(guān)閉大化的窗口,那么他閉著眼睛都可以把鼠標(biāo)指針“甩到”右上角。
這回蘋果的IOS當(dāng)了一次反例。它們把窗口控件做的很小,而且與屏幕邊界有一定距離,所以每次用戶關(guān)閉窗口的時(shí)候都要小心翼翼地啊鼠標(biāo)指針移動到一個(gè)小圓圈上,這樣做的操作時(shí)間比Windows長了不少。
WindowsISO的窗口控制按鈕
3. 性能
做了那么多熟練用戶的訪談,性能似乎是永恒的主題。對很多用戶來說,操作再不方便,習(xí)慣了也沒有什么可抱怨的,但是如果每次加載好幾秒鐘,那么這個(gè)等待時(shí)間才是煩人的。并且對于他們來說,加載動畫根本解決不了任何問題。
性能是設(shè)計(jì)師無法解決的,但是卻需要設(shè)計(jì)師來監(jiān)督,因?yàn)樗强梢詺缫磺性O(shè)計(jì)的東西。
減少步驟
近年來很流行將一個(gè)很長的表單分成幾步驟,讓用戶一步一步地填寫完成。對新用戶來說,這種方式大大減少了理解成本。但是如果用戶需要填寫好多份這種表單,那么這樣做只會讓人不勝其煩。
盡可能地將相似的東西放在一個(gè)步驟里,也許看起來有些累贅,但是對于熟練用戶來說,這樣才是高效的。
快捷操作
做多了網(wǎng)絡(luò)和移動產(chǎn)品,常常會忘記快捷鍵這個(gè)東西。但是如果你的產(chǎn)品是為熟練用戶而設(shè)計(jì)的桌面產(chǎn)品(MAC & PC),那么千萬別忘記快捷鍵。
1. 遵循常見的快捷鍵&創(chuàng)建新的快捷鍵
使用Windows時(shí),大部分情況下都可以經(jīng)過Ctrl S保存、Ctrl C復(fù)制、Ctrl V粘貼、Ctrl X剪切、Ctrl Z回退、Ctrl Y撤銷回退、Ctrl N新建、F5刷新……在設(shè)計(jì)產(chǎn)品時(shí)如果也有類似功能,好可以關(guān)聯(lián)到這種約定俗成的快捷鍵。尤其如果產(chǎn)品里有大量填寫區(qū)域,用Tab鍵切換焦點(diǎn)就能大大降低右手在鼠標(biāo)和鍵盤之間切換的次數(shù)。
如果產(chǎn)品里有很常用的功能,但又沒有約定速成的快捷鍵,那么就可以自創(chuàng)快捷鍵了。與之搭配地,需要提供快捷鍵提示和自定義的渠道。
2. 充分利用右鍵
快速的兩個(gè)入口不在屏幕上,而在鼠標(biāo)上:左鍵和右鍵。
互聯(lián)網(wǎng)產(chǎn)品大多將菜單收在一個(gè)圖標(biāo)里,這樣做對于新用戶來說,確實(shí)更好理解一些。但是熟練用戶,尤其是需要重復(fù)操作的熟練用戶一定更加喜歡右鍵。
例如很喜歡Chrome右鍵菜單里的“在新標(biāo)簽頁中打開鏈接”的功能。如果這個(gè)功能不放在右鍵菜單里而是拿出來,真的很難想象用起來該有多不方便。
UI設(shè)計(jì)師絕不是只會使用設(shè)計(jì)工具、沒有設(shè)計(jì)靈魂的美工。UI設(shè)計(jì)師培訓(xùn)從點(diǎn)、線、面繪畫原理講起,涵蓋色彩原理、空間表現(xiàn)、創(chuàng)意思維等內(nèi)容,重點(diǎn)培養(yǎng)設(shè)計(jì)思維,幫助設(shè)計(jì)師突破作品缺乏創(chuàng)意的職業(yè)發(fā)展瓶頸,成為高端的UI交互設(shè)計(jì)師。
階段一:UI設(shè)計(jì)基礎(chǔ)
課程目標(biāo):
1、了解產(chǎn)品開發(fā)及UI設(shè)計(jì)流程、UI設(shè)計(jì)師崗位技能要求、修煉方法
2、熟練掌握UI設(shè)計(jì)中Photoshop常用的工具和技巧
3、熟練掌握UI設(shè)計(jì)中Illustrator常用的工具和技巧
4、具備色彩搭配、版式布局基本美感
階段二:移動端App 圖標(biāo)和界面設(shè)計(jì)
課程目標(biāo)
1、能理解移動端圖形界面設(shè)計(jì)原則
2、掌握iOS、Android設(shè)計(jì)規(guī)范
3、能設(shè)計(jì)目前比較主流的典型圖標(biāo)
4、能臨摹設(shè)計(jì):iOS、Android原生App界面設(shè)計(jì)
階段三:UI、UE設(shè)計(jì)項(xiàng)目實(shí)訓(xùn) 響應(yīng)式布局 面試作品包裝
課程目標(biāo)
1、體驗(yàn)企業(yè)真實(shí)項(xiàng)目完整的設(shè)計(jì)流程,包括:業(yè)務(wù)需求分析-》產(chǎn)品原型設(shè)計(jì)-》UI、UE設(shè)計(jì)實(shí)戰(zhàn)演練;
2、學(xué)習(xí)主流App應(yīng)用的行業(yè)和業(yè)務(wù)知識,包括:電商類、醫(yī)療類、游戲類、在線教育類的典型業(yè)務(wù)知識和流程;
3、能獨(dú)立完成iOS、Android版產(chǎn)品、項(xiàng)目的App設(shè)計(jì),學(xué)習(xí)體會UI、UE設(shè)計(jì)實(shí)戰(zhàn)技巧 ;
4、掌握目前前沿的響應(yīng)式布局設(shè)計(jì)、HTML5、微信等新媒體設(shè)高級UI設(shè)計(jì)方法和技巧;
階段四:產(chǎn)品 UE 交互設(shè)計(jì)
課程目標(biāo)
1、掌握產(chǎn)品競爭調(diào)研的方法和技巧;
2、能編寫規(guī)范的PRD產(chǎn)品需求文檔;
3、能根據(jù)業(yè)務(wù)需求,繪制常見的產(chǎn)品原型,包括:手繪原型、線框圖、Axure產(chǎn)品原型;
4、能獨(dú)立完成項(xiàng)目實(shí)戰(zhàn):Web端、移動端Axure交互高保真原型設(shè)計(jì)。
以上就是小編簡單的介紹,希望對你有所幫助,還有更多關(guān)于相關(guān)的訊息,歡迎咨詢,驚喜多多,收獲多多。
課程咨詢
咨詢老師:張老師
咨詢電話:021-64320836
咨詢微信:2504994244
相關(guān)推薦
課程 | 班型 | 費(fèi)用 |
交大南洋 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
水晶石教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
天琥教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
北區(qū)教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
晶網(wǎng)設(shè)計(jì) | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
非凡進(jìn)修學(xué)院 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
火星人教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |