2022-4-17 ui設(shè)計(jì)分享達(dá)人
用戶喜歡在網(wǎng)上收藏各種東西,把收藏到的東西占為己有,滿足自我的占有欲,每個(gè)用戶都為此而樂(lè)此不疲。
很多互聯(lián)網(wǎng)產(chǎn)品在用戶點(diǎn)擊收藏后,讓用戶去選擇收藏夾。其實(shí)用戶并不喜歡去選擇,他們只想簡(jiǎn)單的把自己喜歡的東西收藏下來(lái)。
選擇本身并不是一件很容易的事情,尤其是對(duì)于那些有選擇困難癥的人來(lái)說(shuō)。實(shí)際上,我每次都是選默認(rèn)那個(gè)。
這并不是一個(gè)好的用戶體驗(yàn)。
當(dāng)然也有一些做的很好的體驗(yàn),比如微信的收藏,收藏后會(huì)出現(xiàn)一個(gè)“收藏成功”的非模態(tài)反饋。
同時(shí)可以添加標(biāo)簽,但這個(gè)并非強(qiáng)制,為了滿足那些有這種需求的用戶。添加標(biāo)簽的目的是為了方便用戶在日后的檢索。
在收藏列表,微信會(huì)根據(jù)收藏的內(nèi)容自動(dòng)分成鏈接、文件、圖片和視頻等,最近使用位于第一位。
也就是說(shuō)并不需要用戶去創(chuàng)建自定義分類(lèi)。
你也可以搜索標(biāo)簽來(lái)找到之前收藏的內(nèi)容。通過(guò)這些方式基本上滿足了大部分用戶的需求。
網(wǎng)站會(huì)根據(jù)你采集的圖片在極短的時(shí)間內(nèi),自動(dòng)識(shí)別出圖片對(duì)應(yīng)的收藏夾類(lèi)型??梢灾苯硬杉綄?duì)應(yīng)的文件夾。
然而經(jīng)過(guò)測(cè)試,經(jīng)常會(huì)出現(xiàn)誤差。因?yàn)閳D片的分類(lèi)其實(shí)很復(fù)雜的,屬于高度自定義,很顯然,智能識(shí)別并不是一個(gè)好的解決方案。
花瓣是一個(gè)設(shè)計(jì)師收集靈感的網(wǎng)站,該網(wǎng)站常見(jiàn)的用戶使用場(chǎng)景是,設(shè)計(jì)師在瀏覽素材時(shí),會(huì)大量采集自己感興趣的素材,但每次都要選擇文件夾,非常繁瑣且低效。
后來(lái)花瓣網(wǎng)加入了快速采集的功能,其邏輯是網(wǎng)站會(huì)默認(rèn)選擇上一次采集的收藏夾,這大大提高了用戶采集圖片的效率。
而如果你需要選擇其他文件夾則可點(diǎn)擊普通采集。這兩種采集方式滿足了設(shè)計(jì)師的不同需求。
社區(qū)類(lèi)產(chǎn)品有各種點(diǎn)贊,收藏等互動(dòng)信息,但用戶又不想被別人知道這些信息。
因此,在規(guī)劃產(chǎn)品時(shí)需要考慮到用戶互動(dòng)隱私的保護(hù),這是用戶側(cè)的剛性需求。
抖音個(gè)人主頁(yè)的點(diǎn)贊列表,我記得剛開(kāi)始是公開(kāi)的,且不能設(shè)置為私密。
用戶點(diǎn)贊的視頻會(huì)出現(xiàn)在這里,卻少有人希望這些信息被別人看到,總有些點(diǎn)贊視頻你并不想被別人看到。
如果點(diǎn)贊列表可見(jiàn),那么用戶在點(diǎn)贊的時(shí)候就會(huì)有所顧慮,這不利于平臺(tái)的互動(dòng)率。
特別是隨著抖音上熟人也越來(lái)越多,強(qiáng)關(guān)系社交場(chǎng)景在漸漸加強(qiáng)。
抖音后來(lái)也發(fā)現(xiàn)了這個(gè)問(wèn)題,把它設(shè)計(jì)成了默認(rèn)隱藏。(當(dāng)然可以自己設(shè)置為公開(kāi),但只有極少數(shù)用戶會(huì)這樣做。)
由于點(diǎn)贊是私密的,用戶可以隨心所欲的點(diǎn)贊自己喜歡的視頻,毫無(wú)社交壓力。
這是為何?
源于人性心理學(xué):窺私欲。人人都喜歡窺視別人的隱私,而不喜歡自己的隱私被窺視。
不然為何如今的QQ空間基本上都設(shè)置了權(quán)限,畢竟,誰(shuí)想被別人窺視當(dāng)年那個(gè)煞筆的自己呢?
現(xiàn)在訂閱號(hào)打開(kāi)率越來(lái)越低,朋友圈分享曾是訂閱號(hào)流量來(lái)源的一大入口。
朋友圈早已淪為了一個(gè)人設(shè)打造的陣地,現(xiàn)在的人發(fā)圈越來(lái)越謹(jǐn)慎。
用戶似乎越來(lái)越不愿意在朋友圈分享文章了,除非是有利于自己人設(shè)打造的內(nèi)容。
為了減輕用戶的這種社交壓力,微信推出了“在看”的功能。
用戶點(diǎn)了“在看”后,此文章會(huì)出現(xiàn)在看一看這個(gè)模塊,且七天前的分享將不可見(jiàn),這就相當(dāng)于一個(gè)弱化版的分享功能。
這將大大減輕用戶分享的社交壓力。對(duì)于公眾號(hào)主來(lái)說(shuō),相當(dāng)于增加了一個(gè)流量入口,激發(fā)他們創(chuàng)作更多的內(nèi)容。
視頻號(hào)點(diǎn)贊也是同理,會(huì)被朋友看到,導(dǎo)致用戶在點(diǎn)贊的時(shí)候就會(huì)有所顧慮。
他會(huì)考慮,我點(diǎn)贊了這個(gè)視頻,我老師、上司、父母、親戚、朋友會(huì)不會(huì)看到?他們會(huì)怎么想?
但他在抖音上點(diǎn)贊是沒(méi)有這么多顧慮的,單純的喜歡就行。
第一,抖音是弱關(guān)系平臺(tái);
第二,抖音上的點(diǎn)贊默認(rèn)是私密的。
因此,微信才推出了私密贊的功能,需要長(zhǎng)按才能觸發(fā)。
這并是一個(gè)優(yōu)雅的解決方案,一是操作成本有點(diǎn)高,二是用戶存在較高的學(xué)習(xí)成本。
微信作為一個(gè)強(qiáng)關(guān)系社交場(chǎng)景,這正是微信與抖音不一樣的地方。
以上兩者的目的都是一致的,那就是為了減輕用戶的社交壓力。
同時(shí)用過(guò)mac OS和windows系統(tǒng)的用戶不知是否發(fā)現(xiàn),這兩個(gè)操作系統(tǒng)的彈窗按鈕“確定”和“取消”的位置是不一樣的?
mac的彈窗按鈕確定在右,取消在左;而windows的剛好反過(guò)來(lái),確定在左,取消在右。
為什么會(huì)有這樣的差異?哪一種更加合理?
在交互設(shè)計(jì)中,這種彈窗叫做模態(tài)反饋,艾倫·庫(kù)珀在《About Face 4》中提到:模態(tài)模式一種臨時(shí)模式,它通過(guò)遮罩將用戶當(dāng)前看到的內(nèi)容和之前看到的內(nèi)容區(qū)分開(kāi)來(lái),界面中只有 popup(彈出層)組件具有可交互行為,需要用戶操作才能退出該模式。模態(tài)的優(yōu)勢(shì)在于讓用戶專(zhuān)注于完成某個(gè)任務(wù)而不被干擾。
首先我們要明白這兩個(gè)按鈕哪個(gè)使用率更高,一般來(lái)說(shuō),“確定”的點(diǎn)擊率要遠(yuǎn)遠(yuǎn)高于“取消”。這是因?yàn)榇蠖鄶?shù)用戶對(duì)于自己的操作行為是明確的。
所以這兩個(gè)按鈕在視覺(jué)上一定要做出差異化,“確定”的視覺(jué)層級(jí)要高于“取消”,這樣用戶才會(huì)一目了然,不會(huì)感到困惑。
回到剛才的問(wèn)題,逆向思考這兩者背后的邏輯差異。
windows彈窗的背后邏輯:
人的閱讀習(xí)慣是從左到右,所以把點(diǎn)擊率更高的按鈕放在左邊更加符合人的正常閱讀習(xí)慣。
mac彈窗的背后邏輯:
根據(jù)一般的任務(wù)的流程,“取消”在左代表返回上一步操作,而“確定”在右代表進(jìn)入下一步任務(wù)流程。
看上去似乎都有道理,這兩種交互方式本身沒(méi)有絕對(duì)的對(duì)與錯(cuò)。只要在整個(gè)系統(tǒng)中保持一致性,讓用戶形成操作習(xí)慣就沒(méi)有啥問(wèn)題。
從個(gè)人的使用習(xí)慣而言,個(gè)人更傾向于mac的這種方式。
手機(jī)上的實(shí)體按鍵電源鍵和音量鍵通常有兩種分布方式,放在左右兩側(cè)或都放在右側(cè),前者以iPhone為代表,后者以安卓手機(jī)為代表。
這兩種方式有什么區(qū)別?哪種方式更加合理?電源鍵和音量鍵屬于完全不同類(lèi)型的兩種按鍵,且都是高頻使用,它們的功能自然不用贅述。
我們先來(lái)看看都放在右側(cè)會(huì)有什么問(wèn)題,以下使用場(chǎng)景相信用戶不會(huì)陌生:
用戶a,在地鐵上玩王者,聲音有點(diǎn)大,想把聲音調(diào)小,結(jié)果不小心按到了電源鍵,導(dǎo)致手機(jī)息屏,而此刻你正在激烈的團(tuán)戰(zhàn),內(nèi)心有一萬(wàn)只“草尼瑪”奔騰而過(guò)……
用戶b,每次按電源鍵(解鎖或鎖屏)都會(huì)不小心同時(shí)按到音量鍵,結(jié)果直接就截圖了!這種情況發(fā)生了不止一次,因?yàn)檫@兩個(gè)按鍵離的太近了……
用戶c,自家的小米11,電源鍵位于中間位置,右手拿時(shí)大拇指會(huì)觸碰到,左手拿時(shí)中指剛好會(huì)觸碰到,而電源鍵又有指紋鎖功能,導(dǎo)致手機(jī)在不斷的解鎖,而你毫無(wú)察覺(jué)……
通過(guò)上面的案例,可以得出結(jié)論:若按鍵都放在右側(cè),會(huì)導(dǎo)致用戶經(jīng)常誤觸而造成不必要的麻煩。
放在兩側(cè)就不會(huì)有這樣的問(wèn)題??梢杂行Х乐拐`觸,尤其是盲按,不用擔(dān)心按錯(cuò),減少誤操作的幾率。
值得一提的是,iPhone手機(jī)的電源鍵一開(kāi)始是位于頂部位置,這是為何?
因?yàn)閯傞_(kāi)始時(shí)手機(jī)都是小屏幕(3.5~4寸左右),對(duì)于iPhone5S及以前的手機(jī)來(lái)說(shuō),單手操控,拇指Home,食指電源,剛剛好。
所以電源鍵放在頂部既按得到又可以減少誤操作。
后來(lái)隨著手機(jī)大屏的趨勢(shì)(4.7寸以上),這個(gè)時(shí)候單手已經(jīng)不方便按到頂端了,從6代開(kāi)始就把電源鍵放在右側(cè)了。
但無(wú)論是哪種方式, 兩個(gè)按鍵都是分開(kāi)放。
還有一個(gè)小細(xì)節(jié),iPhone的實(shí)體鍵不是在右側(cè)正中間,而是在靠上的位置。
iPhone設(shè)計(jì)理念是單手持握,并且大多數(shù)人右手握手機(jī),大拇指經(jīng)常會(huì)碰到右側(cè)邊框,若果放中間,這樣會(huì)造成誤觸音量鍵和靜音鍵。
其實(shí)上面的案例3就已經(jīng)說(shuō)明了按鍵放在中間的弊端。
我想起了當(dāng)年的錘子T1,左右按鍵一樣大且位于兩側(cè)的中間,這是典型的為了追求完美的對(duì)稱而向用戶體驗(yàn)妥協(xié)。
iPhone從初代開(kāi)始就已經(jīng)建立了自己的設(shè)計(jì)理念,不管是工業(yè)設(shè)計(jì)還是界面設(shè)計(jì),并沿用至今。
從初代開(kāi)始,iPhone機(jī)身左側(cè)音量鍵上方就有一個(gè)靜音鍵。
這些年來(lái),iPhone一直在減少各種實(shí)體按鍵以及外部接口,比如3.5mm耳機(jī)孔、home鍵。
但直到如今這個(gè)靜音鍵卻一直保留下來(lái),為何iPhone對(duì)于這個(gè)按鍵情有獨(dú)鐘?
靜音鍵開(kāi)啟后,任何來(lái)電或通知都是無(wú)聲的,震動(dòng)也會(huì)消失。
在無(wú)需點(diǎn)亮屏幕的情況下實(shí)現(xiàn)一鍵靜音,方便快捷,深受用戶的青睞。
根據(jù)自身的使用習(xí)慣以及用戶研究,無(wú)非以下幾種使用場(chǎng)景,比如看電影、開(kāi)會(huì)、上課等:
1.進(jìn)電影院看電影前,我一般都會(huì)撥一下,避免在看電影的過(guò)程中被來(lái)電鈴聲打擾,影響了自己和別人觀影。
2.開(kāi)會(huì)的時(shí)候也會(huì)撥一下,以防在開(kāi)會(huì)的時(shí)候突然被來(lái)電鈴聲所打擾,避免不必要的尷尬。
3.學(xué)生黨在上課前一般也會(huì)開(kāi)啟,這樣整節(jié)課都不怕打電話進(jìn)來(lái)了。
總之,就是不希望自己的手機(jī)鈴聲打擾到自己和別人,帶來(lái)不必要的麻煩。
如果是虛擬靜音鍵,需要先解鎖手機(jī),對(duì)著手機(jī)屏幕一頓操作。
而實(shí)體鍵不需要這么麻煩,可以盲操作,放在褲兜里都不影響操作。
這個(gè)按鍵這么重要,卻很少看到安卓手機(jī)上有(除了一加基本上沒(méi)有)。
實(shí)體靜音鍵并非蘋(píng)果首創(chuàng),之前的Palm、Blackberry(黑莓)早已有這樣的設(shè)計(jì)。
可能的原因是安卓控制中心很早有靜音按鈕,甚至有些定制系統(tǒng)還可以把靜音按鈕直接放在桌面上,設(shè)置靜音非常方便,也就沒(méi)必要再多加一個(gè)實(shí)體鍵了,顯得多余又徒增成本。
上面提到過(guò)的,作為安卓陣營(yíng)唯一的靜音鍵,一加手機(jī)引以為傲的三段式按鍵,該設(shè)計(jì)可以通過(guò)物理鍵直接實(shí)現(xiàn)在靜音、免打擾與正常模式當(dāng)中快速切換。
但個(gè)人認(rèn)為這個(gè)設(shè)定復(fù)雜了,三種模式遠(yuǎn)比兩種模式復(fù)雜。用戶并不一定能搞明白,有一定的學(xué)習(xí)成本。
在早期,iPhone的控制中心并沒(méi)有靜音按鈕,想要設(shè)置個(gè)靜音并不是一件容易的事情,而這個(gè)功能又是必須的,蘋(píng)果索性直接做了一個(gè)實(shí)體物理鍵。
這樣靜音的時(shí)候只需要把靜音鍵撥過(guò)來(lái)就可以了,一步到位,使用體驗(yàn)也很好,所以一直保留至今。
雖然現(xiàn)在iPhone的控制中心已經(jīng)加入了勿擾模式,但考慮到老用戶的使用習(xí)慣,以及品牌調(diào)性,蘋(píng)果對(duì)于這個(gè)實(shí)體按鍵的去掉還是顯得很謹(jǐn)慎。
考慮到之后iPhone在防水、機(jī)身內(nèi)部空間的改進(jìn),不排除蘋(píng)果終有一天會(huì)取消iPhone上這個(gè)靜音鍵。
靜音鍵雖好,但也并非沒(méi)有缺點(diǎn)。用戶有時(shí)候會(huì)無(wú)意中觸發(fā)這個(gè)按鍵而不自知,或者開(kāi)啟后忘記關(guān)閉,導(dǎo)致錯(cuò)過(guò)了一些重要的電話。
雖然開(kāi)啟了靜音鍵,但并不是絕對(duì)的靜音。如果是鬧鐘,鈴聲還是會(huì)響起,因?yàn)轸[鐘的優(yōu)先級(jí)要遠(yuǎn)高于靜音模式。
蘋(píng)果這是考慮到了如果有用戶不小心觸發(fā)了靜音鍵,或者開(kāi)啟后忘記了關(guān)閉,害怕用戶耽誤了重要事情。
這就很好的解釋了為何明明開(kāi)啟了靜音模式,卻還可以調(diào)解音量大小的原因所在。細(xì)微之處方見(jiàn)真功夫。
在日常生活中,旋鈕是個(gè)很常見(jiàn)的東西,比如音箱,微波爐,收音機(jī),老式電視,車(chē)載旋鈕……
在機(jī)械產(chǎn)品上,旋鈕凸起的把手和它下面的圓盤(pán)刻度,是最明顯不過(guò)的旋轉(zhuǎn)暗示,符合人的自然感知。
旋鈕式交互是個(gè)人非常偏愛(ài)的一種交互方式,我認(rèn)為這種交互跟iPhone的home鍵一樣經(jīng)典,主要原因有三:
旋鈕操作簡(jiǎn)單,看到這種按鈕,一歲小孩子都會(huì)忍不住用手去抓。對(duì)于用戶來(lái)說(shuō),幾乎不需要學(xué)習(xí)成本。
在旋轉(zhuǎn)的過(guò)程中,可調(diào)大調(diào)小,一切盡在用戶的掌控之中,用戶感覺(jué)到有十分的安全感。
在調(diào)節(jié)的過(guò)程中,調(diào)大調(diào)小都能立刻收到即時(shí)的反饋,這是用戶最喜歡的交互方式。
我們?cè)谟|摸屏上很少看到這種旋鈕式交互,因?yàn)檫@種交互是要建立在抓住旋鈕實(shí)物的感受。
而觸控屏是個(gè)二維的世界,沒(méi)有真實(shí)抓握的手感,無(wú)法還原出三維世界的真實(shí)手感。
汽車(chē)上最常見(jiàn)的旋鈕就要數(shù)音量和空調(diào)了。然而自從特斯拉在車(chē)上推廣大屏幕后,越來(lái)越多的國(guó)內(nèi)廠家開(kāi)始盲目跟風(fēng),把絕大部分的功能按鈕集成到屏幕中,比如空調(diào),不僅不方便,行車(chē)中使用還容易造成危險(xiǎn)駕駛。
車(chē)上的觸控體驗(yàn)跟手機(jī)上是完全是兩碼事,使用場(chǎng)景也完全不同。最大的區(qū)別在于后者沒(méi)有安全問(wèn)題。
都知道開(kāi)車(chē)不玩手機(jī),可是行車(chē)時(shí)操作中控屏跟玩手機(jī)有什么兩樣?
對(duì)于駕駛員來(lái)說(shuō)更加安全,通過(guò)旋鈕調(diào)節(jié)空調(diào),熟悉后完全可以實(shí)現(xiàn)盲操,邊開(kāi)車(chē)邊操作毫無(wú)壓力。
如果是觸控屏,你必須看著屏幕,一頓操作猛如虎,而在開(kāi)車(chē)過(guò)程中眼睛哪怕離開(kāi)前方一秒鐘就意味著危險(xiǎn)。
而安全是汽車(chē)駕駛的重中之重。
用戶的操作有真實(shí)的物理反饋,旋鈕阻尼。
屏幕上虛擬按鍵反饋根本無(wú)法與實(shí)體旋鈕相提并論。
軟件系統(tǒng)用久了會(huì)變卡,可能會(huì)死機(jī),難免會(huì)有bug。而這些不穩(wěn)定因素將成為汽車(chē)駕駛的潛在危險(xiǎn)因素。
一旦屏幕失靈,或者系統(tǒng)死機(jī)了,那所有按鍵都失效了。
雖然特斯拉為了提升其車(chē)載系統(tǒng)的穩(wěn)定性下了很大功夫,但是問(wèn)題從來(lái)都沒(méi)有停止過(guò)。
但是硬件基本上很少會(huì)出問(wèn)題,物理旋鈕才讓人100%放心。
無(wú)論廠家如何吹噓,虛擬屏幕按鍵在大多數(shù)情況下都不會(huì)比實(shí)體按鍵有更好的使用體驗(yàn)。
因此,有一些實(shí)體鍵出于安全駕駛的考慮還是應(yīng)該保留,將各種功能按鈕都集成在屏幕里并不見(jiàn)得是一個(gè)明智的選擇。盲目的把實(shí)體按鍵變?yōu)橛|摸按鍵存在安全隱患。
文章來(lái)源:站酷 作者:CdzhcHappy
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com