首頁

藍(lán)藍(lán)UI設(shè)計(jì)師視角下:深化交互與用戶體驗(yàn)的策略探析|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

周周

隨著技術(shù)的日益發(fā)展,數(shù)字產(chǎn)品的競爭已不僅僅局限于功能與性能,更多地延伸至用戶體驗(yàn)與交互設(shè)計(jì)的深度。作為UI設(shè)計(jì)師,如何更有效地提升這兩大方面的體驗(yàn),已成為當(dāng)前的核心任務(wù)。本文將從UI設(shè)計(jì)師的視角,深入剖析提升產(chǎn)品用戶體驗(yàn)和交互體驗(yàn)的關(guān)鍵策略。

如何做好產(chǎn)品需求評(píng)估?我總結(jié)了5個(gè)要點(diǎn)!|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

周周

產(chǎn)品經(jīng)理經(jīng)常會(huì)收到各種需求。說是需求,不如說是產(chǎn)品“要求”。因?yàn)閯e人提需求時(shí),通常只是說他們想要什么,不會(huì)描述用戶場景,甚至可能有些需求不是站在用戶角度提出的。

產(chǎn)品經(jīng)理在接收需求后,需要進(jìn)行需求評(píng)估,通過自己的分析、判斷,將“要求”轉(zhuǎn)化為產(chǎn)品需求。

UI設(shè)計(jì)師如何提高產(chǎn)品的用戶體驗(yàn),驅(qū)動(dòng)產(chǎn)品優(yōu)化|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

周周

UI設(shè)計(jì)師在產(chǎn)品開發(fā)過程中扮演著至關(guān)重要的角色,他們通過設(shè)計(jì)用戶界面和用戶體驗(yàn),為產(chǎn)品注入生命和靈魂。為了提高產(chǎn)品的用戶體驗(yàn)并驅(qū)動(dòng)產(chǎn)品優(yōu)化,UI設(shè)計(jì)師需要關(guān)注以下幾個(gè)方面:

6000字干貨!3個(gè)優(yōu)秀交互設(shè)計(jì)師應(yīng)該具備的邊界感|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

周周

售賣軟件服務(wù)的公司,最理想的狀態(tài)就是開發(fā)一套通用的解決方案或產(chǎn)品,而幾乎不用接收任何定制化需求(定制化需求大多會(huì)被內(nèi)化成通用產(chǎn)品的新功能)。這種經(jīng)營模式下,公司全部的業(yè)務(wù)和技術(shù)力量都可以集中在這一套標(biāo)準(zhǔn)化產(chǎn)品上。因?yàn)槿肆Τ渥?,那些為了提升體驗(yàn)滿意度而做的努力就很容易有結(jié)果,設(shè)計(jì)師基本不用太過擔(dān)心投入的成本。但很多公司面向的客戶形態(tài)無法做到這種理想狀態(tài),這些公司對外交付的版本一般都是基于主線版本的定制化版本。為了效益,客戶當(dāng)然越多越好,交付肯定越快越好,這就意味著評(píng)審交互設(shè)計(jì)師輸出的交互設(shè)計(jì)方案時(shí),體驗(yàn)至上不再是首肯的目標(biāo),按時(shí)交付才是。所以支撐外包項(xiàng)目的時(shí)候,交互設(shè)計(jì)師如果沒有邊界感,輸出的交互設(shè)計(jì)方案在后面的評(píng)審階段將會(huì)被不斷推翻,無法落地。前面雖然說了標(biāo)準(zhǔn)化產(chǎn)品維護(hù)過程中設(shè)計(jì)師不用過多考慮實(shí)現(xiàn)成本,但標(biāo)準(zhǔn)化產(chǎn)品也會(huì)有迭代周期,在一個(gè)有限的迭代周期內(nèi),也同樣需要考慮邊界問題按時(shí)完成版本迭代任務(wù)。那么交互設(shè)計(jì)師支撐外包項(xiàng)目或版本迭代項(xiàng)目時(shí)都需要有哪些邊界感呢?今天我們來談?wù)勑枨筮吔绾图夹g(shù)邊界。

 

4000字干貨!UI設(shè)計(jì)中的彈窗/浮層/提示框,怎么用才對?|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

周周

我們最近在設(shè)計(jì) OS 底層組件的時(shí)候,經(jīng)常會(huì)遇到很多底層控件規(guī)范的討論。今天就這篇文章詳細(xì)分析,包括控件定義、命名、使用等等規(guī)范,打磨好基礎(chǔ)控件的設(shè)計(jì)細(xì)節(jié)。

當(dāng)我們設(shè)計(jì)師在設(shè)計(jì)界面時(shí),經(jīng)常會(huì)面臨一些困難的決策。有非常多的設(shè)計(jì)手法可以向用戶表達(dá)同一個(gè)意思。有時(shí)候,設(shè)計(jì)師發(fā)現(xiàn)想要確定哪個(gè)元素最適合完成設(shè)計(jì)目標(biāo),是一件很讓人糾結(jié)的事情。

例如,在一個(gè)給定的場景中,信息如何呈現(xiàn)是最好的?是應(yīng)該打開一個(gè)全新的界面,一個(gè)浮層還是彈窗?

如果設(shè)計(jì)師使用浮層,又將面臨一個(gè)新問題——選擇哪種關(guān)閉方式,是關(guān)閉按鈕還是滑動(dòng)關(guān)閉?

在這篇文章中,我嘗試找到這些問題的答案,并明確一些模式標(biāo)準(zhǔn)。

體驗(yàn)設(shè)計(jì)思維養(yǎng)成 — 如何在中規(guī)中矩的常規(guī)項(xiàng)目中鍛煉設(shè)計(jì)思維提高自身價(jià)值

ui設(shè)計(jì)分享達(dá)人

先聊一個(gè)我發(fā)現(xiàn)的當(dāng)下普遍存在的問題,眾所周知道,現(xiàn)在“大環(huán)境”不好,很多設(shè)計(jì)師在求職中會(huì)遇到兩個(gè)比較尷尬的事兒,第一個(gè)就是在中小型公司工作幾年,由于公司在發(fā)展階段,所以更多的是在高強(qiáng)度的上需求加功能,所以做的需求更多是“實(shí)現(xiàn)產(chǎn)品功能”而沒有機(jī)會(huì)像頭部廠商一樣去做大的改版升級(jí),去突出“設(shè)計(jì)呈現(xiàn)”,最后就只能從中規(guī)中矩的頁面中尋求數(shù)據(jù)上的設(shè)計(jì)價(jià)值;第二個(gè)就是人手不足,每個(gè)項(xiàng)目的項(xiàng)目周期自然比較緊張,到最后的結(jié)果就是 —— 留給設(shè)計(jì)研發(fā)的時(shí)間有限,在設(shè)計(jì)階段的不得不將設(shè)計(jì)精度大打折扣,即使是這樣在進(jìn)入研發(fā)后,由于研發(fā)周期的原因,在研發(fā)還原度上還要再砍一刀,導(dǎo)致最后的呈現(xiàn)往往和自己的預(yù)期差距較大,結(jié)論:如此往復(fù)設(shè)計(jì)呈現(xiàn)拿不出什么,思維也會(huì)慢慢固化,最后成為無情的“圖狗”甚至不知道什么該做什么不該做,最后換工作的時(shí)候一臉懵逼。那怎么辦?

先說結(jié)論,我認(rèn)得這種情況下個(gè)人有兩個(gè)直接的辦法給到大家參考:第一個(gè),尋找新的機(jī)會(huì),作為設(shè)計(jì)者項(xiàng)目周期是改變不了,而且我也認(rèn)為常規(guī)設(shè)計(jì)者在產(chǎn)品孵化的流程中應(yīng)該是一個(gè)在已經(jīng)決定好的事上“推一把”的角色,所以很多時(shí)候我們無法產(chǎn)能不足帶來的影響,那最好的辦法就是再找一個(gè)你中意的公司。如果你因?yàn)榉N種原因,個(gè)人能力不足也好,房貸壓力也好,無法跑路,那這時(shí)候我們就會(huì)面臨一個(gè)問題,也是我認(rèn)為的第二種方法:如何在中規(guī)中矩的常規(guī)項(xiàng)目中鍛煉設(shè)計(jì)思維提高自身價(jià)值

我們平常在接到一個(gè)體驗(yàn)升級(jí)任務(wù)或者日常自發(fā)審視產(chǎn)品問題時(shí),如果比較完善頁面去尋找問題時(shí)常常會(huì)發(fā)現(xiàn),找一圈回來發(fā)現(xiàn)頁面哪哪好像都合理,感覺分析一波下來他好像就應(yīng)該長這個(gè)樣子。不排除他確實(shí)暫時(shí)沒有改動(dòng)空間的可能性,但是更多時(shí)候產(chǎn)品自身還是不可避免的有一些缺陷的,那應(yīng)該如何發(fā)現(xiàn)這些潛在問題呢?這里隨便找一個(gè)我在行業(yè)大廠的頁面,來看看即使是我沒做過的一個(gè)陌生產(chǎn)品和頁面,在有部分行業(yè)經(jīng)驗(yàn)的前提下,我都會(huì)做些什么來合理的發(fā)現(xiàn)問題解決問題的。

這里找一個(gè)我做的出行行業(yè)的頭部廠商“百度地圖”中的“打車業(yè)務(wù)”位例。

一個(gè)沒做過的頁面,有些同學(xué)會(huì)習(xí)慣先把頁面拉到畫板上,然后一頓分析,最后還是變成了前面說的“頁面好像和我想的一樣”,然后無從下手,暗自emo,這里和大家分享下我個(gè)人的小方法,自認(rèn)為解決這個(gè)問題還是蠻有效果的。

首先,我不會(huì)先把頁面放上來,我第一步往往是先確定思路,不管是有項(xiàng)目背景改版,還是自發(fā)審視產(chǎn)品問題的階段,我會(huì)先確定目標(biāo),根據(jù)目標(biāo)確定整個(gè)事情的大方向,這一步是為了保證你整體做的事兒不會(huì)偏離最基本的軌道。

 

 

 

 

在確定好了我這次要干一個(gè)什么事兒之后,,我第二步往往做的是思考 — 產(chǎn)品形態(tài)應(yīng)該是什么樣子的?先弄清楚了他應(yīng)該是什么樣子的,你才能發(fā)現(xiàn)和你預(yù)期中差異的點(diǎn),然后去探究問題產(chǎn)生的原因或做相關(guān)調(diào)整。這里來說為什么我不提倡先把頁面放過來直接找問題,因?yàn)槿绻敲锤傻脑捄苋菀拙蜁?huì)變成“你來給頁面設(shè)計(jì)者為什么這么做找理由”然后就會(huì)發(fā)現(xiàn)看著看著自己就被洗腦了。

但是在這一步的時(shí)候有一個(gè)需要注意的問題,用戶要的是更好的產(chǎn)品,不管這個(gè)“更好”是指的什么,但是公司做產(chǎn)品最根本的是想賺錢,這按理說是一個(gè)完全沖突的事情。不過在產(chǎn)品的不同階段,側(cè)重是不一樣的,我們首先要做的就是結(jié)合產(chǎn)品階段與具體頁面所在的節(jié)點(diǎn),權(quán)衡產(chǎn)品側(cè)重,就能在你心里建立起一個(gè)最基本的產(chǎn)品形態(tài)預(yù)期,這樣在你下一步真正開始分析頁面現(xiàn)狀的時(shí)候就能幫助你一些發(fā)現(xiàn)功能的可優(yōu)化點(diǎn)。

 

 

 

通過上面的推導(dǎo)可知,至少在當(dāng)前產(chǎn)品的當(dāng)前業(yè)務(wù)線來說,工具類產(chǎn)品公司關(guān)心的節(jié)點(diǎn)轉(zhuǎn)化,還是要依賴于用戶使用的滿意程度,也就是說,兩者沖突時(shí),優(yōu)先服務(wù)于用戶體驗(yàn)。這里要注意下在真正的工作過程中,有些產(chǎn)品的階段導(dǎo)致產(chǎn)品要優(yōu)先服務(wù)于轉(zhuǎn)化,也就是營收,這是很正常的事兒,要根據(jù)不同階段來權(quán)衡設(shè)計(jì)中心,不要被“設(shè)計(jì)師就是站在用戶這邊的”這種話誤導(dǎo),具體場景具體分析。

接下來第三步就可以正式的進(jìn)入到頁面現(xiàn)狀分析了。

 

 

 

 

主要分為三大點(diǎn),第一個(gè)框架現(xiàn)狀,首先得知道現(xiàn)在的框架是怎樣的,這一步主要是看頁面的功能區(qū),找出他們并講他們的層級(jí)用一維分析法列出,方便之后的對比。第二是合理性驗(yàn)證,將找出的模塊用“十字交叉分析”畫出坐標(biāo)軸,這里我是根據(jù)“對用戶的重要程度”和“盈利能力”來代表X軸與Y軸(XY軸并不是一直固定代表什么,可根據(jù)第二步你的產(chǎn)品重心來決定XY軸),決定好XY軸之后,結(jié)合產(chǎn)品側(cè)重把剛才找出的大模塊定位在坐標(biāo)軸相關(guān)的位置上,這么做的目的是,你可以根據(jù)坐標(biāo)軸的定位,來對比剛才一維分析法列出的模塊層級(jí)是否合理;最后第三步根據(jù)分析結(jié)果,得出相關(guān)結(jié)論,用來指導(dǎo)你之后具體設(shè)計(jì),將影響用戶行為與體驗(yàn)的點(diǎn)進(jìn)行改進(jìn),暫無問題的點(diǎn)根據(jù)時(shí)間成本選擇暫時(shí)不動(dòng)或在不影響產(chǎn)品功能和研發(fā)成本的基礎(chǔ)上進(jìn)行視覺升級(jí)。這一步往往能夠解決設(shè)計(jì)者工作中遇到的一個(gè)最基本的問題: 項(xiàng)目周期不夠,什么做什么可以放棄。

功能區(qū)的問題解決之后,就可以進(jìn)行第四步,也就是我們最熟悉的工作了,小模塊的優(yōu)化,也是最考驗(yàn)設(shè)計(jì)師細(xì)節(jié)打磨能力的地方,這一步要做的就是根據(jù)你自己的經(jīng)驗(yàn)與方法論,找出模塊的設(shè)計(jì)目標(biāo),并且根據(jù)自己的方法論與經(jīng)驗(yàn)積累,用你覺得達(dá)成這個(gè)設(shè)計(jì)目標(biāo)最合適的設(shè)計(jì)方法。方法論這東西就很宏大了,主要是知識(shí)積累,然后自己拆分與結(jié)合,其實(shí)多定理之類的說的都是一個(gè)事兒,網(wǎng)上文章一大堆,所以就不過多描述了。

 

 

 

在做完這一步后,通常你就可以根據(jù)時(shí)間成本選擇交付研發(fā)了,然后等待上線后一個(gè)周期后進(jìn)行數(shù)據(jù)驗(yàn)證來驗(yàn)證設(shè)計(jì)的正確性。

但是如果你還有時(shí)間,你可以選擇在不影響產(chǎn)品功能和研發(fā)成本的基礎(chǔ)上進(jìn)行視覺升級(jí)。這來引入一個(gè)新的技術(shù)來幫助高效進(jìn)行設(shè)計(jì)產(chǎn)出,也就是當(dāng)下大熱的AIGC技術(shù)。這時(shí)候就有些人可能會(huì)說AIGC的產(chǎn)出不可控等問題,現(xiàn)在通常的解決方法是通過mj或手繪或拼接出你心中的畫面,然后放進(jìn)SD里進(jìn)行邊緣描摹,并通過openpose等插件產(chǎn)出你心儀的視覺效果,如果你沒有訓(xùn)練有素的模型也可以之后再扔進(jìn)MJ里進(jìn)行畫面細(xì)化。

什么?SD配置太麻煩?是不是就搞不了了?其實(shí)不是的,AIGC的發(fā)展如此迅猛,每天都在以我們想象不到的速度進(jìn)化這,其實(shí)面對我們工作中一些不復(fù)用的視覺素材,MJ已經(jīng)能夠快速的產(chǎn)出構(gòu)圖相差無幾的畫面了,要求不高的話能夠大大的減小設(shè)計(jì)者的成本。下面我們就以現(xiàn)在頁面的一些視覺為例,讓我們看看AIGC能夠幫助我們做到什么程度。

 

 

 

相信大家不難看出,在我們心中已經(jīng)有了一個(gè)合適的樣子或者有了一個(gè)合適的參考之后,再通過合理的prompt描述方式,AIGC能夠通過較小的時(shí)間成本幫助我們產(chǎn)出較高質(zhì)量的圖片,這樣我們就能夠選擇性的把時(shí)間分配到更多的地方產(chǎn)出更為精致的設(shè)計(jì)呈現(xiàn)。

 

 



作者:MasonWang
鏈接:https://www.zcool.com.cn/article/ZMTU5Nzg2NA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
 

藍(lán)藍(lán)設(shè)計(jì)(m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)

軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

UI設(shè)計(jì)中交互設(shè)計(jì)7大定律|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

01菲茨定律

A點(diǎn)移動(dòng)到B點(diǎn)所需要的時(shí)間,距離(L)和目標(biāo)大?。―)決定了這個(gè)參數(shù)!

我們可以理解成射箭,要想更容的打中靶心,可以放大靶心,或者移動(dòng)兩者之間的距離!

UI設(shè)計(jì)中其實(shí)包含很多,比說banner圖點(diǎn)擊任意地方就可以進(jìn)入,或者是鼠標(biāo)直接右鍵,或者是直接放大的按鈕!

02席克定律:

當(dāng)一個(gè)人面臨選擇越多的時(shí)候,所花費(fèi)的時(shí)間就越長!

我們可以通過,將這些選擇進(jìn)行分類打包,以站酷為例子將類似功能進(jìn)行分類或者分頁面,幫助用戶梳理進(jìn)行梳理。

現(xiàn)實(shí)中比如超市的水果區(qū),蔬菜區(qū),以及廚房調(diào)料區(qū)也都是這個(gè)道理!

03接近原則

當(dāng)兩個(gè)物體里的比較近的時(shí)候,你就認(rèn)為他們是有聯(lián)系的,這個(gè)感覺簡單到感覺不能算定律的定律,是格式塔心理學(xué)上的老知識(shí)了,就比如兩個(gè)不認(rèn)識(shí)異性同事從賓館中走出,在別人眼中別人就以為他們是開房去了。

在UI中最常見的就是布局排版和歸類的暗示用戶相關(guān)聯(lián)的元素,比如用更大的間距或者顏色隔開相同的元素。

04交互設(shè)計(jì)7±2

美國心理學(xué)家(喬治·米勒)研究中認(rèn)為,人對5-9個(gè)元素之間會(huì)表現(xiàn)出比較良好的記憶狀態(tài),如果超出這個(gè)范圍就會(huì)容易出錯(cuò)。

在UI設(shè)計(jì)當(dāng)中的應(yīng)用那就是真的太廣泛了,比如說APP當(dāng)中的底部欄或者金剛區(qū),一般單行不會(huì)超過5個(gè)圖標(biāo)按鈕,或者是文案標(biāo)題,你仔細(xì)想想,單獨(dú)超過9個(gè)字的標(biāo)題是不是很少。

05泰勒斯定律

該定律認(rèn)為每一個(gè)流程都有一定的復(fù)雜性,且存在一定臨界值!超過這個(gè)零界點(diǎn)就不能在簡化了,你只能將這些復(fù)雜的流程從一個(gè)地方搬移到另一個(gè)地方。

比如以前的電視機(jī)遙控器很復(fù)雜,但是遙控器很簡單!現(xiàn)在的遙控器很簡單,但是電視界面很復(fù)雜!

UI設(shè)計(jì)中最常見的就是認(rèn)證流程,其實(shí)分步驟填寫也是這個(gè)道理。
當(dāng)然一些雞賊的產(chǎn)品經(jīng)理往往會(huì)把最復(fù)雜的流程放到最后,你都填寫那么多了,總不能最后直接放棄吧!

這個(gè)定律也微信和qq經(jīng)久不衰重大原因之一,好多不相關(guān)的網(wǎng)站都可以通過這些巨頭的賬號(hào)一鍵登錄!
他們直接把數(shù)據(jù)庫進(jìn)行搬移或者共享,讓用戶省去復(fù)雜的認(rèn)證流程!

06新鄉(xiāng)重夫防錯(cuò)原則

大部分的操作失誤都是因?yàn)樵O(shè)計(jì)不當(dāng)造成的,我們可以通過優(yōu)化設(shè)計(jì)去減少失誤,比如說最常見的就是出現(xiàn)一些敏感操作的時(shí)候進(jìn)行一些提示!

這個(gè)定律也可以反過來用,比如說你要卸載一些軟件,或者是取消一些購物的時(shí)候。那個(gè)卸載或者是取消購物的按鈕,他總是灰色的!

07奧卡姆剃刀原理

一切以簡單實(shí)用為原則,去掉不必要的因素!減少用戶反復(fù)操作帶來的厭惡感!比如我做的這個(gè)后臺(tái)管理,就比如說投影、描邊、多色彩圖標(biāo)、以及沒必要背景元素,統(tǒng)統(tǒng)不要!

這個(gè)定律是非常契合b端交互模式的,但是在C端當(dāng)中有一些確實(shí)不適用的,比如說電商或者是產(chǎn)品活動(dòng)網(wǎng)頁,
需要用戶更長時(shí)間的停留在這個(gè)界面,這個(gè)時(shí)候我們就需要對圖進(jìn)行填充更多元素,來激發(fā)用戶的購買欲望或者停留時(shí)間!

作者:達(dá)達(dá)里鴨
鏈接:https://www.zcool.com.cn/article/ZMTU4MjI0MA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì)包裝設(shè)計(jì)圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

卓越用戶體驗(yàn)設(shè)計(jì)指南|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

“沒有產(chǎn)品是一座孤島。產(chǎn)品不僅是產(chǎn)品,這是一套有凝聚力、綜合性的體驗(yàn),思考產(chǎn)品或服務(wù)的所有階段-從最初的意圖到最終的反思,從第一次使用到幫助、服務(wù)和維護(hù)。讓他們無縫的協(xié)同工作。”— Don Norman

用戶體驗(yàn) (UX) 設(shè)計(jì)是在獲取和集成整個(gè)產(chǎn)品流程中全流程創(chuàng)建有意義的體驗(yàn)優(yōu)化,不僅包括產(chǎn)品易用,更注重的是全程與全方面,關(guān)注產(chǎn)品并提供解決痛點(diǎn)難點(diǎn)的解決方案。在某些情景下,UX、UI、可用性等術(shù)語通?;Q使用,但是可用性和UI仍為UX的子集,是UX構(gòu)成的重要元素

UX設(shè)計(jì)涉及實(shí)施、組織項(xiàng)目和元素,來影響用戶從產(chǎn)品獲得體驗(yàn)。設(shè)計(jì)目標(biāo)是通過影響用戶心智、感知與行為方向,來優(yōu)化產(chǎn)品路徑與流程。通常在設(shè)計(jì)過程中保持“以數(shù)據(jù)驅(qū)動(dòng)”和“以人為本”:

通過數(shù)據(jù)驅(qū)動(dòng)的用戶體驗(yàn)最優(yōu)化

卓越精美的用戶體驗(yàn)可以提高產(chǎn)品銷售額,轉(zhuǎn)化率,提高用戶忠誠度,降低用戶沮喪感并提升團(tuán)隊(duì)工作效率??茖W(xué)優(yōu)化的用戶體驗(yàn)設(shè)計(jì)路徑與流程可以精準(zhǔn)獲取用戶并核對業(yè)務(wù)目標(biāo)。

堅(jiān)持“以人為本”智能化設(shè)計(jì)理念

設(shè)計(jì)過程中保持“以人為本”的設(shè)計(jì)理念,提前對市場、用戶和目標(biāo)群體進(jìn)行調(diào)研,在多維度視角下構(gòu)思產(chǎn)品用戶體驗(yàn)路徑與方案,通過卓越思維提供底線價(jià)值

國際標(biāo)準(zhǔn)化組織將UX定義為:“一個(gè)人因使用或預(yù)期使用產(chǎn)品、系統(tǒng)或服務(wù)而產(chǎn)生的看法和反應(yīng)”

在UX設(shè)計(jì)過程中,設(shè)計(jì)師無法控制用戶對產(chǎn)品的看法和反應(yīng),同時(shí)在用戶未使用產(chǎn)品即得到體驗(yàn)結(jié)論的方式我們也無法認(rèn)可。因?yàn)槲覀儫o法控制用戶在使用產(chǎn)品過程中,他們的感覺,心智,眼睛,與操作流程,所以設(shè)計(jì)師能做的僅僅是在有限的產(chǎn)品功能與流程內(nèi)達(dá)到極致的美學(xué)優(yōu)化與路徑優(yōu)化。即:一個(gè)人無法設(shè)計(jì)用戶體驗(yàn),只能為用戶體驗(yàn)而設(shè)計(jì)。

思考UX優(yōu)化的最簡單方式拆分用戶體驗(yàn),將其從動(dòng)詞與名詞兩個(gè)角度進(jìn)行思考。動(dòng)詞:思考-計(jì)劃-實(shí)施(優(yōu)化),名詞:對系統(tǒng)和產(chǎn)品的感知和響應(yīng)

即:我們雖然無法控制用戶如何使用產(chǎn)品,但是我們可以通過控制頁面的美感、路徑的精簡、交互趣味性,來引導(dǎo)用戶完成操作:直觀瀏覽產(chǎn)品-引導(dǎo)實(shí)現(xiàn)目標(biāo)-適當(dāng)時(shí)間任務(wù)可見性,這些方面會(huì)幫助用戶一定程度按照我們預(yù)先提供的方式使用產(chǎn)品并得到卓越體驗(yàn)感。

為什么-什么思維方式

設(shè)計(jì)師在優(yōu)化用戶體驗(yàn)感的過程中,應(yīng)先找準(zhǔn)“為什么”(為什么用戶不喜歡這種交互方式?為什么用戶操作體驗(yàn)感差?為什么轉(zhuǎn)化率低?為什么用戶忠誠度不夠?),即先找準(zhǔn)“痛點(diǎn)”,再“對癥下藥”,用“什么”方式,來解決用戶痛點(diǎn)難點(diǎn),通過無限個(gè)優(yōu)化閉環(huán)-創(chuàng)建讓用戶有意義的體驗(yàn)產(chǎn)品。

體驗(yàn)環(huán)境-卓越體驗(yàn)計(jì)劃

設(shè)計(jì)師在優(yōu)化過程中,除了考慮產(chǎn)品本身的優(yōu)化,還需要考慮用戶使用產(chǎn)品的環(huán)境和情景,即:用戶使用的外環(huán)境(室內(nèi)、室外、光線強(qiáng)度),用戶使用的情景(運(yùn)動(dòng)、靜止、精力與功效),用戶使用的設(shè)備(產(chǎn)品展現(xiàn)的實(shí)質(zhì)),必須確保產(chǎn)品可以在使用場景、情景和設(shè)備都自由或符合實(shí)際應(yīng)用前提下,提供給用戶卓越、流暢的系統(tǒng)體驗(yàn)計(jì)劃。

項(xiàng)目方法

參與卓越體驗(yàn)優(yōu)化項(xiàng)目的方式可以是正規(guī)的瀑布式,也可以是非正式的敏捷,瀑布式優(yōu)化方式可能不是很靈活,當(dāng)需要變化時(shí)往往無法立即完成優(yōu)化,而錯(cuò)過最佳優(yōu)化體驗(yàn)機(jī)會(huì),而敏捷恰巧能解決這一問題,避免繁瑣流程和批準(zhǔn)步驟導(dǎo)致優(yōu)化延遲。從某種程度上,選擇方式的優(yōu)化也是體驗(yàn)計(jì)劃優(yōu)化的步驟之一。

業(yè)務(wù)需求

我們進(jìn)行卓越體驗(yàn)計(jì)劃時(shí),首要條件是滿足業(yè)務(wù)層需求,為業(yè)務(wù)賦能,當(dāng)優(yōu)化點(diǎn)與業(yè)務(wù)產(chǎn)生矛盾時(shí),首要為業(yè)務(wù)讓步,可以與相關(guān)方先進(jìn)行溝通了解功能點(diǎn)與業(yè)務(wù)需求,再根據(jù)利益相關(guān)者訪談制定想法。之后根據(jù)功能劃分不同組,再優(yōu)化與過濾,生成有效且不重復(fù)的需求列表,之后進(jìn)行優(yōu)先級(jí)排序。

用戶視野調(diào)研

用戶調(diào)研往往從定性與定量兩個(gè)方向進(jìn)行

定義組 -為了體驗(yàn)計(jì)劃的順利實(shí)施,我們首頁任務(wù)是創(chuàng)建需要使用應(yīng)用程序或網(wǎng)站的用戶類型的架構(gòu)或模型??赡馨ǎ和顿Y者、成員、合作伙伴、客戶和求職者……
研究——確定用戶類型后,確定在整個(gè)項(xiàng)目中要執(zhí)行的研究類型。例如:用戶訪談、情境訪談、焦點(diǎn)小組、可用性測試、調(diào)查和卡片分類。

人物角色

在進(jìn)行體驗(yàn)計(jì)劃決策時(shí),我們需要先構(gòu)建虛擬畫像,之后牢記可能使用該產(chǎn)品的“心理用戶模型”與“逼真用戶概念”,設(shè)計(jì)決策需要大量信息,在缺乏所需信息情況下,設(shè)計(jì)人員無法解決設(shè)計(jì)沖突,因此我們需要提前構(gòu)建“虛擬用戶畫像”模型,在這里我們暫時(shí)稱為“角色”

設(shè)計(jì)

進(jìn)行最終的設(shè)計(jì)優(yōu)化時(shí),我們需要借助很多方式來完成優(yōu)化計(jì)劃,包括不限于僅僅在視覺層面。

視覺——通過完美的視覺帶動(dòng)用戶感知,用戶可能會(huì)認(rèn)為設(shè)計(jì)良好的產(chǎn)品比視覺設(shè)計(jì)不太專業(yè)的產(chǎn)品更值得信賴、更有價(jià)值、更相關(guān)。
心理學(xué)——使用產(chǎn)品時(shí),用戶的初步印象可能是正面也可能是負(fù)面。有效的程序以適合用戶心理模型并符合用戶期望的方式響應(yīng)用戶輸入。有效程序的設(shè)計(jì)需要對心理學(xué)有很好的理解。
站點(diǎn)地圖 -用于表示應(yīng)用程序或站點(diǎn)的不同“頁面”或“視圖”的圖表。站點(diǎn)地圖通常看起來類似于組織用來顯示人力資源結(jié)構(gòu)的圖表。
任務(wù)流 –與站點(diǎn)地圖類似,很容易與它們混淆。站點(diǎn)地圖顯示站點(diǎn)或應(yīng)用程序的“頁面”或“視圖”的布局,而任務(wù)流則顯示向用戶提供的選項(xiàng)以及用戶可以在系統(tǒng)中導(dǎo)航的路徑。

由于用戶體驗(yàn)設(shè)計(jì)涵蓋了整個(gè)用戶旅程,因此它是一個(gè)多學(xué)科領(lǐng)域。

用戶體驗(yàn)設(shè)計(jì)師的典型任務(wù)各不相同,但通常包括用戶研究、創(chuàng)建角色、設(shè)計(jì)線框和交互式原型以及測試設(shè)計(jì)。這些任務(wù)在不同組織之間可能存在很大差異。盡管如此,始終要求設(shè)計(jì)師成為用戶的倡導(dǎo)者,并將用戶的需求置于所有設(shè)計(jì)和開發(fā)工作的中心。這也是為什么大多數(shù)用戶體驗(yàn)設(shè)計(jì)師以某種形式的以用戶為中心的工作流程進(jìn)行工作,并不斷引導(dǎo)最明智的努力,直到以最佳方式解決所有相關(guān)問題和用戶需求。

總之,設(shè)計(jì)體驗(yàn)優(yōu)化是一個(gè)有趣的工作,它不僅要求設(shè)計(jì)師具備極強(qiáng)的專業(yè)素質(zhì),也需要擁有多學(xué)科思維,以“用戶”的視角,以“相關(guān)方”的身份,以“產(chǎn)品”的思維,以“設(shè)計(jì)師”的專業(yè) ,來解決并決策整個(gè)產(chǎn)品全流程過程的所有優(yōu)化體驗(yàn)計(jì)劃。通過持續(xù)探索,以設(shè)計(jì)藝術(shù)與科學(xué)滿足用戶需求和業(yè)務(wù)目標(biāo)。

作者:十幾個(gè)黃河大街
鏈接:https://www.zcool.com.cn/article/ZMTU4NDUyNA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn)交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

如何利用激勵(lì)體系提升用戶粘性|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

ui設(shè)計(jì)分享達(dá)人

用戶激勵(lì)體系是促進(jìn)用戶增長和活躍的常用手段,無論是節(jié)假日的各類運(yùn)營活動(dòng),還是各種等級(jí)、積分體系,都稱作激勵(lì)體系。因此很多人會(huì)困惑:為什么有的產(chǎn)品有 “積分” 又有“金幣” ,好像重復(fù)了?其實(shí)不然,它們是兩套并行的激勵(lì)體系,各自發(fā)揮著重要作用。激勵(lì)體系復(fù)雜多樣,因此筆者基于最近的實(shí)踐經(jīng)驗(yàn)和理論積累,將論述常見的用戶激勵(lì)方式,以及針對好看視頻APP人群分層設(shè)計(jì)激勵(lì)體系的思路。

??硕?| 設(shè)計(jì)師需要知道的設(shè)計(jì)原則|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

博博

一、希克定律的基本認(rèn)識(shí)

1.產(chǎn)生背景
1951年,英國心理學(xué)家威廉·埃德蒙·席克(William Edmund Hick)做了一個(gè)隨機(jī)開燈的試驗(yàn),他以每5秒點(diǎn)亮10盞燈的方式測得反應(yīng)時(shí)間和選擇數(shù)量之間的對數(shù)關(guān)系;美國心理學(xué)家雷伊·海曼(Ray Hyman)也通過一定的實(shí)驗(yàn)確定的信息傳輸與反應(yīng)時(shí)間的關(guān)系,聲稱這兩者的關(guān)系應(yīng)該呈線性。席克、海曼共同認(rèn)為,人們在多重選項(xiàng)的刺激之下做出選擇時(shí)、需花費(fèi)的時(shí)間就越長,并且隨著這種刺激的逐漸增大、所產(chǎn)生的阻礙就越大,還可能導(dǎo)致人們放棄選擇,后續(xù)便以他們兩人的名字將這種規(guī)律命名為「席克海曼定律」。直到如今也是一樣,在選項(xiàng)復(fù)雜度相等的情況下,無論是對數(shù)還是線性,選擇數(shù)量越多,我們就越難做出決定。

2.基本介紹
??硕墒且环N心理物理學(xué)定律,我們還可以將其稱為“席克定律、西克定律、???海曼定律、??朔▌t”等,本文為方便介紹,將統(tǒng)一稱為「??硕伞埂O?硕杀砻?,用戶面臨選擇的數(shù)量越多、決策時(shí)間就越長,并隨著可選項(xiàng)的數(shù)量和復(fù)雜性而增加,運(yùn)用這一定律的唯一宗旨就是:減少刺激的數(shù)量并獲得更快的決策過程。該定律有一個(gè)數(shù)學(xué)公式,先由席克首次實(shí)驗(yàn)、然后由海曼進(jìn)行完善,即“RT=a+b log2(n)”。RT:反應(yīng)時(shí)間a:對信息的前期認(rèn)知和觀察時(shí)間(信息處理之前)b:對信息的處理時(shí)間log:某個(gè)數(shù)學(xué)符號(hào),不做特別理解n:信息的數(shù)量

3.生活中的應(yīng)用
??硕稍谖覀兩钪械氖褂秒S處可見,如下圖的兩個(gè)遙控器,你更傾向于使用哪一個(gè)?毫無疑問,圖2不管是從視覺上、還是操作上都更簡單,特別是老少用戶,簡單地教一下就能快速學(xué)會(huì)。至于圖1,有些圖標(biāo)、顏色、英文,很多年輕的用戶也不清楚到底是干什么的,要想搞清楚,則需要更多的時(shí)間成本、學(xué)習(xí)成本以及試錯(cuò)成本,這就是希克定律在遙控器上的作用,以減少選擇讓用戶更快決策。遙控器的這個(gè)案例雖然在交互設(shè)計(jì)四策略中也體現(xiàn)的淋漓盡致,但與??硕刹⒉粵_突,讓用戶減少選擇的方式可以是刪除、組合,也可以是隱藏、轉(zhuǎn)移。

4.設(shè)計(jì)中的應(yīng)用
用戶在界面中看到的選項(xiàng)越多、信息量越大,就意味著需要花費(fèi)更多的時(shí)間與精力去識(shí)別和理解,直接延長了用戶做決策的時(shí)間,在選擇困難較大的情況下,一旦用戶沒有足夠的精力或無法做出明確選擇(不愿動(dòng)腦)時(shí)可能直接放棄,導(dǎo)致任務(wù)失敗。當(dāng)信息/選項(xiàng)減無可減時(shí),也可以通過對其分類分組、層級(jí)分布等方式提高用戶決策效率,只要選項(xiàng)與選項(xiàng)之間保持著一定的聯(lián)系,絲毫不會(huì)影響用戶識(shí)別與理解。

二、??硕稍谠O(shè)計(jì)中的作用

1.提高選擇效率
其實(shí)在很多頁面中都存在信息過剩的情況,對用戶來說,選擇太多就等于沒有選擇,用戶很可能會(huì)因?yàn)楠q豫不決,造成時(shí)間成本上升而導(dǎo)致放棄當(dāng)前任務(wù)。盡可能避免在用戶面前出現(xiàn)過多的選擇,根據(jù)信息權(quán)重刪除或隱藏多余選項(xiàng),只保留用戶所需。有“度”的刪減可保持內(nèi)容足夠簡潔,提升用戶對信息的理解以及操作效率。

2.優(yōu)化版式布局
在設(shè)計(jì)過程中,如果沒有對功能層級(jí)進(jìn)行劃分,一股腦地將所有功能入口平鋪的話,就需要用戶花費(fèi)大量的時(shí)間和精力來查找需要的功能,無疑是一場災(zāi)難。我們可以通過??硕蓙韮?yōu)化界面功能布局,根據(jù)業(yè)務(wù)的重要性對功能入口進(jìn)行分類組合,減少用戶的認(rèn)知及理解成本,以便快速達(dá)到目的。

3.提升用戶體驗(yàn)
通過減少選項(xiàng)以及對信息進(jìn)行層級(jí)劃分,不管是視覺瀏覽還是操作流程上,消耗的成本都會(huì)有所降低,用戶在使用過程中的心情則更加愉悅,用戶體驗(yàn)得到了很大程度的提升。

4.提高轉(zhuǎn)化率
用戶所做的選擇越少、消耗的成本就越小,好的使用體驗(yàn)讓用戶心情愉悅,短時(shí)間內(nèi)的流暢、愉悅操作都能讓任務(wù)變得更簡單、更容易完成,還能降低用戶的付費(fèi)感知,間接性的提高了產(chǎn)品轉(zhuǎn)化率。

三、界面中的「??硕伞?/p>

1.減少選項(xiàng)、讓用戶更快選擇
對用戶來說,選項(xiàng)越多就越復(fù)雜,需要的決策時(shí)間就越長,尤其是用戶在絕大多數(shù)情況下所看到的頁面都存在信息過剩的情況,這時(shí)候,產(chǎn)品需解決的不是選項(xiàng)夠不夠的問題,而是選項(xiàng)夠不夠好。當(dāng)存在大量選項(xiàng)時(shí),可適度減少選項(xiàng)的數(shù)量,不僅能降低用戶的思考時(shí)間,也提高了選項(xiàng)的質(zhì)量。iPhone用戶應(yīng)該比較清楚,蘋果始終在不遺余力的遵循??硕?,APP Store就是最好的例子,從改版前大量的推薦應(yīng)用堆積到改版后信息量的減少,選擇目標(biāo)瞬間清晰了很多,用戶體驗(yàn)得到了大幅度的提升

如果大量的選項(xiàng)無法減少,可將重要選項(xiàng)靠前,將其他的隱藏起來,方便用戶決策及降低失誤操作的概率。例如騰訊視頻頂部分類后面的更多圖標(biāo)、支付寶首頁金剛區(qū)的更多入口,點(diǎn)開后就會(huì)發(fā)現(xiàn),里面隱藏了非常多的功能,這樣做能減少用戶認(rèn)知負(fù)荷,提高信息篩選的效率。

2.選項(xiàng)分類、信息分層
這里最為典型的例子就是電商平臺(tái)的分類,它通過一級(jí)、二級(jí)、甚至三級(jí)分類將商品所涉及到的類型合理的控制在有效范圍內(nèi),這些選項(xiàng)被分類/分組之后,關(guān)鍵信息得到強(qiáng)化,能輔助用戶快速作出決策。還有后面的二次篩選功能,幫助用戶進(jìn)一步縮小范圍,選擇效率明顯會(huì)更高。當(dāng)然,這不僅僅是依靠希克定律,還得結(jié)合運(yùn)營需求、用戶數(shù)據(jù)等因素進(jìn)行合理化分類。

另外,我們在選擇地址時(shí),如果將所有城市一股腦平鋪在界面上,用戶想要選擇自身所需,則需要花費(fèi)大量的時(shí)間。對城市進(jìn)行了分類分層,以及有了搜索歷史、熱門城市以及右側(cè)的首字母索引后,用戶就能通過不同維度快速找到想找的城市,選擇效率直線上升。

3.分步驟展示、逐步完成
存在較長的表單頁面,能給用戶默認(rèn)值的就不要讓其選擇、能讓用戶選擇的就不要讓其輸入,每多給用戶一個(gè)操作,其時(shí)間成本和出錯(cuò)率都將會(huì)上升。當(dāng)表單內(nèi)容減無可減、輸入操作避無可避時(shí),盡量將信息整合分類或分頁展示,引導(dǎo)用戶逐步操作,遵循一個(gè)頁面只做一件事的原則,協(xié)助用戶將注意力聚焦在當(dāng)前步驟中。面對長長的表單,用戶或多或少都有些消極情緒,產(chǎn)品要做的是通過視覺、操作感知來減少用戶的負(fù)面情緒,以此提升表單完成率。常見的如調(diào)查問卷、信用卡申請等,它們并沒有將全部信息堆在用戶面前,而是進(jìn)行分步驟或分頁的形式,一次只做一件事,避免了其他信息帶來的干擾,讓用戶有種簡單的感知錯(cuò)覺,完成起來會(huì)更容易。

4.必要的多選項(xiàng)、展開/隱藏
有時(shí)候,我們不得不面對較多的選項(xiàng),例如在線填寫簡歷、功能設(shè)置列表、商品的二次篩選或后臺(tái)管理系統(tǒng)的查找條件等,如此多的選項(xiàng)會(huì)給用戶帶去很大的心理壓力,這時(shí)設(shè)計(jì)師需要去思考如何減輕用戶的壓力,展開/收起也許就是一個(gè)不錯(cuò)的解決方案。我們可以將所有選項(xiàng)進(jìn)行分類,用戶在操作當(dāng)前類別時(shí),其他所有類別暫時(shí)隱藏、并設(shè)定明確的可點(diǎn)擊圖標(biāo)提示用戶隨時(shí)可展開對應(yīng)的內(nèi)容,間接的減少了選項(xiàng),降低干擾。

5.必須平鋪時(shí)、主次分明
當(dāng)設(shè)計(jì)師面對大量選項(xiàng)、卻又要必須平鋪在當(dāng)前頁面的需求時(shí),一定要做好選項(xiàng)的視覺權(quán)重區(qū)分。這種需求常見于首頁、功能頁、個(gè)人中心的圖標(biāo)入口,我們可以通過改變圖標(biāo)的大小、色彩(黑白/彩色)、類型(線性/面性/質(zhì)感/3D)或添加微動(dòng)效進(jìn)行主/次權(quán)重之分,用戶操作起來就不會(huì)有太多的疑惑或顧慮。

6.不可操作項(xiàng)、鎖定/置灰
在特殊場景中,當(dāng)頁面存在不可刪除、不可隱藏、不可降權(quán)且不能讓用戶點(diǎn)擊的選項(xiàng)時(shí),與其在用戶操作之后提示不可操作,不如在用戶操作之前就將選項(xiàng)鎖定或置灰,明確告知不可點(diǎn)擊,間接縮減選項(xiàng),減少不必要的操作。

四、與交互四策略的完美結(jié)合

“合理刪除、分層組織、適時(shí)隱藏、巧妙轉(zhuǎn)移”,這一經(jīng)典理論出自于 Giles Colborne 著名的《交互設(shè)計(jì)四策略》一書。刪除、組織、隱藏、轉(zhuǎn)移每一種方式無疑都是在向用戶更好的展示信息,這個(gè)觀點(diǎn)也完美的詮釋了??硕?,那么他們到底是如何對應(yīng)的呢?

1.合理刪除(減少選項(xiàng))
??硕芍?,影響用戶決策最主要的原因就是選項(xiàng)數(shù)量,雖然「一個(gè)頁面只做一件事」受到諸多的限制與牽絆,但我們依然可以通過分清功能主次,刪除次要、突出主要選項(xiàng)來幫助用戶決策,增加效率。

2.分層組織(分類/分層)
分類是??硕芍泻芎玫囊环N表達(dá)方式,雖然選項(xiàng)并沒有實(shí)質(zhì)性的減少,但用戶可通過分類避開了很多不必要的選項(xiàng),不管是通過父子及級(jí)還是平級(jí),都做到了將大量選項(xiàng)明確區(qū)分,用戶需要深挖時(shí)總會(huì)有跡可循。Giles Colborne 說過“不要用過于專業(yè)的標(biāo)準(zhǔn)進(jìn)行分類”,用通俗易懂的組織方式更是促進(jìn)??硕杉涌煊脩魶Q策效率的一種有效方式。

3.適時(shí)隱藏(展開/隱藏)
與刪除不同的是,隱藏并沒有刪減選項(xiàng)的數(shù)量,只展示部分常用、高頻的選項(xiàng),去除其他信息的干擾,方便用戶快速做出決策,而將其他不常用、低頻選項(xiàng)隱藏起來,在需要時(shí)系統(tǒng)自動(dòng)展示、或用戶手動(dòng)喚出。其實(shí),不管是交互四策略中的隱藏、還是??硕芍械碾[藏,其作用都是通過暫時(shí)性地減少信息數(shù)量來提升用戶操作效率。

4.巧妙轉(zhuǎn)移(分頁/分步)
面對本身就較為復(fù)雜的產(chǎn)品,頁面信息在無法刪除、組織、隱藏的情況下,且需要用戶無遺漏的去完成,使用交互四策略中的「轉(zhuǎn)移」或可解決這一難題,將整個(gè)任務(wù)拆分成多個(gè)步驟,讓用戶逐步完成。大部分信息的轉(zhuǎn)移,可避免不同步驟的信息相互干擾,認(rèn)知負(fù)荷得以減輕,這一策略與??硕煞植襟E、分頁面展示大有相似之處。

五、常見問題處理

1.選項(xiàng)不要減到只剩一個(gè)
??硕梢龅氖峭ㄟ^減少用戶做決定的時(shí)間,來提升轉(zhuǎn)化率以及用戶體驗(yàn),但不管在什么情況下,用戶都希望自己還擁有選擇的權(quán)利,如果設(shè)計(jì)師自作聰明的將選項(xiàng)減到只剩一個(gè),就相當(dāng)于告知用戶必須接受,那么用戶就有種被強(qiáng)制、綁架的感覺,只會(huì)存在兩個(gè)結(jié)果:①被你的產(chǎn)品拿捏、②離開你的產(chǎn)品,筆者相信第一種可能性的概率極低,畢竟同類型的產(chǎn)品并不是只有你一家(壟斷除外)。如下圖的彈窗,用戶即便不愿意進(jìn)入任務(wù)流程,可別無選擇,只能進(jìn)入后再返回才能回到原位,這種做法無端增加用戶的操作成本,極易引起反感情緒。不管產(chǎn)品如何希望用戶轉(zhuǎn)化,切不可強(qiáng)制他們接受,需要給用戶留一條返回的“路”,即便不那么起眼,至少還有選擇的權(quán)利。

2.極端場景要克制使用
任何定律都有其自身的使用局限,所以也不要極度推崇希克定律而簡化到抽象的地步。大部分情況下,希克定律都是用在可交互界面中的元素,對于那些需要高度搜索、閱讀或?qū)W習(xí)刷題類的功能并不適用,因?yàn)樵O(shè)計(jì)師只能決定信息呈現(xiàn)的視覺效果,并不能決定內(nèi)容的質(zhì)量、類型與數(shù)量。例如,刷題類應(yīng)用,面對海量的選擇題,希克定律雖然失去價(jià)值,但并不影響設(shè)計(jì)師結(jié)合其他方法論將界面設(shè)計(jì)的更好,總不能強(qiáng)行使用希克定律,將選擇題刪減到只剩兩個(gè)(變成判斷題)選項(xiàng)吧。

3.逆向使用-刻意增加操作成本
有時(shí)候,出于商業(yè)化的目的,同一個(gè)選項(xiàng)在二次操作時(shí),產(chǎn)品會(huì)刻意增加用戶操作成本,以降低選擇效率,看似??硕傻姆聪虿僮?,卻一定程度地降低了用戶退出率,實(shí)則對產(chǎn)品有益。例如,在關(guān)注微信公眾號(hào)之前,非常醒目的關(guān)注按鈕觸手可及,可關(guān)注之后,弱化的幽靈按鈕及文案,很難一眼看出這就是取消關(guān)注入口,需要用戶花費(fèi)額外的時(shí)間去理解或試錯(cuò)方可取關(guān),這么做能降低公眾號(hào)粉絲的取關(guān)量。為公眾號(hào)留住粉絲,更是對內(nèi)容認(rèn)可的一種支持,后面的良性循環(huán)無需多講。

作者:大漠飛鷹CYSJ
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司UI咨詢用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

日歷

鏈接

個(gè)人資料

存檔