? ? 最近把看的一些關(guān)于用戶體驗(yàn)的文章以及一些常運(yùn)用的用戶體驗(yàn)設(shè)計(jì)法則結(jié)合實(shí)習(xí)經(jīng)歷做了一下整理。因此以下是一個(gè)主題為《良好的產(chǎn)品用戶體驗(yàn)有理可言》的分享文章歧焦,算是我自己的一個(gè)階段小整理溃斋,當(dāng)中有些內(nèi)容來自其他文章忽妒。
? ? 我大概從這三塊內(nèi)容來梳理:用戶體驗(yàn)一詞的理解、交互設(shè)計(jì)師如何更好的理解需求以產(chǎn)出優(yōu)質(zhì)的設(shè)計(jì)方案姜挺、那些可以改善用戶體驗(yàn)的設(shè)計(jì)法則...
01? ? 首先我要講的是“用戶體驗(yàn)”這個(gè)詞語概念的理解齿税,用戶體驗(yàn)這一詞語有這樣一個(gè)解釋,用戶體驗(yàn)是指一種用戶在使用產(chǎn)品過程中建立起來的主觀感受炊豪。那么在這話中可以看到其中有三個(gè)關(guān)于用戶體驗(yàn)的關(guān)鍵詞凌箕,用戶、過程中词渤、主觀感受牵舱。
這三個(gè)關(guān)鍵詞涉及到的內(nèi)容,基本上可以構(gòu)成用戶體驗(yàn)的本質(zhì)缺虐。
用戶芜壁,對(duì)應(yīng)理解應(yīng)該是不同目標(biāo)用戶有不同的的產(chǎn)品用戶體驗(yàn),好的用戶體驗(yàn)肯定不能脫離用戶。我們要去理解業(yè)務(wù)需求慧妄、產(chǎn)品定位顷牌,了解用戶需求,了解使用產(chǎn)品的用戶的心理特點(diǎn)甚至是用戶的生理特性等等塞淹。過程中窟蓝,即關(guān)注用戶使用產(chǎn)品的過程,這就跟我們?cè)O(shè)計(jì)這塊十分的相關(guān)了饱普。比如使用場景是什么樣的运挫,用戶使用交互界面過程中怎么認(rèn)知學(xué)習(xí),功能模塊的操作流程細(xì)節(jié)這些套耕。主觀感受谁帕,即使用產(chǎn)品可以給用戶帶來一些正負(fù)面情緒的使用感受,可以給用戶帶來驚喜感冯袍,也可以讓用戶覺得無趣匈挖;或者使用感覺輕松愉悅,相反會(huì)有疲勞颠猴、煩躁感...那么我們要做的就是通過收集和傾聽用戶的使用反饋這些內(nèi)容去理解背后真的需求與原因关划,透過現(xiàn)象看本質(zhì)小染,然后帶來持續(xù)或更好的用戶體驗(yàn)翘瓮。
? ? 那么其實(shí)一個(gè)產(chǎn)品從0到1 ,從1到10 裤翩,市場反響好不好资盅,起作用的絕不僅僅是我們用戶體驗(yàn)設(shè)計(jì)部在做這個(gè)事情,應(yīng)該是從產(chǎn)品經(jīng)理到設(shè)計(jì)師到技術(shù)崗到運(yùn)營共同起作用踊赠,共同在為產(chǎn)品的使用體驗(yàn)做貢獻(xiàn)做改善呵扛。產(chǎn)品經(jīng)理把控產(chǎn)品的定位,出產(chǎn)品策略筐带、功能今穿,那給用戶體驗(yàn)帶來的就是確實(shí)解決了用戶的問題,滿足了用戶的需求伦籍。到設(shè)計(jì)部分交互設(shè)計(jì)師和視覺設(shè)計(jì)師給用戶呈現(xiàn)的就是交互界面蓝晒,那好的用戶體驗(yàn)就是信息呈現(xiàn)簡明、布局合理帖鸦、操作流程易用芝薇,視覺風(fēng)格上有吸引力、獨(dú)特等作儿。開發(fā)和運(yùn)維小哥為好的用戶體驗(yàn)?zāi)茏龅木褪鞘沟貌僮鬟^程中運(yùn)行迅速洛二、服務(wù)穩(wěn)定。運(yùn)營給的就是讓用戶覺得推廣軟文有料、話題有趣晾嘶、用戶圈活躍這些妓雾。所以一個(gè)產(chǎn)品有好的用戶體驗(yàn),應(yīng)該是團(tuán)隊(duì)共同努力的結(jié)果变擒。
02? ? 那么針對(duì)第一個(gè)關(guān)鍵詞“用戶”這塊涉及到的內(nèi)容君珠,我想講一下我們交互設(shè)計(jì)師在工作過程當(dāng)中該如何更好的理解需求,以產(chǎn)出高質(zhì)量的設(shè)計(jì)方案娇斑。
? ? 第一點(diǎn)策添,需求發(fā)布的時(shí)候要盡量在現(xiàn)場。這樣是為了讓自己能夠在之后的設(shè)計(jì)過程中把控到一些細(xì)節(jié)毫缆,因?yàn)槁犘枨蟀l(fā)布可以了解到耕讀的項(xiàng)目背景唯竹、業(yè)務(wù)規(guī)則、業(yè)務(wù)場景等苦丁。還有就是在現(xiàn)場有疑問的一定要問清楚浸颓,或許有時(shí)會(huì)覺得自己還沒有理清楚問出來會(huì)有點(diǎn)“愚蠢”,但是可能現(xiàn)場溝通的機(jī)會(huì)并不多旺拉,很可能也會(huì)問出一些產(chǎn)品經(jīng)理沒有考慮到的細(xì)節(jié)和情況产上,因?yàn)楫吘棺詈髨?zhí)行出稿的人是自己。帶好紙和筆蛾狗,做好錄音晋涣,必要時(shí)可實(shí)時(shí)給出想法討論,這也是我們?cè)O(shè)計(jì)師要鍛煉的能力之一沉桌,能快速做出判斷并搜索腦中的儲(chǔ)備知識(shí)給出方案谢鹊。
? ? 第二點(diǎn)主動(dòng)的理解需求,就是說接到需求不盲目留凭、不完全的信任產(chǎn)品經(jīng)理佃扼,先自己理解、梳理蔼夜,再進(jìn)入設(shè)計(jì)階段兼耀。那我們就可以首先來理清信息架構(gòu)、繪制業(yè)務(wù)流程圖求冷、任務(wù)流程圖等瘤运,在這梳理的過程中就肯定會(huì)有疑問點(diǎn),那就把疑問標(biāo)記羅列出來遵倦。
這邊對(duì)我理解的“前置”思維想 講一下尽超,簡單來說就是窮盡推導(dǎo)需求的根本問題在哪里,多問為什么梧躺,多解構(gòu)問題似谁。舉個(gè)例子傲绣,比如某網(wǎng)站首頁要加一個(gè)搜索功能,這個(gè)需求看起來很明確巩踏,就是要一個(gè)搜索的功能秃诵,那么為什么需要加搜索功能?原因是用戶可以通過搜索找到想要的信息塞琼,那為什么一定要進(jìn)行搜索呢菠净?因?yàn)橛脩艉芸焖俑咝У恼业较胍男畔ⅲ敲礊槭裁从脩暨@樣更高效呢彪杉,那么其實(shí)關(guān)于高效后面就會(huì)有很多原因在里面毅往,有可能是因?yàn)槭醉撔畔⒘刻啵茈y找到目標(biāo)信息派近,信息呈現(xiàn)的視覺層次不夠攀唯。也有可能是因?yàn)轫撁鎸?dǎo)航做的不好,信息架構(gòu)組織混亂不清渴丸,信息的分類這些原因侯嘀。所以說要做的更重要可能不是加一個(gè)搜索功能這么表面。接到需求一旦有疑問谱轨,就要多多問為什么會(huì)這樣戒幔。
? ? 第三點(diǎn),及時(shí)溝通土童。設(shè)計(jì)過程中不帶著疑問出方案诗茎,羅列問題分點(diǎn)討論更高效。跟開發(fā)和產(chǎn)品討論溝通娜扇,會(huì)聽到更多真實(shí)需求和提出需求的原因错沃,有時(shí)三者一起討論可以十分高效找到更簡單的替代方案栅组,畢竟有時(shí)候我們對(duì)技術(shù)和業(yè)務(wù)背景沒有那么了解深透雀瓢。
可以舉一個(gè)工作中的例子,過程中跟產(chǎn)品和開發(fā)討論了很多細(xì)節(jié)玉掸,知道了一些產(chǎn)品需求沒有傳達(dá)到位的地方甚至比較難以理解的業(yè)務(wù)需求刃麸,方案最后出來跟產(chǎn)品起初給的原型完全不一樣,整理在下圖 (工作案例不詳細(xì)解述)司浪。雖然方案不一定是最好泊业,但是這是平衡了多方需求后的相對(duì)比較理想的方案。
?????? 產(chǎn)品給的原型(下圖1)啊易。產(chǎn)品更多只是在傳達(dá)需求吁伺,需要理解需求和功能提出,是為了解決什么具體問題租谈;在B端業(yè)務(wù)比較復(fù)雜的情況下篮奄,作為交互設(shè)計(jì)師更要善于梳理流程捆愁、篩選需求,了解更細(xì)節(jié)的業(yè)務(wù)場景窟却。
????????????????? 下圖2是最后經(jīng)過跟產(chǎn)品和開發(fā)討論昼丑,修改后的方案。一部分功能利用控件的特性做了整合夸赫,操作步驟減少了菩帝,用戶理解邏輯上也更為合理。
03? ? “關(guān)鍵詞”過程中這部分涉及到的內(nèi)容比如用戶的認(rèn)知學(xué)習(xí)茬腿、操作流程等與我們?cè)O(shè)計(jì)師的工作息息相關(guān)呼奢,所以這里展開講設(shè)計(jì)過程中如何那些可以改善用戶體驗(yàn)的設(shè)計(jì)法則,在這里也是想說明我們大談的用戶體驗(yàn)切平,用戶研究這些真的不是玄學(xué)控妻。這些我們可以用到的設(shè)計(jì)法則有的來自數(shù)學(xué)定律,有的來自心理學(xué)實(shí)驗(yàn)揭绑、統(tǒng)計(jì)學(xué)弓候。因此我們的設(shè)計(jì)方案也絕不是拍腦袋、憑感覺他匪,這些理論便是我們?cè)O(shè)計(jì)過程中的方法論依據(jù)菇存。
? ? 這里我圍繞B端產(chǎn)品展開分析。典型的B端產(chǎn)品有純工具性邦蜜,企業(yè)內(nèi)部管理系統(tǒng)依鸥,還有群體協(xié)作這些軟件等,總的來說B端產(chǎn)品的特點(diǎn)是要滿足工作需要悼沈、被使用的時(shí)間較長贱迟,像C端一般是強(qiáng)調(diào)利用碎片時(shí)間;B端產(chǎn)品的功能模塊較多絮供,信息量大衣吠,并且會(huì)涉及多個(gè)用戶色的協(xié)同...B端用戶一般特點(diǎn)的是工作任務(wù)多、使用產(chǎn)品的過程中容易被打斷壤靶、被干擾缚俏,容易焦躁和疲勞,十分強(qiáng)調(diào)高效率贮乳,并且也更加理性忧换。其實(shí)通過這些大概可以總結(jié)B端產(chǎn)品需要的用戶體驗(yàn)是四個(gè)關(guān)鍵詞:更高效、更清晰向拆、更簡單亚茬、更輕松。
? ? ? 所以下面我圍繞這幾個(gè)關(guān)鍵詞的中心意思來講可以運(yùn)用到的設(shè)計(jì)法則浓恳。第一部分如何讓用戶更高效率的完成任務(wù)刹缝;第二部分如何讓用戶記住葡兑,主要是一些記憶特性的上的設(shè)計(jì)法則。
? ? ? 我從一個(gè)我們的日常案例來引入赞草,這是我們經(jīng)常會(huì)使用的電燈開關(guān)按鈕讹堤,很明顯右邊這個(gè)按鈕的使用體驗(yàn)會(huì)比較好,左邊的我需要用手去準(zhǔn)確定位到按鈕開關(guān)厨疙,而右邊我甚至整個(gè)手掌都可以按到洲守,更加快速。
這里涉及的就是費(fèi)茨定律沾凄,即任意一點(diǎn)移動(dòng)到目標(biāo)中心位置所需的時(shí)間與該點(diǎn)到目標(biāo)的距離和大小有關(guān)梗醇。那給我們的設(shè)計(jì)啟示就合理范圍內(nèi),增大目標(biāo)大小撒蟀、減小與目標(biāo)的距離來提高操作效率叙谨。
下面舉幾個(gè)常用這種定律的設(shè)計(jì)例子(見下圖)。
? ? ? 第二個(gè)日常案例是我們經(jīng)常使用的電梯按鈕面板保屯,相信我們很多人都碰到過當(dāng)樓層很多面板按鈕也很多的時(shí)候手负,我們總要在眼花繚亂的數(shù)字面板前花一小段時(shí)間找出那個(gè)我們想去的樓層數(shù)字,并且電梯的按鈕面板數(shù)字排布規(guī)則也是不統(tǒng)一的姑尺,我們很難用一種思維模式去找到相應(yīng)按鈕位置竟终;相反樓層越少,按鈕越少我們就可以很快的找到按鈕切蟋。
? ? 其實(shí)這就是贤炒罚克定律,人們決策所花費(fèi)的時(shí)間隨著選擇數(shù)量和復(fù)雜性而增加柄粹。這對(duì)界面設(shè)計(jì)的啟示就是喘鸟,要盡量簡化呈現(xiàn)的信息內(nèi)容,減少用戶做決定的時(shí)間和犯錯(cuò)誤概率驻右,獲得高效且思路清晰的使用體驗(yàn)什黑。
那對(duì)希克定律這部分涉及到的“簡化信息呈現(xiàn)”“減少用戶決策時(shí)間”這些內(nèi)容旺入,我下面深入來講兑凿,并穿插進(jìn)去一些其他定律的內(nèi)容凯力。
? ? 一般一個(gè)人對(duì)一個(gè)情況作出反應(yīng)的時(shí)間取決于三個(gè)因素:前期的認(rèn)知和觀察時(shí)間茵瘾、根據(jù)認(rèn)知后的處理時(shí)間、已有信息的數(shù)量咐鹤、復(fù)雜性拗秘。針對(duì)這三點(diǎn)內(nèi)容可以運(yùn)用到的設(shè)計(jì)定律如下開始分析。
·如何降低用戶的認(rèn)知學(xué)習(xí)成本祈惶、降低出錯(cuò)概率
這里可以應(yīng)用到的就是雅各布法則雕旨,基于用戶心智模型扮匠,通過提供熟悉的設(shè)計(jì)模式來簡化用戶的學(xué)習(xí)過程。
回到之前的案例電梯面板凡涩,基于用戶的認(rèn)知習(xí)慣棒搜,可以考慮從最底層1層從下往 上遞增或者用奇數(shù)偶數(shù)的區(qū)分認(rèn)知來排布按鈕。另一個(gè)例子比如微信朋友圈一直保留長按相機(jī)圖標(biāo)發(fā)表純文字活箕,對(duì)于新手用戶來說可能這是個(gè)很難發(fā)現(xiàn)的功能力麸,但是基于微信長期龐大的用戶群體沉淀,這個(gè)長按的功能再怎么更新版本都沒有改動(dòng)過育韩,反而在強(qiáng)化里面的細(xì)節(jié)功能克蚂。
接下來講對(duì)如何呈現(xiàn)極簡的選擇所可以運(yùn)用到的一些設(shè)計(jì)法則。
? ? ? 一般我們會(huì)在選項(xiàng)信息之間猶豫不決的原因是因?yàn)榭赡苡幸韵逻@些因素出現(xiàn)在選項(xiàng)當(dāng)中:重復(fù)性的東西筋讨、過于細(xì)化的東西埃叭、不一致的東西、無需求的東西悉罕、多功能的東西赤屋。那其實(shí)就這些因素我們可以給選項(xiàng)信息作出很多簡化跟狱,消除不必要的選擇味榛,使產(chǎn)品的可用性更高,或者考慮將相同類別的信息做適當(dāng)?shù)姆纸M等等字旭。那么下面的內(nèi)容就是可以運(yùn)用到簡化信息呈現(xiàn)然想、高效分組的一些設(shè)計(jì)法則莺奔。
? ? ? 首先講是我們很熟悉的奧姆剃須刀-簡單有效原則:只放置必要的東西、減少用戶點(diǎn)擊次數(shù)变泄。分別舉了百度搜索首頁的例子和“漸進(jìn)展開式設(shè)計(jì)”案例令哟;減少點(diǎn)擊次數(shù)舉的是滴滴打車快速選擇目的地的例子(如下圖)
? 高效分組,可以運(yùn)用的就是格式塔法則這些了:接近性原則妨蛹、相似性原則屏富、連續(xù)性原則、共同區(qū)域原則等蛙卤。
? ? 第二部分狠半,如何讓用戶輕松記住。比如在想傳遞給用戶很多信息的場景下颤难,如何傳遞給用戶較為完整的信息神年,也可以讓用戶有輕松的使用體驗(yàn)。
1.萊斯托夫效應(yīng)
2.序列位置效應(yīng)行嗤,這個(gè)法則實(shí)則有首因效應(yīng)和近因效應(yīng)已日。
3.蔡格尼克效應(yīng)
4.米勒定律
? ? ? 我們的用戶始終喜歡清晰簡單、自然的栅屏,但是繁雜其實(shí)是處在用戶難以發(fā)現(xiàn)的另一面飘千。事物每一個(gè)過程都有其復(fù)雜性堂鲜,存在一個(gè)臨界點(diǎn),超過這個(gè)點(diǎn)過程就不能再簡化了护奈,只能將固有的復(fù)雜性從一個(gè)地方轉(zhuǎn)移到其他地方缔莲,這就是復(fù)雜守恒定律。