可用性設(shè)計(jì)這個(gè)概念不知道對你是否陌生钢猛，它充斥在我們身邊轩缤，從設(shè)計(jì)師火的、開發(fā)人員、網(wǎng)站制作人征椒、項(xiàng)目精力湃累、市場人員治力、到某個(gè)在支票上簽名的人，以及那些一個(gè)人負(fù)責(zé)完成所有工作的人都會涉及到晕讲。
那究竟什么是可用性設(shè)計(jì)呢瓢省？
可用性設(shè)計(jì)是Web設(shè)計(jì)中最重要也是難度最大的一項(xiàng)任務(wù)，它是關(guān)于人如何理解和使用產(chǎn)品的疑枯，它和技術(shù)沒有關(guān)系蛔六。
只要是在設(shè)計(jì)需要人與人交換的產(chǎn)品国章，都可以適用液兽，不管是微波爐掌动、移動應(yīng)用粗恢、還是ATM。這本書名為《DON＇T MAKE ME THINK 》翻譯成漢語叫別讓我思考匙赞，又名點(diǎn)石成金涌庭，它是關(guān)于Web設(shè)計(jì)原則的一本書欧宜， 作者用多年的從業(yè)經(jīng)驗(yàn)講述剖析了用戶的心理冗茸，在用戶使用模式蚀狰、為掃描進(jìn)行設(shè)計(jì)、導(dǎo)航設(shè)計(jì)跛溉、主頁設(shè)計(jì)芳室、可用性測試等方面提出了許多獨(dú)特的觀點(diǎn)堪侯，并給出了大量簡單易行的可用性設(shè)計(jì)的建議
以下對書中部分內(nèi)容簡單整理：
一伍宦、指導(dǎo)原則
可用性的定義
分解成以下幾個(gè)方面：
有用：能否幫助人們完成一些必須的事物
可學(xué)習(xí)：人們能否明白如何使用它
可記憶：人們每次使用的時(shí)候次洼，是否都需要重新學(xué)習(xí)
有效：它們是否只需花費(fèi)適當(dāng)?shù)臅r(shí)間和努力舊能完成任務(wù)
高效：它們是否只需花費(fèi)適當(dāng)?shù)臅r(shí)間和努力就能完成任何
合乎期望：是人們想要的媽
令人愉悅：人們使用的時(shí)候覺得有意思甚至很好玩嗎
就是讓一個(gè)有著平均能力和經(jīng)驗(yàn)的人（甚至稍微低于平均水平）能明白如何使用它而不必付出過度的努力，或者遇到不必要的麻煩揖曾。
可用性指導(dǎo)原則
1. 別讓我思考（Krug）可用性第一定律
網(wǎng)頁上每項(xiàng)內(nèi)容都有可能迫使我們停下來亥啦，進(jìn)行不必要的思考
不必要的問號來源是那些看起來不太明顯的鏈接和按鈕
如果你不能做到讓一個(gè)頁面不言而喻翔脱，那么至少應(yīng)該讓它自我解釋碍侦。
2.我們是掃描使用WEB的瓷产，滿意即可，勉強(qiáng)應(yīng)付
我們不是閱讀株旷，而是掃描
我們不作最佳選擇晾剖，而是滿意即可
我們不是追根究底齿尽，而是勉強(qiáng)應(yīng)付
廣告牌設(shè)計(jì)101法則循头，為掃描而設(shè)計(jì)卡骂，不為閱讀設(shè)計(jì)
1. 盡可能利用習(xí)慣用法
如何想創(chuàng)新你要理解要去取代的設(shè)計(jì)價(jià)值
簡潔勝過一致性
2.建立有效的視覺層次
三個(gè)特點(diǎn)
越重要的部分越突出
邏輯上相關(guān)的部分也在視覺上相關(guān)
邏輯上包含的部分在視覺上進(jìn)行嵌套
好的可視層次可以使我們快速理解對頁面的組織和優(yōu)先級，減少我們的工作
壞處：我們將降低掃描頁面的習(xí)慣缝左，還要去尋找關(guān)鍵字拼湊我們感覺重要的內(nèi)容從而增加了很多工作
3.把頁面劃分成明確定義的區(qū)域
明顯標(biāo)識可以點(diǎn)擊的地方
降低視覺噪點(diǎn)（三種視覺噪點(diǎn)是：眼花繚亂浓若、組織不當(dāng)渺杉、太過密集少办。)
為文本設(shè)置格式挽放，以便掃描
方法：充分使用標(biāo)題辑畦、保持段落簡短、使用符號列表、突出關(guān)鍵詞語箩言。
1. 明顯標(biāo)識可以點(diǎn)擊的地方
2. 最小化干擾
3. 為內(nèi)容創(chuàng)建清楚的格式陨收，以便掃描
省略多余的文字
好處：降低頁面的噪聲
讓有用的內(nèi)容更加突出
讓頁面更簡短务漩，讓用戶在每個(gè)頁面上一眼就能看見更多的內(nèi)容饵骨，而不必滾動屏幕
歡迎詞就像閑聊居触，但是大部分的Web用戶都希望直截了當(dāng)源葫，所以必須消滅
指示文字都筆記冗長息堂，沒有用戶會細(xì)讀所以必須消滅
二、街頭指示牌和面包屑----導(dǎo)航設(shè)計(jì)
Web導(dǎo)航就像商場的指示標(biāo)導(dǎo)航一樣振坚，可以清晰的告訴你在去哪里渡八，在哪里屎鳍，你當(dāng)前的位置，這些問題在Web上比在商場的物理空間嚴(yán)重的多窥淆，因?yàn)槲覀儾荒芡ㄟ^走道知道我們的位置，所以Web導(dǎo)航展現(xiàn)的層次結(jié)構(gòu)補(bǔ)償了這種缺失的空間感眷昆，營造出一種位置的感覺亚斋，所以做好Web導(dǎo)航非常重要
1.導(dǎo)航的作用
幫助我們找到想要的任何東西和告訴我們現(xiàn)在身在何處
告訴我們這里有些什么
告訴我們?nèi)绾问褂镁W(wǎng)站
給了我們對網(wǎng)站建造者的信心
2.Web導(dǎo)航之--全局導(dǎo)航或持久導(dǎo)航
全局導(dǎo)航包括4個(gè)元素：站點(diǎn)ID八孝、欄目兄旬、適用工具栏饮、搜索
全局導(dǎo)航是在每一頁以一致的外觀出現(xiàn)在同樣的位置但是也有一個(gè)例外是表單袍嬉。
站點(diǎn)ID：它就像建筑物的名稱箍土，與實(shí)體建筑不同的是吴藻，在Web上它需要在每個(gè)頁面上見到網(wǎng)站的名稱，要么成為本頁最顯眼的內(nèi)容弦叶，要么讓它涵蓋頁面所以的元素。
欄目：欄目有時(shí)也叫主導(dǎo)航條，是到達(dá)該站點(diǎn)你主要欄目的鏈接七问，即站點(diǎn)層次結(jié)構(gòu)的最頂層。實(shí)用工具：它是到達(dá)網(wǎng)站中不屬于內(nèi)容層次的重要元素的鏈接讥耗。這些實(shí)用工具可以幫我們使用站點(diǎn)（例如注冊/登陸、幫助挣磨、站點(diǎn)地圖塘砸、購物車）也可以提供網(wǎng)站發(fā)布者的信息（例如關(guān)于我們谣蠢、聯(lián)系我們）
一般情況下持久導(dǎo)航上只能放置4~5個(gè)實(shí)用工具，否則用戶會在眼花繚亂中迷路。
搜索：搜索的用戶比瀏覽的用戶要多的多婿禽，因此除非站點(diǎn)規(guī)模非常小而且組織得很好，否則每個(gè)頁面都應(yīng)該有一個(gè)搜索框或一個(gè)到搜索頁面的鏈接。
搜索要注意避免使用花哨的詞語模聋，多余的指示說明，設(shè)置合理的選項(xiàng)（避免容易混淆的搜索）
3.二級導(dǎo)航的原則
由于空間和時(shí)間的限制，再者認(rèn)為二級導(dǎo)航不是很重要前酿，所以Web設(shè)計(jì)中普遍問題沒有對低層次的導(dǎo)航給予足夠的重視。
然而事實(shí)是用戶在底層頁面上花的時(shí)間與頂層頁面相同攻人，除非你從一開始就從頂往下進(jìn)行導(dǎo)航設(shè)計(jì)，否則以后很難再添加，也很難保持一致性屑咳。
頁面名稱的注意事項(xiàng)
每個(gè)頁面需要一個(gè)名稱
頁面名稱需要出現(xiàn)再合適的位置
名稱要引人注目
名稱要和點(diǎn)擊的鏈接一致
當(dāng)前的頁面名稱要突出顯示
面包屑的設(shè)計(jì)原則
面包屑會告訴你從主頁到當(dāng)前位置的軌跡敲董，并能讓你在網(wǎng)站中更加容易地回到更高層次的內(nèi)容聪铺。
把它們放在最頂層
使用“>”對層級進(jìn)行間隔
加粗最后一個(gè)元素
標(biāo)簽導(dǎo)航
標(biāo)簽就像三孔活頁夾或文件柜檔案上的標(biāo)簽一樣，通過標(biāo)簽把內(nèi)容分組很容易翻到自己想要的位置。
標(biāo)簽導(dǎo)航是大型網(wǎng)導(dǎo)航上佳選擇踱蠢，因?yàn)樗鼈儾谎远魑郑茈y錯(cuò)過，很靈活烘浦。
要營造出主頁的效果，激活的標(biāo)簽頁必須有一種不同的顏色或外形作為對比，并且與它底下的空間再物理上鏈接起來。
三.Web設(shè)計(jì)中的主頁設(shè)計(jì)
1. 主頁設(shè)計(jì)需要完成的任務(wù)
具體的需要：
站點(diǎn)標(biāo)識和使命
站點(diǎn)層次
搜索
導(dǎo)讀
內(nèi)容推介
功能推介
適時(shí)更新的內(nèi)容
交換鏈接
快捷方式
注冊
抽象的需要：
讓我看到自己正在尋找的東西
還有我沒有尋找的
告訴我從哪里開始
建立可信度和信任感
2. 主頁設(shè)計(jì)需要傳到整體形象
可以通過口號、歡迎廣告、了解更多來傳達(dá)
在網(wǎng)站上，口號可能出現(xiàn)再站點(diǎn)ID的下方梦碗、上方或旁邊
好的口號要清楚循捺、言之有物念赶，非常準(zhǔn)確地對網(wǎng)站或公司進(jìn)行描述
好的口號要長度適度
好的口號可以表達(dá)網(wǎng)站的特點(diǎn)和顯而易見的好處
好的口號有個(gè)性踩萎、生動码倦、有時(shí)候還很俏皮
3.可用性好的網(wǎng)站需要傳到的內(nèi)容
如果想要搜索，可以從這里開始
如果我想瀏覽闻葵，可以從這里開始
如果我想看看它們最精彩的內(nèi)容槽畔，可以從這里開始早直。
四：移動端設(shè)計(jì)原則
從某種意義上來說糕韧，移動端和Web端，最基本的可用性原則都是一樣的喻圃，不過也是有一些區(qū)別
1. 一切都是妥協(xié)
任何時(shí)候進(jìn)行設(shè)計(jì)萤彩，你都需要面對約束，而且只要有約束就會有妥協(xié)斧拍。所以要達(dá)到良好的移動可用性雀扶，絕大多數(shù)的挑戰(zhàn)最終歸結(jié)為做出良好的設(shè)計(jì)妥協(xié)。
2.狹小空間的苛刻
管理屏幕空間的挑戰(zhàn)不應(yīng)該以犧牲可用性為代價(jià)饮焦，
3.變色龍的繁育
其實(shí)是關(guān)于可伸縮的設(shè)計(jì)（包括動態(tài)布局怕吴、流線設(shè)計(jì)、自適應(yīng)設(shè)計(jì)县踢、以及響應(yīng)式設(shè)計(jì)）但是非常繁瑣難以完善。
針對移動端的多頁面適配有以下建議
允許縮放
不要讓我站在門口
永遠(yuǎn)記得提供一個(gè)到“全內(nèi)容”網(wǎng)站的鏈接
不要把你的提示藏在后面
沒有光標(biāo)=沒有懸停=沒有線索伟件，需要找到別的方式來取代它們硼啤。
扁平化設(shè)計(jì)
移動端的網(wǎng)速，響應(yīng)式設(shè)計(jì)大量的代碼都會影響載入速度斧账，會給用戶帶來挫敗感影響公司聲譽(yù)谴返。
移動應(yīng)用的可用性屬性（可以讓有平均能力和經(jīng)驗(yàn)的人去完成某個(gè)任務(wù)而不會遇到不必要的麻煩）
讓人快樂的產(chǎn)品（超乎尋常好的產(chǎn)品）
移動應(yīng)用可學(xué)習(xí)
移動應(yīng)用也需要可記憶
以上是針對書中的部分原則做的的一個(gè)整理煞肾，工作中常被忽略的一些問題按照書中的原則對照去一 一調(diào)整，相信可以找到不少可以改進(jìn)的地方嗓袱，很薄很經(jīng)典的一本書籍救，建議有時(shí)間可以親自讀下才可以領(lǐng)略到書中的精華所在。
鼓勵大家去購買正版紙質(zhì)書籍渠抹，真正收獲知識的價(jià)值遠(yuǎn)遠(yuǎn)大于書籍本身的價(jià)格蝙昙。
《點(diǎn)石成金》訪客至上的Web和移動可用性設(shè)計(jì)秘笈
機(jī)械工業(yè)出版社
作者：[美]Steve Krug
本文內(nèi)容出自《簡約至上》，由本公眾號整理編輯梧却，轉(zhuǎn)載請?zhí)崆奥?lián)系告知奇颠，否則必究。
關(guān)于大寶（我本人）：
互聯(lián)網(wǎng)領(lǐng)域設(shè)計(jì)師放航，跨界于廣告烈拒、創(chuàng)意、工業(yè)設(shè)計(jì)广鳍、用戶體驗(yàn)等領(lǐng)域荆几，喜歡潮流，本身卻很土赊时，定期寫文吨铸，歡迎提出你感興趣的設(shè)計(jì)、藝術(shù)蛋叼、創(chuàng)意等話題焊傅，試著做一個(gè)書寫設(shè)計(jì)來影響你的人。
歡迎關(guān)注狈涮，閱讀更多原創(chuàng)設(shè)計(jì)思考狐胎。
