11個小思考 | 回歸生活看UX

2 評論 3983 瀏覽 5 收藏 19 分鐘

編輯導(dǎo)語:人們常說故事來源于生活,其實很多設(shè)計上的小巧思,在生活中也找得到相映照的痕跡。比如常見的開關(guān)按鈕、分裝即食的袋裝食品等等。本篇文章里,作者便總結(jié)了她從生活中看到的一些UX設(shè)計技巧,一起來看一下吧。

關(guān)鍵詞:生活、體驗。

自從進入UX領(lǐng)域,我對體驗這事兒,總是特別在意,不斷練習(xí),持續(xù)加深自己在體驗方面的敏感度。

有時候我的小伙伴會和我說:是不是職業(yè)病,見好的要夸下,見不好的要說下。

好了,最近收集了一些在體驗上的驚喜,和你們分享分享,或許你們看了以后,會有自己的見解。

也歡迎給知果留言,我們一起成長~

一、有名字的包子

上周末,我在家里點外賣,點了紅豆包、青菜包 、豆腐包,點完我就開心地等著外賣小哥送來。

送來之后我打開時,真的被驚喜到了。老板娘應(yīng)該是想到我們可能會拿錯成對方的,導(dǎo)致誤吃了他人的包子。她在袋子上寫上了包子的名字。

溫馨真的無處不在,妥妥地下次再點她家的包子。

11個小思考 | 回歸生活看UX

可視化標簽

在B端產(chǎn)品中,面對一些被不同人創(chuàng)建的空間、文檔、數(shù)據(jù)等,我們經(jīng)常會使用「我創(chuàng)建的」、「我參與的」等標簽來幫助用戶區(qū)分信息所屬。

通過這些標簽,極大提升了用戶通過不同維度篩選信息的效率。如果沒有這些標簽,用戶需要點擊進去看信息詳細才能判斷這份數(shù)據(jù)是自己創(chuàng)建的,還是他人創(chuàng)建的。這與包子貼名字的思路不謀而合。

二、帶名字的按鈕

前些日子,我在一個公園散步,無意中發(fā)現(xiàn)一趟暫緩運營的小火車(現(xiàn)在被塑料袋封著),我就過去看了看。

發(fā)現(xiàn)小火車前方的按鈕每個都是被標注名字的,可見設(shè)計者考慮到了駕駛員在開火車時,可能會按錯。有顏色的按鈕并不能直觀說明它們對應(yīng)的操作,但加上名字就很清晰了。

11個小思考 | 回歸生活看UX

直觀提示

這讓我想起我們之前在做的一個「敬請期待」模塊。

由于這個模塊在整個產(chǎn)品中占有重要的位置,產(chǎn)品經(jīng)理想告訴用戶,我們產(chǎn)品有這個模塊,只是還在快馬加鞭研發(fā)中,馬上就會上線的。那么這里就需要我們設(shè)計一種模式,讓用戶知道產(chǎn)品具備這個能力,只是用戶需要再等等。

于是我們設(shè)計了這個模塊,表現(xiàn)形式是將這個模塊置灰處理,并寫上「敬請期待」字樣。

11個小思考 | 回歸生活看UX

三、攔路的石頭

路過這座橋時,我發(fā)現(xiàn)有一塊石頭橫在中間,后來知道停車場目前只開放一個進出口。

設(shè)計者用了這塊具有強制性的石頭,避免了很多車主誤入,這是提前防錯的好方法。

11個小思考 | 回歸生活看UX

防錯設(shè)計

「攔路石頭」的案例其實使用到了尼爾森十大設(shè)計原則中的防錯原則,這個原則不論是在B端還是C端都妥妥的有用。我們可以使用強提示、弱提示等任何提示手段來幫助用戶規(guī)避操作上可能發(fā)生的錯誤。例如當(dāng)用戶要刪除一份文檔時,系統(tǒng)會通過強提示告訴用戶風(fēng)險,避免其誤刪。

11個小思考 | 回歸生活看UX

再如,用戶在操作某一步之前,必須具備某一個條件,那么系統(tǒng)界面需要給出相應(yīng)常駐提示。

11個小思考 | 回歸生活看UX

四、彩色地圖

通常公園地圖只會畫本身,這個地圖將自身的部分變?yōu)椴噬?,其余環(huán)境灰色處理,不僅讓游客知道我現(xiàn)在在哪里,更知道我與大環(huán)境的關(guān)系。

11個小思考 | 回歸生活看UX

給足信息

看到這幅地圖的時候,其實我想了蠻多的。最主要的一點是:全局信息是寶貴的財富,獲全局者獲判斷力。也就是,當(dāng)你的信息越全的時候,越容易做出準確的判斷。

但往往這也是我們?nèi)松泻苌萃氖虑?。你想看到全局,偏偏客觀情況不允許。例如你接到一個需求,你想弄清楚用戶到底怎么想的,產(chǎn)品經(jīng)理告訴你,需求就是如此,你做就是了。例如你想問同事,為什么老板說做這些,原因是什么?同事基本會告訴你,你做就好了,不要問那么多。

這幅地圖,在我們還沒有問它與大環(huán)境什么關(guān)系的時候,它自己主動告訴我們了。很親切,體驗很好。

在B端產(chǎn)品中,我們可以使用把更全局的信息給到用戶的方法,來讓用戶更喜歡我們的產(chǎn)品。例如我們之前做過一個很復(fù)雜的表單,我們首先在“表單錄入步驟、順序,表單控件選擇,表單默認項設(shè)置,表單排版”等上面下功夫。最后,為了讓用戶更明白他們?yōu)槭裁匆顚戇@份表單,我們做了表單說明小貼士給到用戶,這增加了用戶錄入表單的意愿。

11個小思考 | 回歸生活看UX

我們回憶下,現(xiàn)在的APP想獲取你的定位信息之前,是不是會先告訴你它們?yōu)槭裁匆@取這些信息,對我們的好處是什么。所以,當(dāng)用戶對你的產(chǎn)品越了解的時候,越容易做出選擇,配合度的意愿也會更高。

五、帶提醒功能的藥

這個藥可真的可愛到我了,據(jù)說這個藥片和這個藥瓶經(jīng)常捆綁吃,為了不讓患者忘記吃其中任何一個,就在藥片上做了粘貼膠布,貼在瓶上,就妥妥不會忘了。

11個小思考 | 回歸生活看UX

記憶遷移

用戶每天要去處理的事情是很多的,他們不可能都記在腦海中,因此他們會采用記在便簽紙上、日歷上、小本子上的方式來提醒自己不要忘了某事。

因此,產(chǎn)品如果可以提前幫助用戶標記這些事情,或者處理掉,那么將會給用戶帶去方便。

例如現(xiàn)在很多APP有自動續(xù)費功能,雖然很多用戶抱怨這個功能不好用,會亂扣費。但是他確實有為剛需的用戶解決掉了一部分問題,即到期自動扣費,這個事情用戶再也不用記在腦子里了,icloud就是個典型的例子。

還有,現(xiàn)在很多軟件的消息推送功能,日程提醒功能,告警信息的聲音提示功能,其實都是采用了此方法。將用戶要記憶的事情,遷移到系統(tǒng)中來,借助外力一起幫助用戶完成,而不是依靠用戶自己。

六、微信置頂折疊

我的置頂現(xiàn)在很多,導(dǎo)致非置頂消息來的時候,要下滑很久才能看到。微信推出置頂聊天折疊功能后,就能自如切換模式,一個消息也不錯過。

11個小思考 | 回歸生活看UX

功能有效性

在數(shù)據(jù)量少的時候,我們直接靠找就可以;當(dāng)數(shù)據(jù)量大的時候,我們用搜索就可以;當(dāng)用戶量大且維度廣的時候,我們需要搜索與分類;當(dāng)單一維度分類不足以解決用戶個性化需求時,我們需要加入多維度篩選功能;當(dāng)以上都不足以解決問題的時候,我們需要更多的交互來簡化用戶的數(shù)據(jù)檢索、定位。

生活也好,產(chǎn)品也罷,隨著時間的流失,數(shù)據(jù)會越來越多,功能會越來越復(fù)雜。我們看看自己的好友是不是變多了,群是不是變多了,置頂群置不置頂沒差別了。我們需要向微信學(xué)習(xí),如何將對用戶有價值的功能給到用戶,提升用戶使用產(chǎn)品的幸福感。

七、有名字的開關(guān)

說來奇怪,公司的“燈、門”開關(guān)全是在一起的,開門的時候開燈了,開燈的時候開門了,誰用誰錯。

好在綜管小伙伴給他們?nèi)×嗣郑覀兙驮僖膊粫e了。

11個小思考 | 回歸生活看UX

視覺分類

如果我們在產(chǎn)品設(shè)計中,不能從視覺層面將功能、數(shù)據(jù)等區(qū)分開,那用戶就會用一次,錯一次。

我們看下面的樹控件,大家覺得左邊設(shè)計得好,還是右邊設(shè)計得好?答案不言而喻,右邊設(shè)計得好。原因在于,設(shè)計者考慮到了樹節(jié)點的不同屬性,通過在節(jié)點前加圖標的方式幫助用戶一眼區(qū)分哪個節(jié)點是什么。

11個小思考 | 回歸生活看UX

八、有編號的遙控系統(tǒng)

這個例子和上個類似,我們樓層中央空調(diào)遙控器也是密集地放一起,根本不知道哪個遙控器控制哪臺空調(diào)。

一開始的時候,我們需要逐一去按面板才知道是不是自己要的空調(diào)被打開了。經(jīng)過我們反饋后,技術(shù)人員給它們貼上了與空調(diào)對應(yīng)的標簽序號,我們就再也不會弄錯了。

11個小思考 | 回歸生活看UX

操作即反饋

這可以說是一個「操作即反饋」的例子。人們都喜歡確定性的東西,而不是調(diào)整來調(diào)整去才發(fā)現(xiàn)自己想要的結(jié)果是這個或者那個觸發(fā)的,人們希望的是,我一次操作就可以精準。

我們建立了一套B端企業(yè)級圖標庫,庫內(nèi)圖標多到300+,原來我們是根據(jù)通用類、logo類、產(chǎn)品類、圖形化類去分組的,但是經(jīng)過一段時間試用后,我們發(fā)現(xiàn),大部分設(shè)計師們更喜歡通過面型和線型去找圖標。原因在于,用戶只要確定是需要面型還是線型圖標,那么點擊一次,一定能找到所需的圖標,而無需像以往一樣,需要在多個分組內(nèi)來回查找。

畢竟,一些人覺得是通用的圖標,在另一些人看來其就是個性化的。

九、一人一間小房子

每次我們?nèi)ゴ蠊拮永锩嬉ǚ涿郏倳霉拮涌谔鹉伳?,而且每次量也不準?/p>

袋裝蜂蜜就省心多了,特別對于身材控制有要求的小伙伴,每天一支、擠出就扔,很方便。

11個小思考 | 回歸生活看UX

提前預(yù)設(shè)

現(xiàn)在健康、減肥、自律等話題很火,那商家們就在想,怎么讓自己的產(chǎn)品能建立健康生活的態(tài)度呢?

每日分量的小包裝產(chǎn)品由此誕生了,一日份堅果、一日份泡騰片、一日份巧克力、一日份飲品等,其實都是在打造健康生活的態(tài)度。通過商家提前的規(guī)劃和拆解,用戶只需購買后直接食用就可以,無需自己再計算分量,或者有一天沒一天的食用了。

我把這種提前幫助用戶規(guī)劃好的方式成為「提前預(yù)設(shè)」。「提前預(yù)設(shè)」在我們做產(chǎn)品時,也可以套用。例如在設(shè)計文章發(fā)布系統(tǒng)時,我們可以加入預(yù)發(fā)布功能,讓用戶選擇發(fā)布的時間點,那么文章會在設(shè)置好的時間點發(fā)布掉。再例如,任務(wù)調(diào)度中,我們可以將規(guī)則性的活動進行有序提前預(yù)設(shè)好,當(dāng)A觸發(fā)-A完成-B觸發(fā)-B完成-C觸發(fā)-C完成-流程結(jié)束。

十、有流程圖的親子車

很多共享車沒有使用流程說明,導(dǎo)致不熟悉共享單車的用戶不會用。這輛親子共享單車不僅給出了二維碼,還給出了可視化流程圖,任誰用都順順利利的,而且很放心。

11個小思考 | 回歸生活看UX

可視化流程

雖然大家都知道可視化流程的優(yōu)勢明顯大于文本描述,但設(shè)計可視化流程的成本也大于本文直接描述。因此,我們可以根據(jù)實際需要,來選擇以哪種方式呈現(xiàn)。后面我會專門給大家講下,如何編織出好的文本呈現(xiàn)。

這些天有個小伙們問我要怎么引導(dǎo)用戶去開啟復(fù)雜的流程,而且期望用戶能自己學(xué)習(xí)。我昨天就把這個方法推薦給她了,我想她應(yīng)該在應(yīng)用的過程中。

11個小思考 | 回歸生活看UX

十一、所見即所得的餅干

最近買了一盒餅干,這盒餅干有個小細節(jié)很不錯,外部插圖對應(yīng)的就是內(nèi)部實體本身,取物者見啥,拿啥,就是啥。

以前我見過插圖管插圖,物體規(guī)物體的設(shè)計方式,沒有一一對應(yīng),這對取物者來說就很不友好了。

11個小思考 | 回歸生活看UX

所見即所得

「所見即所得」的道理大家都懂,很多人都聽得耳朵出老繭了??墒聦嵣?,很多設(shè)計者在面對巨多設(shè)計需求的時候,還是會容易忽略這個問題。

這是一個導(dǎo)航,如果你進入了這個空間,你能知道自己在哪里嗎?(上圖)這樣改過后,大家可以知道自己在哪里了嗎?(下圖)在B端,用戶需要掌控感,非常迫切需要知道自己在哪里,可以做什么。

11個小思考 | 回歸生活看UX

十二、寫在最后

今天我們分享了11個生活小思考:

  1. 有名字的包子——可視化標簽
  2. 帶名字的按鈕 ——直觀提示
  3. 攔路的石頭 ——防錯設(shè)計
  4. 彩色地圖 ——給足信息
  5. 帶提醒功能的藥 ——記憶遷移
  6. 微信置頂折疊 ——功能有效性
  7. 有名字的開關(guān) ——視覺分類
  8. 有編號的遙控系統(tǒng) ——操作即反饋
  9. 一人一間小房子 ——提前預(yù)設(shè)
  10. 有流程圖的親子車 ——可視化流程
  11. 所見即所得的餅干 ——所見即所得

11個小思考 | 回歸生活看UX

有人說:“生活怎么樣,不用過分苛求。重要的是自己的內(nèi)心氛圍,或者是做著哪些事兒。只要用心感受生活,就會成為越來越好的自己,也會發(fā)現(xiàn)更多的趣事兒?!?/strong>

每個人看生活都會自己的感悟,歡迎你們留言好的,或者不好的生活體驗吧,談?wù)勀銈兊母惺軂

#專欄作家#

知果,公眾號:知果日記,人人都是產(chǎn)品經(jīng)理專欄作家。浙江工商大學(xué)品牌設(shè)計專業(yè)碩士,《B端思維-產(chǎn)品經(jīng)理的自我修煉》作者。在產(chǎn)品設(shè)計流程、產(chǎn)品設(shè)計原則、產(chǎn)品設(shè)計方法、產(chǎn)品設(shè)計規(guī)范方面均有豐富經(jīng)驗

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 很贊,都是生活中的思考

    來自廣東 回復(fù)
  2. ????

    來自北京 回復(fù)