用戶體驗設計定義&詳細案例

2022-3-14    seo達人


一個設計的存活或死亡依賴于它適應人類的行為和認知限制的能力。

 

一、什么是用戶體驗?

用戶體驗(User Experience,簡稱UE/UX)這個詞是在上世紀90年代中期,由用戶體驗設計師 唐納德·諾曼(Donald Norman)所提出和推廣。

定義:用戶在使用產(chǎn)品過程中建立起來的一種純主觀感受。即用戶在使用一個產(chǎn)品或系統(tǒng)之前、使用期間和使用之后的全部感受,包括情感、信仰、喜好、認知印象、生理和心理反應、行為和成就等各個方面。

 

二、可用性原則

可用性指的是產(chǎn)品對用戶來說有效、易學、高效、好記、少錯和令人滿意的程度,即用戶能否用產(chǎn)品完成他的任務,效率如何,主觀感受怎樣,實際上是從用戶角度所看到的產(chǎn)品質量,是產(chǎn)品用戶體驗的核心,不好的可用性會導致用戶放棄使用產(chǎn)品。

可用性由易學性、效率、可記憶性、容錯性、滿意度、實用性、個性化、可預測性組成。

 

01 易學性

指的是用戶學習如何與產(chǎn)品進行交互,以實現(xiàn)目標所花費的時間和精力,即用戶能否在初次使用產(chǎn)品時完成簡單的任務或實現(xiàn)用戶目標。

 

02 效率

用戶在使用產(chǎn)品一段時間后,能否在合理的時間完成想要達成的目標任務。這里以騰訊視頻為例,用戶能否快速的下載想要的東西,在同一系列中,可以快速下載更多的相關內容。

 

03 可記憶性

我們常說互聯(lián)網(wǎng)是有記憶的,好的產(chǎn)品體驗是幫助用戶去記憶。用戶在體驗中,要對一些有意識、無意識的行為進行記憶是一個比較大的負擔,如果在一些環(huán)節(jié)通過系統(tǒng)能幫用戶記錄,會降低用戶的負擔。比如在搜索、歷史記錄、瀏覽記錄等。

 

04 容錯性

用戶在使用產(chǎn)品時,發(fā)生錯誤后,能否快速幫助用戶識別和糾正錯誤,幫助用戶從錯誤中恢復的能力。如常見的注冊登錄,當用戶屬于郵箱格式不對的時候,給出提示,并且告知錯在哪里。如果提示語只是:”請輸入正確的郵箱” 用戶可能會疑惑,錯在哪里。

 

05 滿意度

滿意度指的是用戶與設計互動產(chǎn)生的愉悅程度,可以是用戶使用產(chǎn)品時流暢的交互和優(yōu)秀的視覺設計,也可以是用戶在產(chǎn)品中得到的滿足感。比如sir語音交互,王者榮耀等級(滿足感)

 

06 實用性

產(chǎn)品能否提供用戶在完成任務時所需要用到的基本功能,例如P圖類軟件,用戶需要對圖片進行裁剪、添加濾鏡、摳圖、美顏、補妝、添加文字、去除水印、添加文字等操作。

 

07 個性化

在滿足實用性的基礎上 針對用戶提供不同場景下的功能定制,如美圖秀秀,在提供圖片美化的同時,針對用戶不同的使用場景還提供視頻剪輯、視頻美容等功能。

 

08 可預測性

用戶能夠預測到下一步操作或者整個流程的交互,將會發(fā)生什么。舉例淘寶的購買流程。點擊購買按鈕> 選擇商品屬性> 付款> 輸入密碼> 購買成功; 用戶在點擊購買按鈕開始就能夠預測到下一步或者整個流程的步驟會發(fā)生什么。

 

三、可見性原則

可見性是用戶根據(jù)界面中可見元素確定產(chǎn)品可以做什么的設計原則。

 

01 物理功能可見性

物理功能可見性是基于對象的物理外觀。在視覺上,這種類型的功能可見性使用戶能夠立即清楚地看到在設計界面中能干什么。例如當我們使用音樂類軟件,最常使用的就是播放/暫停,上一曲/下一曲。我們就會尋找去這些圖標。其次是分享、收藏、下載、評論等功能需要用到的功能展示在頁面中,這就是功能可見性。

 

02 狀態(tài)可見性

當信息或者列表過多時區(qū)分狀態(tài)的展示,將重要的狀態(tài)信息呈現(xiàn)在盡可能高的信息層級當中。如iOS信息和QQ郵箱中區(qū)分未讀信息的微標。如果將這些徽標隱藏起來,會極大地破壞易用性,因為人們將不得不進入一個個郵件詳情頁當中進行確認,才能獲取到原本由徽標提供的狀態(tài)信息,這樣的互動非常低效且乏味。

 

03 步驟可見性

當用戶在執(zhí)行某項任務的時候應該清晰明了的告知用戶目前在什么步驟,后面還有多少步驟,完整清晰的流程展示。如果將這些信息隱藏起來,用戶會困惑當前進行到哪一步,接下來還有多少步驟。

 

四、可供性原則

強調需要明確的視覺線索向用戶展示產(chǎn)品可以做什么。例如用戶界面中的交互元素(如滾動條、命令按鈕和圖標等)的設計必須能夠為用戶提供足夠清楚的建議,讓用戶可以清晰地辨別出這些元素所代表的意思是什么、它們的功能是什么,以及如何與它們進行交互行為(點擊、長按、滑動 等)

 

五、反饋

給用戶及時、恰當?shù)姆答?,是體驗設計中非常重要的一項原則;對每個用戶的操作都應該有恰當?shù)南到y(tǒng)反饋(包含視覺、聽覺、觸覺)。

 

01 告知性

明確告知用戶當前操作發(fā)生了什么。如點擊下載和下載過程給出相對應的反饋及進度條。

 

02 動作連接性

當用戶產(chǎn)生某個動作時,給予相對應的連接反饋。如大概用戶點擊某個按鈕時,按鈕默認的外觀與點擊后的外觀發(fā)生變化,結合現(xiàn)實世界的開關去思考(按下 開燈)動作與反饋是連接的,即時的。

 

六、??硕?/span>

??硕桑?951年由威廉·埃德蒙·??耸紫忍岢龅模J為人們從數(shù)組中選擇目標的時間取決于可用選項的數(shù)量。也就是當一個人所面臨的選擇越多,做出選擇所花的時間就越多,當面臨選擇的數(shù)量增加,做出決定的時間也會跟著增加。

 

如京東篩選,在搜索結果頁會將篩選條件收起,因為里面的篩選條件內容過多。用戶會在當前頁面選擇的時間增加.將一些項目分組放入二級下單,并且做好歸類,用戶能夠更迅速的作出決定。

 

七、費茨定律

費茨定律,是1954 年 由保羅.菲茨首次提出,在人機交互中指的是通過圖形用戶界面使用鼠標或其他類型的指針從一個起始位置移動到一個最終目的所需的時間。

 

  • T:代表完成移動所需的平均時間
  • A:代表光標開始/停止時間
  • B:代表光標移動速度
  • D:代表從起點到目標中心的距離
  • W:代表目標的尺寸

簡單來說就是指:隨著目標的距離增加,移動到目標的時間更長,并且隨著目標的尺寸減小,選擇目標的時間也會增加。

所以在界面設計當中會遵循越重要的功能,占據(jù)面基會越大。重要圖標的點擊熱區(qū)也會增大。便于用戶快速點擊。

 

屏幕外邊緣和四個角部比屏幕中的其他位置都更容易被定為和選中,所以我們在進行產(chǎn)品設計的過程中,會將常用/重要的操作放置在屏幕邊緣處,便于用戶操作。

 

八、神奇數(shù)字 7 ± 2

神奇數(shù)字7±2法則是1956年由 喬治·米勒 所提出的,根據(jù)喬治·米勒的研究,人類短期的記憶一般一次只能記住5-9個。也就是為什么大多數(shù)APP底部導航為5個的原因。

 

由于人類的大腦處理信息的能力有限,大腦會將復雜信息劃分成 塊 和小的單元。如:京東和每日優(yōu)鮮的分類處理。

 

人類短期的記憶一般一次只能記住5-9個,所以人們總是傾向于把一串數(shù)字拆分為多個較短的部分進行記憶。如銀行卡號和手機號碼等。

 

九、復雜守恒定律

復雜守恒定律是1984年由 拉里·泰斯勒 所提出的,也稱作泰斯勒定律。認為每一個產(chǎn)品設計的過程中,都有其固有的復雜性,存在著一個臨界點,超過了這個點產(chǎn)品設計的過程就不能再簡化了,你只能將固有的復雜性從一個地方轉移到另外一個地方。

在產(chǎn)品設計中,會盡量的簡化界面。當功能過多時進行一個整合的處理,跳轉或者滑動操作。如查看更多或者常見的漢堡導航。

 

十、新鄉(xiāng)重夫:防錯原則

新鄉(xiāng)重夫認為遺忘有兩種:一種是疏漏,另一種是忘卻。他建議采用一些措施來預防產(chǎn)品的缺陷。

防錯原則認為大部分的意外都是由設計的疏忽,而不是人為操作疏忽。因此,在設計中要有必要的防錯機制;比如常見的信息輸入狀態(tài),未輸入置灰不可點,輸入變?yōu)榭牲c擊狀態(tài)。

 

微信拍一拍:微信在出了拍一拍功能之后,很多時候點擊頭像的時候會不小心拍到別人,現(xiàn)在的拍一拍是可以撤銷的,在客戶端鼠標懸浮上就可以進行撤回,移動端長按出現(xiàn)撤回彈窗,兩分鐘內有效。

 

微信朋友圈動態(tài):點擊返回圖標會出現(xiàn)的彈窗,避免誤操作。利用防錯原則,可以避免用戶重新編輯。微信當中有很多友好的體驗細節(jié)??梢远喽嗳ジ惺?。

 

十一、奧卡姆剃刀原理

奧卡姆剃刀 定律 :它是由14世紀英格蘭的邏輯學家、圣方濟各會修士奧卡姆的威廉 (William of Occam,約1285年至1349年)提出。 這個 原理 稱為“如無必要,勿增實體 ”,即“ 簡單有效原理 ”

 

01、只放置必要的元素

不必要的元素會降低設計的效率,不管是實體、視覺或者認知上,多余的設計元素,有可能造成失敗或者其它問題。這并不意味著不能提供給用戶很多的信息,可以用「更多信息」來實現(xiàn)。如夸克瀏覽器,首頁只放置重要功能 搜索 和幾個整合內容的圖標入口。

 

02、減少點擊次數(shù)

讓用戶通過較少的點擊就能找到他們想要的東西或使用功能。如音樂類軟件,在播放音樂之后進入其他的tab,在上面都會懸浮播放/暫停的區(qū)域。都能夠隨時操作。

 

03、“老人”規(guī)則

就是產(chǎn)品的易用性,如果年紀大點的人,也能夠輕松使用所設計的產(chǎn)品那么是成功的。如抖音沉浸式的體驗,簡單的滑動就能夠觀看想看的內容。目前抖音的用戶老年人也逐漸包含在內,并且抖音會根據(jù)用戶的停留時長等推送用戶感興趣的內容。

 

04、減少“段落”個數(shù)

頁面的使用率,當你想要在一屏新增很多內容時,頁面的布局就會變得擁擠和區(qū)域變小,容易過于干擾用戶做出選擇,重要功能不夠突出等??淇藶g覽器首頁強化了搜索功能 和幾個整合內容的圖標入口;uc瀏覽器首頁內容過多,當用戶想要使用搜索功能時很容易被其他內容干擾。

 

05、給予更少的選項

前面說到的希克定律說到,當選擇的數(shù)量越多,用戶做決定的時間就更長。做過多的決定也是一種壓力,在展示內容的時候要努力減少用戶的思維負擔。如攜程和馬蜂窩金剛區(qū)的內容展示,馬蜂窩根據(jù)產(chǎn)品屬性放置了6個重要的功能入口,便于用戶更快的去選擇所想要的功能。

 

十二、設計和藝術的區(qū)別是什么?

最后我們來探討一下設計和藝術的區(qū)別是什么。我看到一句話覺得挺好的。設計和藝術的重要區(qū)別是:藝術拋出問題,而設計解決問題。

我們設想一個場景,當你在藝術展廳站在一副名畫面前,你所思考的是什么?是驚嘆畫家的畫技還是整個畫面給你的感覺是一種故事,你會不會思考藝術家在作畫時的心情,處境,為什么要這么去畫?想表達怎么樣的情感?

 

然后我們再設想一個場景,同樣在藝術展廳,你身上帶有手機和相機。你會選擇用相機拍照還是用手機。答案是 相機 對吧?因為相機的拍照效果在任何環(huán)境下都會比手機好。這就是設計。是能夠真真切切的解決用戶問題的。能夠去感知到的。

設計和藝術的區(qū)別,如果有更好的答案,歡迎評論區(qū)留下你的看法。碼字不易,請給個小小的贊鼓勵一下

 

原文地址: 站酷

作者:左眼右舍

 轉載請注明:學UI網(wǎng)》用戶體驗設計定義&詳細案例

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯(lián)系,我們立即更正或刪除。

藍藍設計www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務

UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔