2021-6-3 ui設(shè)計分享達(dá)人
用戶體驗（User Experience，簡稱UE/UX）這個詞是在上世紀(jì)90年代中期，由用戶體驗設(shè)計師 唐納德·諾曼（Donald Norman）所提出和推廣。
定義：用戶在使用產(chǎn)品過程中建立起來的一種純主觀感受。即用戶在使用一個產(chǎn)品或系統(tǒng)之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認(rèn)知印象、生理和心理反應(yīng)、行為和成就等各個方面。
可用性指的是產(chǎn)品對用戶來說有效、易學(xué)、高效、好記、少錯和令人滿意的程度，即用戶能否用產(chǎn)品完成他的任務(wù)，效率如何，主觀感受怎樣，實際上是從用戶角度所看到的產(chǎn)品質(zhì)量，是產(chǎn)品用戶體驗的核心，不好的可用性會導(dǎo)致用戶放棄使用產(chǎn)品。
可用性由易學(xué)性、效率、可記憶性、容錯性、滿意度、實用性、個性化、可預(yù)測性組成。
指的是用戶學(xué)習(xí)如何與產(chǎn)品進(jìn)行交互，以實現(xiàn)目標(biāo)所花費的時間和精力，即用戶能否在初次使用產(chǎn)品時完成簡單的任務(wù)或?qū)崿F(xiàn)用戶目標(biāo)。
用戶在使用產(chǎn)品一段時間后，能否在合理的時間完成想要達(dá)成的目標(biāo)任務(wù)。這里以騰訊視頻為例，用戶能否快速的下載想要的東西，在同一系列中，可以快速下載更多的相關(guān)內(nèi)容。
我們常說互聯(lián)網(wǎng)是有記憶的，好的產(chǎn)品體驗是幫助用戶去記憶。用戶在體驗中，要對一些有意識、無意識的行為進(jìn)行記憶是一個比較大的負(fù)擔(dān)，如果在一些環(huán)節(jié)通過系統(tǒng)能幫用戶記錄，會降低用戶的負(fù)擔(dān)。比如在搜索、歷史記錄、瀏覽記錄等。
用戶在使用產(chǎn)品時，發(fā)生錯誤后，能否快速幫助用戶識別和糾正錯誤，幫助用戶從錯誤中恢復(fù)的能力。如常見的注冊登錄，當(dāng)用戶屬于郵箱格式不對的時候，給出提示，并且告知錯在哪里。如果提示語只是："請輸入正確的郵箱" 用戶可能會疑惑，錯在哪里。
滿意度指的是用戶與設(shè)計互動產(chǎn)生的愉悅程度，可以是用戶使用產(chǎn)品時流暢的交互和優(yōu)秀的視覺設(shè)計，也可以是用戶在產(chǎn)品中得到的滿足感。比如sir語音交互，王者榮耀等級（滿足感）
產(chǎn)品能否提供用戶在完成任務(wù)時所需要用到的基本功能，例如P圖類軟件，用戶需要對圖片進(jìn)行裁剪、添加濾鏡、摳圖、美顏、補(bǔ)妝、添加文字、去除水印、添加文字等操作。
在滿足實用性的基礎(chǔ)上 針對用戶提供不同場景下的功能定制，如美圖秀秀，在提供圖片美化的同時，針對用戶不同的使用場景還提供視頻剪輯、視頻美容等功能。
用戶能夠預(yù)測到下一步操作或者整個流程的交互，將會發(fā)生什么。舉例淘寶的購買流程。點擊購買按鈕> 選擇商品屬性> 付款> 輸入密碼> 購買成功; 用戶在點擊購買按鈕開始就能夠預(yù)測到下一步或者整個流程的步驟會發(fā)生什么。
可見性是用戶根據(jù)界面中可見元素確定產(chǎn)品可以做什么的設(shè)計原則。
物理功能可見性是基于對象的物理外觀。在視覺上，這種類型的功能可見性使用戶能夠立即清楚地看到在設(shè)計界面中能干什么。例如當(dāng)我們使用音樂類軟件，最常使用的就是播放/暫停，上一曲/下一曲。我們就會尋找去這些圖標(biāo)。其次是分享、收藏、下載、評論等功能需要用到的功能展示在頁面中，這就是功能可見性。
當(dāng)信息或者列表過多時區(qū)分狀態(tài)的展示，將重要的狀態(tài)信息呈現(xiàn)在盡可能高的信息層級當(dāng)中。如iOS信息和QQ郵箱中區(qū)分未讀信息的微標(biāo)。如果將這些徽標(biāo)隱藏起來，會極大地破壞易用性，因為人們將不得不進(jìn)入一個個郵件詳情頁當(dāng)中進(jìn)行確認(rèn)，才能獲取到原本由徽標(biāo)提供的狀態(tài)信息，這樣的互動非常低效且乏味。
當(dāng)用戶在執(zhí)行某項任務(wù)的時候應(yīng)該清晰明了的告知用戶目前在什么步驟，后面還有多少步驟，完整清晰的流程展示。如果將這些信息隱藏起來，用戶會困惑當(dāng)前進(jìn)行到哪一步，接下來還有多少步驟。
強(qiáng)調(diào)需要明確的視覺線索向用戶展示產(chǎn)品可以做什么。例如用戶界面中的交互元素（如滾動條、命令按鈕和圖標(biāo)等）的設(shè)計必須能夠為用戶提供足夠清楚的建議，讓用戶可以清晰地辨別出這些元素所代表的意思是什么、它們的功能是什么，以及如何與它們進(jìn)行交互行為（點擊、長按、滑動 等）
給用戶及時、恰當(dāng)?shù)姆答?，是體驗設(shè)計中非常重要的一項原則；對每個用戶的操作都應(yīng)該有恰當(dāng)?shù)南到y(tǒng)反饋（包含視覺、聽覺、觸覺）。
明確告知用戶當(dāng)前操作發(fā)生了什么。如點擊下載和下載過程給出相對應(yīng)的反饋及進(jìn)度條。
當(dāng)用戶產(chǎn)生某個動作時，給予相對應(yīng)的連接反饋。如大概用戶點擊某個按鈕時，按鈕默認(rèn)的外觀與點擊后的外觀發(fā)生變化，結(jié)合現(xiàn)實世界的開關(guān)去思考（按下 開燈）動作與反饋是連接的，即時的。
希克定律，是1951年由威廉·埃德蒙·希克首先提出的，認(rèn)為人們從數(shù)組中選擇目標(biāo)的時間取決于可用選項的數(shù)量。也就是當(dāng)一個人所面臨的選擇越多，做出選擇所花的時間就越多，當(dāng)面臨選擇的數(shù)量增加，做出決定的時間也會跟著增加。
如京東篩選，在搜索結(jié)果頁會將篩選條件收起，因為里面的篩選條件內(nèi)容過多。用戶會在當(dāng)前頁面選擇的時間增加.將一些項目分組放入二級下單，并且做好歸類，用戶能夠更迅速的作出決定。
費茨定律，是1954 年 由保羅.菲茨首次提出，在人機(jī)交互中指的是通過圖形用戶界面使用鼠標(biāo)或其他類型的指針從一個起始位置移動到一個最終目的所需的時間。
T：代表完成移動所需的平均時間
A：代表光標(biāo)開始/停止時間
B：代表光標(biāo)移動速度
D：代表從起點到目標(biāo)中心的距離
W：代表目標(biāo)的尺寸
簡單來說就是指：隨著目標(biāo)的距離增加，移動到目標(biāo)的時間更長，并且隨著目標(biāo)的尺寸減小，選擇目標(biāo)的時間也會增加。
所以在界面設(shè)計當(dāng)中會遵循越重要的功能，占據(jù)面基會越大。重要圖標(biāo)的點擊熱區(qū)也會增大。便于用戶快速點擊。
屏幕外邊緣和四個角部比屏幕中的其他位置都更容易被定為和選中，所以我們在進(jìn)行產(chǎn)品設(shè)計的過程中，會將常用/重要的操作放置在屏幕邊緣處，便于用戶操作。
神奇數(shù)字7±2法則是1956年由 喬治·米勒 所提出的，根據(jù)喬治·米勒的研究，人類短期的記憶一般一次只能記住5-9個。也就是為什么大多數(shù)APP底部導(dǎo)航為5個的原因。
由于人類的大腦處理信息的能力有限，大腦會將復(fù)雜信息劃分成 塊 和小的單元。如：京東和每日優(yōu)鮮的分類處理。
人類短期的記憶一般一次只能記住5-9個，所以人們總是傾向于把一串?dāng)?shù)字拆分為多個較短的部分進(jìn)行記憶。如銀行卡號和手機(jī)號碼等。
復(fù)雜守恒定律是1984年由 拉里·泰斯勒 所提出的，也稱作泰斯勒定律。認(rèn)為每一個產(chǎn)品設(shè)計的過程中，都有其固有的復(fù)雜性，存在著一個臨界點，超過了這個點產(chǎn)品設(shè)計的過程就不能再簡化了，你只能將固有的復(fù)雜性從一個地方轉(zhuǎn)移到另外一個地方。
在產(chǎn)品設(shè)計中，會盡量的簡化界面。當(dāng)功能過多時進(jìn)行一個整合的處理，跳轉(zhuǎn)或者滑動操作。如查看更多或者常見的漢堡導(dǎo)航。
新鄉(xiāng)重夫認(rèn)為遺忘有兩種：一種是疏漏，另一種是忘卻。他建議采用一些措施來預(yù)防產(chǎn)品的缺陷。
防錯原則認(rèn)為大部分的意外都是由設(shè)計的疏忽，而不是人為操作疏忽。因此，在設(shè)計中要有必要的防錯機(jī)制；比如常見的信息輸入狀態(tài)，未輸入置灰不可點，輸入變?yōu)榭牲c擊狀態(tài)。
微信拍一拍：微信在出了拍一拍功能之后，很多時候點擊頭像的時候會不小心拍到別人，現(xiàn)在的拍一拍是可以撤銷的，在客戶端鼠標(biāo)懸浮上就可以進(jìn)行撤回，移動端長按出現(xiàn)撤回彈窗，兩分鐘內(nèi)有效。
微信朋友圈動態(tài)：點擊返回圖標(biāo)會出現(xiàn)的彈窗，避免誤操作。利用防錯原則，可以避免用戶重新編輯。微信當(dāng)中有很多友好的體驗細(xì)節(jié)?？梢远喽嗳ジ惺?。
奧卡姆剃刀 定律 ：它是由14世紀(jì)英格蘭的邏輯學(xué)家、圣方濟(jì)各會修士奧卡姆的威廉 （William of Occam，約1285年至1349年）提出。 這個 原理 稱為“如無必要，勿增實體 ”，即“ 簡單有效原理 ”
不必要的元素會降低設(shè)計的效率，不管是實體、視覺或者認(rèn)知上，多余的設(shè)計元素，有可能造成失敗或者其它問題。這并不意味著不能提供給用戶很多的信息，可以用「更多信息」來實現(xiàn)。如夸克瀏覽器，首頁只放置重要功能 搜索 和幾個整合內(nèi)容的圖標(biāo)入口。
讓用戶通過較少的點擊就能找到他們想要的東西或使用功能。如音樂類軟件，在播放音樂之后進(jìn)入其他的tab，在上面都會懸浮播放/暫停的區(qū)域。都能夠隨時操作。
就是產(chǎn)品的易用性，如果年紀(jì)大點的人，也能夠輕松使用所設(shè)計的產(chǎn)品那么是成功的。如抖音沉浸式的體驗，簡單的滑動就能夠觀看想看的內(nèi)容。目前抖音的用戶老年人也逐漸包含在內(nèi)，并且抖音會根據(jù)用戶的停留時長等推送用戶感興趣的內(nèi)容。
頁面的使用率，當(dāng)你想要在一屏新增很多內(nèi)容時，頁面的布局就會變得擁擠和區(qū)域變小，容易過于干擾用戶做出選擇，重要功能不夠突出等?？淇藶g覽器首頁強(qiáng)化了搜索功能 和幾個整合內(nèi)容的圖標(biāo)入口；uc瀏覽器首頁內(nèi)容過多，當(dāng)用戶想要使用搜索功能時很容易被其他內(nèi)容干擾。
前面說到的?？硕烧f到，當(dāng)選擇的數(shù)量越多，用戶做決定的時間就更長。做過多的決定也是一種壓力，在展示內(nèi)容的時候要努力減少用戶的思維負(fù)擔(dān)。如攜程和馬蜂窩金剛區(qū)的內(nèi)容展示，馬蜂窩根據(jù)產(chǎn)品屬性放置了6個重要的功能入口，便于用戶更快的去選擇所想要的功能。
最后我們來探討一下設(shè)計和藝術(shù)的區(qū)別是什么。我看到一句話覺得挺好的。設(shè)計和藝術(shù)的重要區(qū)別是：藝術(shù)拋出問題，而設(shè)計解決問題。
我們設(shè)想一個場景，當(dāng)你在藝術(shù)展廳站在一副名畫面前，你所思考的是什么？是驚嘆畫家的畫技還是整個畫面給你的感覺是一種故事，你會不會思考藝術(shù)家在作畫時的心情，處境，為什么要這么去畫？想表達(dá)怎么樣的情感？
然后我們再設(shè)想一個場景，同樣在藝術(shù)展廳，你身上帶有手機(jī)和相機(jī)。你會選擇用相機(jī)拍照還是用手機(jī)。答案是 相機(jī) 對吧？因為相機(jī)的拍照效果在任何環(huán)境下都會比手機(jī)好。這就是設(shè)計。是能夠真真切切的解決用戶問題的。能夠去感知到的。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：左言右設(shè)
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://www.bouu.cn