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