隨著技術(shù)及經(jīng)濟(jì)的發(fā)展，人們對(duì)計(jì)算機(jī)系統(tǒng)、機(jī)器等的要求，從單純的「 可以用 」逐漸變?yōu)橄胍?nbsp;更好用、容易用、用得舒服 」等更加豐富的使用體驗(yàn)，也就是常聽(tīng)到的好的「 用戶(hù)體驗(yàn) 」。
「 用戶(hù)體驗(yàn)（User Experience ）」這個(gè)概念，最早由唐納德·諾曼（Donald Arthur Norman）提出，他希望用這個(gè)詞，來(lái)涵蓋個(gè)人使用系統(tǒng)時(shí)的體驗(yàn)、各個(gè)方面的體驗(yàn) ，包括工業(yè)設(shè)計(jì)圖形、交互界面、物理交互，以及與人的交互。
而「 用戶(hù)體驗(yàn) 」產(chǎn)生的基礎(chǔ)，是「 用戶(hù)使用了機(jī)器 」，即人跟機(jī)器有發(fā)生接觸、交流、互動(dòng)等，然后用戶(hù)會(huì)形成主觀上的體會(huì)、感受。這里的「 機(jī)器 」泛指各種「 產(chǎn)品 」，類(lèi)比諾曼所說(shuō)的，即物理界面、虛擬界面、系統(tǒng)、硬件等。
因此，好的「 用戶(hù)體驗(yàn) 」是基于好的交互設(shè)計(jì)。而對(duì)交互設(shè)計(jì)「 好/壞 」的影響因素，涉及到人、產(chǎn)品、使用環(huán)境這三者，也就是人機(jī)工程的內(nèi)容。
概括一下百科對(duì)「 人機(jī)工程學(xué) 」的解釋?zhuān)?
將 「 使用物的人 」和 「 設(shè)計(jì)的物 」以及 「 人與物共處的環(huán)境 」作為一個(gè)系統(tǒng)來(lái)研究（人-機(jī)-環(huán)境系統(tǒng)）。在人、機(jī)、環(huán)境這三個(gè)要素 本身特性 的基礎(chǔ)上，科學(xué)地利用三個(gè)要素間的 有機(jī)聯(lián)系，來(lái)尋求系統(tǒng)的 最佳參數(shù)。
其中關(guān)于人的「 本身特性 」包括人體結(jié)構(gòu)和機(jī)能特性。主要有人體各部位的尺寸、重量、面積、活動(dòng)、相互關(guān)系等，眼耳鼻舌身對(duì)應(yīng)的視、聽(tīng)、嗅、味、觸覺(jué)，以及動(dòng)作習(xí)慣和認(rèn)知。這部分大愚認(rèn)為可以把「 結(jié)構(gòu)特性 」當(dāng)作人的硬件，具有一定的普遍/通用性；而「 認(rèn)知 」則是人的軟件，個(gè)體間存在一定差異。
然后，就到了這篇文章的主要內(nèi)容，人的「 結(jié)構(gòu)特性 」部分。
注：下文中提及的人體結(jié)構(gòu)特征是基于大部分人的情況描述，內(nèi)容也是圍繞人機(jī)交互有關(guān)的方面，不是人體結(jié)構(gòu)特征的全面介紹。
人體結(jié)構(gòu)中對(duì)人機(jī)交互產(chǎn)生影響的主要有眼、耳、身（皮膚）對(duì)應(yīng)的：視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)，以及四肢、頸椎的尺寸、受力情況和活動(dòng)幅度等。下文將對(duì)這四部分的基礎(chǔ)內(nèi)容進(jìn)行整理，還有聊聊一些交互、體驗(yàn)設(shè)計(jì)上的應(yīng)用。
人與周?chē)h(huán)境發(fā)生聯(lián)系的感覺(jué)通道，最重要的就是「 視覺(jué) 」，約占80%的信息是通過(guò)視覺(jué)來(lái)獲得。因此「 視覺(jué)顯示 」是人機(jī)交互系統(tǒng)中用的最廣泛的一種形式。
人眼正常感受光譜的波長(zhǎng)約在400nm-780nm之間（大概這個(gè)范圍，網(wǎng)上相關(guān)資料關(guān)于這個(gè)數(shù)值存在微小差異），對(duì)應(yīng)的色相是紫色-深紅色，也就是常說(shuō)的彩虹色。
而負(fù)責(zé)感受光的細(xì)胞是視錐細(xì)胞和視桿細(xì)胞。
視錐細(xì)胞，約占95%，復(fù)雜感受強(qiáng)光及有顏色（彩色）的視覺(jué)，在環(huán)境光線亮?xí)r起作用，用來(lái)區(qū)分色彩。研究數(shù)據(jù)表明視錐細(xì)胞對(duì)光譜中波長(zhǎng)為555nm的「 黃綠色 」部分最敏感。
視桿細(xì)胞 ，約占5%，復(fù)雜感受弱光及沒(méi)有顏色（黑白）的視覺(jué)，在環(huán)境光線暗時(shí)起作用，用來(lái)區(qū)分黑白。研究數(shù)據(jù)表明視桿細(xì)胞對(duì)光譜中波長(zhǎng)為507nm的「 青綠色 」部分最敏感，對(duì)極弱的光刺激敏感。
如果涉及一些特定的工作環(huán)境（昏暗）的應(yīng)用設(shè)計(jì)時(shí)，就可以考慮下此時(shí)作用細(xì)胞的特性，進(jìn)行合理的設(shè)計(jì)設(shè)置。
正常情況下，瞳孔會(huì)根據(jù)環(huán)境中的光量來(lái)調(diào)整大小。當(dāng)有光線較強(qiáng)時(shí)，瞳孔會(huì)收縮變窄；當(dāng)光線很暗時(shí)，瞳孔會(huì)膨脹來(lái)讓更多的光進(jìn)入眼球。
可以把這個(gè)理解為一個(gè)保護(hù)機(jī)制，在強(qiáng)光下，通過(guò)收縮來(lái)減少光對(duì)眼睛的高強(qiáng)度刺激；而弱光下，對(duì)感光細(xì)胞刺激不足，為了不讓眼睛過(guò)分費(fèi)力地去尋找目標(biāo)和識(shí)別目標(biāo)而引起視覺(jué)疲勞，所以瞳孔會(huì)放大，讓更多的光進(jìn)入。
而接收光的刺激，看到物體后，是否可以準(zhǔn)確獲取信息（看清物體、識(shí)別文本、圖像等）則跟視敏度相關(guān)。
視敏度 ，就是眼睛能分辨物體細(xì)微結(jié)構(gòu)的能力，也就是看清物體的能力。相關(guān)實(shí)驗(yàn)數(shù)據(jù)表明，增強(qiáng)亮度可以提高視敏度。也就是說(shuō)，亮度越強(qiáng)，人眼對(duì)物體的識(shí)別能力就越強(qiáng)。
下面提到兩個(gè)實(shí)驗(yàn)，其中「 正對(duì)比極性 」，指在淺色背景上顯示深色字體文本，就是對(duì)應(yīng)我們界面設(shè)計(jì)中的「 淺色模式 」；而「 負(fù)對(duì)比極性 」，指在深色背景上顯示淺色字體文本，即「 深色/暗黑模式 」。
實(shí)驗(yàn)1. 德國(guó)杜塞爾多夫精神病研究所的Cosima Piepenbrock等相關(guān)人員，對(duì)「對(duì)比極性對(duì)視敏度和校對(duì)的影響」的研究結(jié)果表明：人眼在「淺色模式」下的視敏度要優(yōu)于「暗黑模式」下，字體越小，淺色模式的優(yōu)勢(shì)就更明顯。
實(shí)驗(yàn)2. Agelab實(shí)驗(yàn)室的喬納森·多布雷斯（Jonathan Dobres）等相關(guān)人員，對(duì)「 環(huán)境光照條件（模擬白天/夜間）是否影響正對(duì)比度極性的優(yōu)勢(shì)」的研究表明：夜間，深色模式下閱讀小字體文本比淺色模式下閱讀要困難得多。 而人們對(duì)文本的識(shí)別，「淺色模式」下比在「深色模式「要快，白天比晚上更快。
對(duì)上面兩個(gè)實(shí)驗(yàn)可以用環(huán)境光的強(qiáng)弱對(duì)視敏度的影響來(lái)理解：為方便理解，可以假設(shè)我們的界面尺寸足夠大，大到覆蓋我們視野范圍，那就可以將淺色模式中的淺色背景類(lèi)比為白天（環(huán)境光度亮），深色模式中的深色類(lèi)比為夜間（環(huán)境光度弱），而屏幕內(nèi)的文本、信息，就是我們要識(shí)別的物體。亮度越強(qiáng)，人眼對(duì)物體的識(shí)別能力（視敏度）就越強(qiáng)。
從上面的實(shí)驗(yàn)來(lái)看，無(wú)論在白天或夜間環(huán)境下，「 淺色模式 」都要比「 深色模式 」更好用。
但根據(jù)德國(guó)蒂賓根大學(xué)的Andrea Aleman等相關(guān)人員的一項(xiàng)研究表明，長(zhǎng)時(shí)間處于「淺色模式」下可能會(huì)導(dǎo)致近視。其表現(xiàn)為，閱讀「淺色模式」下的文本時(shí)，脈絡(luò)膜（跟近視有關(guān)的一層膜）會(huì)明顯變??；而閱讀「深色模式」下的文本時(shí)，這層膜明顯變厚。
可以理解為長(zhǎng)時(shí)間處于「淺色模式」下，意味著視敏度的持續(xù)維持在較高狀態(tài)，就像人在長(zhǎng)時(shí)間高強(qiáng)度工作下可能會(huì)導(dǎo)致健康受損一樣，眼睛同樣也可能會(huì)受到損傷。因此相對(duì)長(zhǎng)期來(lái)說(shuō)，「深色模式」則是更友好的一種形式。
那通過(guò)適當(dāng)?shù)脑O(shè)計(jì)，是否有可能找到這兩者之間的最優(yōu)解呢？
注視區(qū)域光照不足、光線過(guò)強(qiáng)、光線分布不均勻、光源閃爍、眩光、反光、目標(biāo)過(guò)小、目標(biāo)不穩(wěn)定等，都會(huì)造成眼睛超負(fù)荷工作，導(dǎo)致視覺(jué)疲勞。
光照不足，對(duì)應(yīng)界面交互，可以指屏幕亮度過(guò)低，也可以理解為內(nèi)容和深色背景間的對(duì)比度不足。
光線過(guò)強(qiáng)，則是屏幕亮度過(guò)高，也可以理解為內(nèi)容和淺色背景間的對(duì)比度不足。還有大面積高明度色彩的使用。而像汽車(chē)遠(yuǎn)光燈，也是常見(jiàn)的一種光線過(guò)強(qiáng)的產(chǎn)品，并且常常被錯(cuò)誤使用。
閃爍，會(huì)對(duì)眼睛造成很大的負(fù)荷。在高亮度下，眼睛除了視敏度會(huì)增強(qiáng)外，對(duì)閃爍的感知也會(huì)增強(qiáng)。這方面涉及的產(chǎn)品設(shè)計(jì)，如顯示器的刷新頻率，要到達(dá)某一程度，人眼才感覺(jué)不到屏幕的閃爍。
目標(biāo)過(guò)小，在可識(shí)別及相同環(huán)境下，目標(biāo)過(guò)小，識(shí)別所需的時(shí)間越長(zhǎng)，也就是更費(fèi)眼。像界面中的元素，文本字號(hào)、圖標(biāo)等，都需要有舒服的可讀性。
反光，跟工業(yè)產(chǎn)品設(shè)計(jì)的關(guān)系比較密，反光是很容易引起視覺(jué)疲勞的和視力傷害。但生活中好像處處有反光，高樓大廈連片的鏡面窗戶(hù)/墻、我們正在看的電腦屏幕、手機(jī)屏幕、公交車(chē)廣告牌的保護(hù)罩、汽車(chē)的后視鏡等等，都會(huì)在某些瞬間讓你覺(jué)得眼睛受到了億點(diǎn)傷害，這也是很常見(jiàn)的一種光污染。
水平方向上，雙眼視野角度通?？蛇_(dá)到120°視角。其中「 有效視域 」為30°，即人眼能立刻看清物體的存在和動(dòng)作軌跡的范圍。其余部分稱(chēng)為誘導(dǎo)視野，也就常說(shuō)的「 余光 」。
而眼動(dòng)（頭部不動(dòng)）「 舒適轉(zhuǎn)動(dòng)區(qū) 」通常為60°。
如果以眼睛距離屏幕40cm為例，水平最佳視野寬度大概就是21.6cm，在72dpi下，約為600px。在進(jìn)行文本寬度設(shè)定時(shí)，可以以此作為依據(jù)，來(lái)設(shè)計(jì)內(nèi)容的顯示寬度。
垂直方向上，視野角度通常可達(dá)到135°視角，「 有效視域 」為30°，「 舒適轉(zhuǎn)動(dòng)區(qū) 」為55°。
關(guān)于「 最佳視角范圍 」及「 眼動(dòng)舒適區(qū) 」的應(yīng)用，在汽車(chē)領(lǐng)域的HMI設(shè)計(jì)和一些較為復(fù)雜的交互活動(dòng)中有比較多的體現(xiàn)。
聽(tīng)覺(jué)對(duì)信息傳遞的感知僅次于視覺(jué)，同視覺(jué)一樣，利用以前的經(jīng)驗(yàn)來(lái)解釋輸入。
相比視覺(jué)，聽(tīng)覺(jué)更容易引起注意，且反應(yīng)速度快，可以捕捉各個(gè)方向的信息，不受照明條件限制。
人類(lèi)聽(tīng)覺(jué)系統(tǒng)對(duì)聲音的解釋可幫助設(shè)計(jì)人機(jī)交互界面中的語(yǔ)音界面，而對(duì)有能力缺陷的人，如視障人士來(lái)說(shuō)，「 聽(tīng)覺(jué)（語(yǔ)音交互） 」更是一種替代視覺(jué)顯示的重要形式。
聲音有三個(gè)要素：音調(diào)（頻率）、響度（振幅）、音色（材質(zhì)）。
人類(lèi)可以聽(tīng)到的聲音頻率范圍為20Hz-20kHz，正常情況下人耳可分辨出約 40多萬(wàn)種 不同的聲音。
對(duì)語(yǔ)音的辨認(rèn)頻率范圍為260Hz-5600Hz。正常情況下，人類(lèi)語(yǔ)言的頻率在：500Hz-3000Hz之間。
感受性、識(shí)別性最高的頻率范圍在1000Hz-4000Hz，低于500Hz，或高于5000Hz時(shí)，要達(dá)到一定響度才能被聽(tīng)到。
0－20dB，幾乎感覺(jué)不到
20－40dB，相當(dāng)于低聲說(shuō)話，輕柔的響聲
40－60dB，正常談話的聲音
60－70dB，會(huì)感到吵鬧、長(zhǎng)時(shí)間會(huì)損害神經(jīng)細(xì)胞
超過(guò)70dB，讓人感覺(jué)煩躁，無(wú)法集中注意力
85-90dB，短時(shí)間內(nèi)影響人的聽(tīng)力，破壞神經(jīng)細(xì)胞
超過(guò)90dB，聽(tīng)力受損
超過(guò)140dB時(shí)，引起的是痛覺(jué)，而不是聽(tīng)覺(jué)，會(huì)完全損害聽(tīng)力（歐盟界定的導(dǎo)致聽(tīng)力完全損害的最高臨界點(diǎn)）
人耳對(duì)各種音色的分辨能力非常強(qiáng)，對(duì)經(jīng)常聽(tīng)到的音色也具有很強(qiáng)的記憶力。
比如在同一頻段同時(shí)演奏不同的樂(lè)器，人耳依然可以分辨出有哪些樂(lè)器在進(jìn)行演奏，也能識(shí)別出不同動(dòng)物的叫聲。
而對(duì)于熟悉的人，比如對(duì)父母兄弟姐妹等，經(jīng)常只通過(guò)說(shuō)話的聲音，就能知道是誰(shuí)；通過(guò)腳步聲，也可以辨認(rèn)出來(lái)是誰(shuí)來(lái)了等等。
除了對(duì)聲音的「 音調(diào)、響度、音色 」這三個(gè)要素的感知之外，人耳還能辨別出聽(tīng)到的聲音是「 從哪里/哪個(gè)方向傳來(lái)的 」，也就是聲源方位感。
瑞士的神經(jīng)科學(xué)家通過(guò)研究發(fā)現(xiàn)：粗糙的聲音（上限約為130 Hz）激活了大腦某些特別的區(qū)域。
當(dāng)重復(fù)的聲音被認(rèn)為是刺耳的、無(wú)法忍受的時(shí)候（特別是在40-80Hz之間），會(huì)引起持續(xù)的反應(yīng)，刺激杏仁核、海馬體和腦島，特別是跟突出、厭惡和疼痛相關(guān)的區(qū)域，而正因?yàn)橛羞@些區(qū)域參與聲音的處理，才會(huì)使這類(lèi)聲音會(huì)讓人感覺(jué)到難以忍受。
這也是警報(bào)聲的應(yīng)用原理，通過(guò)快速重復(fù)的頻率來(lái)引起人們的注意。再結(jié)合聲音傳播不受光照、方向、角度等影響的特性，來(lái)提高警報(bào)聲被人耳檢測(cè)到的概率。
其他讓人感到煩躁、難受的聲音，如汽車(chē)?yán)嚷?、尖叫聲、嬰兒哭聲等等通常也是在這一頻段。
視覺(jué)上的三維圖效果，是眼睛先呈「 散焦?fàn)顟B(tài) 」，視焦點(diǎn)前后位移產(chǎn)生層次感，從而看到三維平面圖畫(huà)的立體效果。
而人耳的聽(tīng)覺(jué)跟視覺(jué)相反，可以從眾多的聲音中「 聚焦到某一點(diǎn) 」上，也就是聽(tīng)覺(jué)的「 聚焦效應(yīng) 」。
比如我們聽(tīng)交響樂(lè)時(shí)，大腦皮層可以抑制其它樂(lè)器的演奏聲，把精力和聽(tīng)力集中到其中的一種樂(lè)器聲音上。還有在公交地鐵上，我們同樣可以集中精力聽(tīng)廣播報(bào)站的聲音，而忽略車(chē)上的其他喧鬧聲。
這個(gè)特性也讓語(yǔ)音交互的場(chǎng)景擁有更多的可能性。
觸覺(jué)屬于動(dòng)覺(jué)交流領(lǐng)域，即通過(guò)身體的運(yùn)動(dòng)/動(dòng)作來(lái)交流。
跟視覺(jué)、聽(tīng)覺(jué)的感知相比，「 觸覺(jué) 」最大不同是它的非局部性（全身皮膚），以人體為介質(zhì)，對(duì)皮膚、肌肉的感受器進(jìn)行刺激，能夠 敏感、強(qiáng)烈和更迅速 的被用戶(hù)感知，及時(shí)傳遞信息。也 不易受環(huán)境影響，無(wú)論環(huán)境吵雜，或是光線不佳，對(duì)其體驗(yàn)效果的影響都不大。
但「 觸覺(jué) 」傳遞的信息遠(yuǎn)少于視覺(jué)和聽(tīng)覺(jué)，通常作為視覺(jué)和聽(tīng)覺(jué)反饋的補(bǔ)充。而對(duì)有能力缺陷的人，如聽(tīng)障、視障人士來(lái)說(shuō)，「 觸覺(jué)交互 」的應(yīng)用則是一種很重要的形式。
同時(shí)也是用戶(hù)體驗(yàn)過(guò)程中重要因素之一，會(huì)直接影響用戶(hù)對(duì)產(chǎn)品的情感體驗(yàn)與交流。在工業(yè)產(chǎn)品設(shè)計(jì)中感受較多，如日常工作生活中常見(jiàn)的家居用品、鼠標(biāo)、鍵盤(pán)、手機(jī)等的外形設(shè)計(jì)、材質(zhì)觸感等。
人類(lèi)的皮膚表面散布著觸點(diǎn)，一般指腹最多（人類(lèi)手指的觸覺(jué)敏感度是前臂的10倍），其次是頭部，最少的是背部和小腿。觸點(diǎn)的大小不盡相同，分布不規(guī)則。
通過(guò)對(duì)冷、熱、尖銳物體的判斷，讓身體及時(shí)遠(yuǎn)離危險(xiǎn)和傷害，可以對(duì)人體起到保護(hù)作用。
同時(shí)也具有表達(dá)情感，辨別情緒的功能。有說(shuō)法認(rèn)為「觸覺(jué)」可能是用來(lái)傳達(dá)人的情感的最佳途徑，就像「 擁抱 」和「 安慰的文字/語(yǔ)言 」，體現(xiàn)的情感強(qiáng)度就很不一樣。
借助Haptics技術(shù)，通過(guò)作用力、振動(dòng)等「 觸覺(jué)反饋 」，可以起到傳遞信息的作用。但想通過(guò)「 觸覺(jué)體驗(yàn) 」來(lái)傳達(dá)恰當(dāng)?shù)?、有用的信息，需要先理解人?lèi)是如何詮釋不同的「觸覺(jué)體驗(yàn)」的。
比如想要通過(guò)「 振動(dòng)感知 」來(lái)傳遞有用的信息，需要先了解怎樣的振動(dòng)頻率、強(qiáng)度、節(jié)奏可以讓使用者意識(shí)到其代表的是什么意思：成功、失敗還是其他呢？這涉及到「 認(rèn)知 」方面的內(nèi)容。
通常情況下，「 觸覺(jué)反饋 」是作為視覺(jué)、聽(tīng)覺(jué)反饋的一種補(bǔ)充。
如在觸控屏上用虛擬鍵盤(pán)輸入文字時(shí)，通過(guò)按鍵的「 振動(dòng)反饋 」，讓用戶(hù)清晰及時(shí)地了解到自己已經(jīng)成功按下了某一個(gè)按鍵。相關(guān)研究的結(jié)果也表明：虛擬鍵盤(pán)加入振動(dòng)反饋后，是可以提升用戶(hù)輸入時(shí)的準(zhǔn)確度。
而一些特定場(chǎng)景下，「 觸覺(jué)反饋 」可以很好的替代視覺(jué)和聽(tīng)覺(jué)反饋。
比如駕駛汽車(chē)時(shí)，駕駛員需要將大部分的注意力放在道路環(huán)境上，那么通過(guò)「 觸覺(jué)反饋 」，將部分操作結(jié)果傳遞給駕駛員，這一可以在一定程度上減輕駕駛員在視覺(jué)和聽(tīng)覺(jué)上的負(fù)擔(dān)。
人類(lèi)的動(dòng)作通常分為三類(lèi)：先天、模仿、訓(xùn)練得來(lái)的。
由于肢體的結(jié)構(gòu)特點(diǎn)，「 先天 」和「 模仿 」的動(dòng)作，通常存在一定的局限性。
頸椎前屈幅度35-45°，后伸35-45°，左右側(cè)屈各45°，左右旋轉(zhuǎn)各60-80°。
當(dāng)頸部前傾時(shí)，頸椎承受的壓力逐漸增大：
前傾0°時(shí)，為頭部重量，約為4.5-5kg；
前傾15°時(shí)，承受壓力約為12kg；
前傾30°時(shí)，承受壓力約為18kg；
前傾45°時(shí)，承受壓力約為22kg；
前傾60°時(shí)，承受壓力約為27kg。
結(jié)合前面我們講過(guò)的人眼轉(zhuǎn)動(dòng)的舒適角度和視野范圍，可以為一些物品的設(shè)計(jì)提供參考。
直立，腰伸直自然體位時(shí)，腰部可前屈90°、后伸30°、左右側(cè)屈各20-30°、左右旋轉(zhuǎn)各30°。
人體平（仰）臥位時(shí)，腰椎承受的壓力最小。
膝關(guān)節(jié)屈膝角度可達(dá)120-150°（小腿后部和股后部相貼）。人坐立時(shí)，膝關(guān)節(jié)彎曲90°，小腿和地面垂直放置對(duì)腿部最好的，屈膝小于90°時(shí)，長(zhǎng)時(shí)間保持會(huì)影響下肢的血液循環(huán)。
伸直時(shí)一般為0°，有過(guò)伸狀態(tài)5-10°。膝關(guān)節(jié)屈曲時(shí)，有輕微的內(nèi)旋和外旋運(yùn)動(dòng)，約為10°。
肘關(guān)節(jié)彎曲角度可達(dá)140°、過(guò)伸角度為0-10°、旋前80-90°、旋后80°-90°。
打字時(shí)，手肘彎曲接近90°（水平放置）是最放松的。
掌側(cè)可以外展約70°，指間關(guān)節(jié)屈曲約90°，掌拇關(guān)節(jié)屈曲約20-50°。
和手腕連接處的腕掌關(guān)節(jié)，能夠進(jìn)行較大程度的屈伸，收展，完成對(duì)掌運(yùn)動(dòng)。這是拇指特有的，是拇指骨外展，屈和旋內(nèi)運(yùn)動(dòng)的總和，使拇指尖能跟其他的手指和掌面接觸。
掌指關(guān)節(jié)屈曲約60-90°，近節(jié)指間關(guān)節(jié)屈曲時(shí)約為90°，遠(yuǎn)節(jié)指間關(guān)節(jié)屈曲時(shí)約為60-90°。
在使用手機(jī)等數(shù)字界面時(shí)，用「 食指 」和「 拇指 」進(jìn)行觸控是比較自然和常見(jiàn)的行為。
根據(jù)麻省理工對(duì)人類(lèi)觸覺(jué)的實(shí)驗(yàn)，食指、拇指的寬度和觸控區(qū)域有以下數(shù)據(jù)：
食指平均寬度約16~20mm、指腹觸摸區(qū)域尺寸約10~14mm、指尖觸摸區(qū)域尺寸約8~10mm。
拇指平均寬度約25mm、指腹觸摸區(qū)域尺寸約12~16mm、指尖觸摸區(qū)域尺寸約10~12mm。
觸控控件的最小尺寸要大于觸摸的最小尺寸?？丶^(guò)小，一方面會(huì)增大準(zhǔn)確觸控的難度，另一方面手指會(huì)造成遮擋，導(dǎo)致用戶(hù)無(wú)法明確是否已經(jīng)正確觸摸了相應(yīng)的控件。
（手指觸控這部分本來(lái)放在上面關(guān)于觸覺(jué)的內(nèi)容里，后面想了下，「觸覺(jué)」更多的是指「反饋信息」層面的作用，所以還會(huì)歸在肢體動(dòng)作、范圍里比較合適。）
用鍵盤(pán)打字時(shí)，在某些瞬間，多數(shù)手指只是放在鍵位上，沒(méi)有擊鍵行為，因此鍵盤(pán)按鍵的驅(qū)動(dòng)力需要大于手指重量產(chǎn)生的力，才足以支撐手指。
ANSI 1988 年建議鍵盤(pán)擊鍵的理想壓力應(yīng)該在0.5N-0.6N之間，一般0.25N-1.5N的壓力都是可以接受的。
而對(duì)于一些特殊的設(shè)備按鍵，比如工業(yè)鍵盤(pán)類(lèi)的，則需要更大的按鍵驅(qū)動(dòng)力，因?yàn)檫@類(lèi)產(chǎn)品的工作環(huán)境和活動(dòng)相對(duì)復(fù)雜，需要更謹(jǐn)慎的操作。
單手對(duì)手機(jī)等觸屏設(shè)備進(jìn)行操作時(shí)，一般以四個(gè)手指和手掌為依托，用大拇指操作為主，而成年人拇指長(zhǎng)度約為6-10cm。
數(shù)據(jù)表明，一般成年男性，單手全屏操控的屏幕尺寸最大約為4.5英寸，而成年女性，單手操控的極限約為4.0英寸。超過(guò)這個(gè)尺寸，單手進(jìn)行全屏操控會(huì)有一定困難。
而目前主流的智能手機(jī)基本在5英寸以上，根據(jù)拇指關(guān)節(jié)的活動(dòng)幅度，單手操作時(shí)在手掌位置不動(dòng)的情況下，拇指觸及的區(qū)域只是很局限的一部分：
以上就是體驗(yàn)設(shè)計(jì)中涉及人體結(jié)構(gòu)特性的內(nèi)容部分。
感謝閱讀，期待交流。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.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)定制 、 用戶(hù)體驗(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咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
在上一篇《如何設(shè)計(jì)高質(zhì)量B端調(diào)研問(wèn)卷？用戶(hù)研究方法(一)》一文中，詳細(xì)介紹了如何通過(guò)調(diào)研問(wèn)卷的方式，整理發(fā)現(xiàn)用戶(hù)的淺層需求。
本文將分享另一個(gè)更為深層全面的B端用戶(hù)研究方法——用戶(hù)訪談。通過(guò)面對(duì)面地溝通，以及觀察用戶(hù)的表情、行為去挖掘更深層的需求。（文末附模板下載鏈接）
下面是本次分享的文章結(jié)構(gòu)，標(biāo)??的為重點(diǎn)部分。
01
用戶(hù)訪談的兩種路徑
用戶(hù)訪談通?？梢圆捎?strong>線上會(huì)議、電話或者線下面對(duì)面交流兩種形式。
線上會(huì)議和電話訪談的優(yōu)勢(shì)顯而易見(jiàn)，可以不受地域限制展開(kāi)調(diào)研訪談，整體的成本也比較低，設(shè)計(jì)師可以自己找領(lǐng)導(dǎo)或者協(xié)調(diào)資源去推動(dòng)。
缺點(diǎn)也是比較明顯，溝通起來(lái)效率低下，比如我們一定有過(guò)“電話里說(shuō)不清，我們見(jiàn)面詳談”的經(jīng)歷。
所以，相較而言線下訪談無(wú)疑是最佳的調(diào)研形式。首先當(dāng)面溝通更加高效，其次對(duì)于搭載硬件設(shè)備的產(chǎn)品來(lái)說(shuō)，讓受訪者在真實(shí)場(chǎng)景里操作演示，可以發(fā)現(xiàn)更多隱性問(wèn)題。
02
常見(jiàn)的3種受訪者類(lèi)型
在訪談過(guò)程中通常會(huì)接觸到以下3種類(lèi)型的受訪用戶(hù)，不同類(lèi)型的用戶(hù)我們應(yīng)該怎么接觸交流呢？
話癆型的受訪者占大多數(shù)，通常就是想法、意見(jiàn)比較多。他們不僅有一大堆不滿(mǎn)意的點(diǎn)要訴說(shuō)，甚至連對(duì)應(yīng)的解決方案都想好了。
整體接觸下來(lái)，我覺(jué)得該類(lèi)型的受訪者，可提供的有價(jià)值信息會(huì)更多一點(diǎn)。只不過(guò)我們要學(xué)會(huì)過(guò)濾信息。因?yàn)樗麄兊男揎椨迷~通常比較多，例如：“太難用”、“超級(jí)麻煩”、“哎 我真的是受不了啊”...
訪談話癆型的受訪者，我們需要注意無(wú)論怎么聊都要緊扣主題，防止變成了吐槽專(zhuān)場(chǎng)。
其次也要表達(dá)肯定，安撫情緒，并對(duì)問(wèn)題進(jìn)行進(jìn)一步提問(wèn)：“您的這些建議真的很棒，也給我們提供新的思路，我都記下來(lái)了，我還想確認(rèn)下，剛才您說(shuō)的3個(gè)關(guān)于結(jié)算環(huán)節(jié)的問(wèn)題，哪一個(gè)給您造成的困擾最大？”
顧名思義，受訪者可能是因?yàn)?/span>性格內(nèi)向或害怕說(shuō)錯(cuò)了不好意思等緣故，在受訪過(guò)程中問(wèn)一句答一句，比較容易冷場(chǎng)。答案的價(jià)值也比較低，例如：“對(duì)，是的”、“還行吧”、“沒(méi)啥感覺(jué)啊”、“反正就這樣用用吧”、“說(shuō)不上來(lái)”。
這種情況下要嘗試緩解下氛圍壓力，換個(gè)形式溝通：“就是隨便聊聊，公司派我們來(lái)呢，就是因?yàn)榉浅ｊP(guān)注用戶(hù)的使用感受，想收集一波用戶(hù)反饋與建議，您有啥不滿(mǎn)意的地方都可以跟我講講，越多越好?！?/span>
其次我們?cè)谔釂?wèn)的時(shí)候也要帶有引導(dǎo)性，例如：“還有呢、然后呢、具體說(shuō)說(shuō)呢”，如果對(duì)方實(shí)在說(shuō)不出所以然，最有效的辦法就是進(jìn)入上機(jī)操作環(huán)節(jié)，通常操作過(guò)程中那些問(wèn)題也會(huì)隨之暴露出來(lái)。
專(zhuān)業(yè)型的受訪者一般是老板或者店長(zhǎng)、經(jīng)理崗位的員工，他們對(duì)于產(chǎn)品或整個(gè)門(mén)店乃至行業(yè)都了解的比較透徹。
和這樣的受訪者溝通，不僅是局限于產(chǎn)品的一些問(wèn)題挖掘，他們會(huì)從這個(gè)行業(yè)的角度闡述一些個(gè)人的見(jiàn)解觀點(diǎn)，給我們提供一些有價(jià)值的優(yōu)化方案或者改進(jìn)方向。
例如餐飲的老板其實(shí)并不是很關(guān)心點(diǎn)餐、結(jié)算的流程有多么的順暢高效，畢竟他們不需要親自去做這些執(zhí)行，而且坦率的說(shuō)，對(duì)于絕大部分產(chǎn)品而言，好用并不能成為其核心競(jìng)爭(zhēng)力。
他們關(guān)心的是如何帶來(lái)更大的商業(yè)價(jià)值，類(lèi)似于如何提升坪效，如何提升門(mén)店會(huì)員的儲(chǔ)值能力等等。而這些老板的關(guān)注點(diǎn)，也會(huì)給我們未來(lái)的產(chǎn)品優(yōu)化方向打開(kāi)新的思路，去思考如何給我們的用戶(hù)創(chuàng)造更高的商業(yè)價(jià)值。
03
我們?cè)谧鲈L談之前，首先一定要熟悉產(chǎn)品業(yè)務(wù)的相關(guān)背景、受訪商戶(hù)的基本情況。
訪談過(guò)程中可能會(huì)提及一些專(zhuān)業(yè)名詞，例如餐前餐后模式、明檔、一魚(yú)多吃、坪效、估清等等。我們具備了這些基礎(chǔ)相關(guān)知識(shí)以后，省去了不必要的解釋環(huán)節(jié)，可以使訪談推進(jìn)地更順利。
其次建議要了解下行業(yè)相關(guān)的基礎(chǔ)知識(shí)。尤其是餐飲業(yè)態(tài)，華南、北方、四川等地都因?yàn)?strong>飲食習(xí)慣的不同，在產(chǎn)品的功能和使用上的需求也是相差很大。具備了這些知識(shí)點(diǎn)以后，在提問(wèn)過(guò)程中，也更利于提出一些深刻的問(wèn)題，而不是浮于表面的提問(wèn)。
行業(yè)相關(guān)的分析報(bào)告，可以去艾瑞、36氪、發(fā)現(xiàn)報(bào)告等網(wǎng)站進(jìn)行查詢(xún)收集，在此不做贅述。
在訪談初期，需要準(zhǔn)備一份訪談框架，但并不意味著我們整個(gè)過(guò)程只能按提綱來(lái)提問(wèn)。尤其是B端這種千載難逢的訪談機(jī)會(huì)，只按規(guī)定的框架提問(wèn)屬實(shí)是太吃虧了。所以在時(shí)間允許的情況下，除了框架以?xún)?nèi)的問(wèn)題，盡可能多發(fā)散的去提問(wèn)。
例如餐飲業(yè)態(tài)，會(huì)有各種不同載體的終端設(shè)備聯(lián)動(dòng)使用，一體機(jī)POS、手持的POS、廚房KDS、廚顯大屏、各類(lèi)打印機(jī)等等都可以順便了解、調(diào)研下，讓我們對(duì)于全鏈路的協(xié)作流程也會(huì)有更深刻的認(rèn)知。
再例如后廚會(huì)涉及到KDS大屏顯示，可以問(wèn)問(wèn)目前的大屏顯示是否夠清晰（字夠大），也可以和負(fù)責(zé)海鮮稱(chēng)重的工作人員聊聊，海鮮的售賣(mài)、計(jì)價(jià)流程，以及菜品雙單位（例如：1【條】魚(yú)，重量1【公斤】）的使用等等。
在溝通過(guò)程中，一定會(huì)有一些觸類(lèi)旁通的收獲與問(wèn)題被發(fā)現(xiàn)。這些問(wèn)題也許來(lái)自一個(gè)模塊、或者某個(gè)特定角色，又或者是主產(chǎn)品關(guān)聯(lián)的其他后臺(tái)產(chǎn)品。
在提問(wèn)的時(shí)候要考慮到受訪者的年紀(jì)和理解能力，如果措辭過(guò)于專(zhuān)業(yè)，可能會(huì)導(dǎo)致受訪者理解不到位，因此溝通的過(guò)程中要盡可能的說(shuō)大白話。
我們都知道沒(méi)有經(jīng)歷過(guò)的事，很難感同身受。有時(shí)候看到客戶(hù)群里，因?yàn)楫a(chǎn)品的各種原因?qū)е律虘?hù)情緒激動(dòng)，我們理智上非常理解，但是情感上很難共鳴。
因此每次的門(mén)店調(diào)研，我都會(huì)抓住機(jī)會(huì)觀察整個(gè)門(mén)店的運(yùn)營(yíng)情況，去感受那種忙碌的氛圍。有時(shí)候開(kāi)始進(jìn)入營(yíng)業(yè)高峰期，機(jī)器出現(xiàn)卡頓或者外賣(mài)不接單等情況時(shí)，自己的情緒都會(huì)一下子緊張起來(lái)，也能夠深刻感受到產(chǎn)品給客戶(hù)帶來(lái)的困擾。
當(dāng)再次有產(chǎn)品迭代優(yōu)化時(shí)，這些體驗(yàn)總能讓自己能更容易代入用戶(hù)的角度思考問(wèn)題。
除了去體會(huì)產(chǎn)品對(duì)情緒的直接影響，還可以關(guān)注下整個(gè)門(mén)店的布局、收銀產(chǎn)品的數(shù)量與擺放位置、不同產(chǎn)品的協(xié)同使用等等。
這些都會(huì)幫助我們發(fā)現(xiàn)，到底什么是門(mén)店運(yùn)營(yíng)環(huán)節(jié)里最重要的模塊。
在訪談過(guò)程中，不排除受訪客戶(hù)會(huì)反饋一些暫時(shí)無(wú)法解決的問(wèn)題。這時(shí)候一定要告訴受訪商戶(hù)：“您的問(wèn)題我已經(jīng)記錄下來(lái)，回去會(huì)針對(duì)這個(gè)問(wèn)題反饋上報(bào)，最遲X天我會(huì)讓顧問(wèn)給您回復(fù)的”。
這么做一方面也是細(xì)節(jié)處維護(hù)公司品牌的整體售后體驗(yàn)，其次也有助于我們?cè)俅位卦L時(shí)，受訪商戶(hù)樂(lè)意花時(shí)間跟我們聊。
04
了解了用戶(hù)訪談的一些基本信息和注意點(diǎn)以后，到了本文核心部分，關(guān)于整個(gè)訪談的推進(jìn)過(guò)程，一共分為3個(gè)階段。
首先明確訪談的類(lèi)型，用戶(hù)訪談的類(lèi)型主要分為以下三種，最常見(jiàn)的就是第三種類(lèi)產(chǎn)品使用回訪。
新品調(diào)研的訪談，一般是由于業(yè)務(wù)的發(fā)展，可能需要升級(jí)或者打磨一款新產(chǎn)品來(lái)滿(mǎn)足市場(chǎng)的需求。
在訪談的過(guò)程中，我們需要關(guān)注的點(diǎn)就是用戶(hù)畫(huà)像、商戶(hù)訴求、使用場(chǎng)景、終端載體等一系列因素。
當(dāng)去往一個(gè)城市進(jìn)行批量客戶(hù)調(diào)研的時(shí)候，偶爾會(huì)有拜訪潛在客戶(hù)的調(diào)研機(jī)會(huì)。這種類(lèi)型訪問(wèn)的關(guān)注點(diǎn)集中在商戶(hù)的痛點(diǎn)與需求上。
由于是潛在客戶(hù)，我們勢(shì)必是要了解他們想要購(gòu)買(mǎi)或者替換產(chǎn)品的前因后果。也是借此機(jī)會(huì)了解到競(jìng)對(duì)的優(yōu)劣勢(shì)，他們放棄競(jìng)對(duì)的原因，以及我們當(dāng)前產(chǎn)品的功能是否滿(mǎn)足客戶(hù)的需求，還有哪些點(diǎn)不滿(mǎn)足，客戶(hù)重點(diǎn)關(guān)注的是什么。
使用回訪是最常見(jiàn)的訪問(wèn)類(lèi)型，主要目的是對(duì)商戶(hù)進(jìn)行售后維護(hù)、提升使用體驗(yàn)。
且由于B端產(chǎn)品的復(fù)雜性和遠(yuǎn)距離特點(diǎn)，以及新功能同步給商戶(hù)存在的滯后性，公司會(huì)安排定期的上門(mén)回訪。如果有這樣的機(jī)會(huì)，UED一定要盡量申請(qǐng)跟著去門(mén)店調(diào)研。
到了最關(guān)鍵的一步，就是關(guān)于訪談的問(wèn)題設(shè)計(jì)。
總結(jié)一下，問(wèn)題的設(shè)計(jì)渠道來(lái)源主要有3種。主要還是根據(jù)調(diào)研目標(biāo)進(jìn)行問(wèn)題設(shè)計(jì)，另外兩種方式，作為輔助。
那具體問(wèn)題應(yīng)該怎么設(shè)計(jì)，這邊我們分為3個(gè)步驟，從面到點(diǎn)依次拆解進(jìn)行問(wèn)題設(shè)計(jì)。
B端產(chǎn)品的特點(diǎn)可以借用《U一點(diǎn)料》的9個(gè)字概括，“多場(chǎng)景、全鏈路、多角色”，所以設(shè)計(jì)問(wèn)題前，我們可以從場(chǎng)景+鏈路+角色/節(jié)點(diǎn)功能的維度來(lái)設(shè)計(jì)問(wèn)題。
以餐飲行業(yè)的產(chǎn)品舉例，首先建議了解自家產(chǎn)品的全場(chǎng)景業(yè)務(wù)能力。即從商家端到消費(fèi)端會(huì)經(jīng)歷的產(chǎn)品模塊和具備的現(xiàn)有功能，做到心中有數(shù)即可，畢竟不會(huì)一下子調(diào)研這么多模塊和功能。
其他ToB產(chǎn)品同理，可根據(jù)某個(gè)操作鏈路為主線，確定主流程后進(jìn)行問(wèn)題設(shè)計(jì)。其實(shí)就可以理解為確定調(diào)研的目標(biāo)。例如下圖要調(diào)研的主流程，就是提取點(diǎn)餐>下單>結(jié)算為主線。
根據(jù)剛才確定的主流程 我們找到所有關(guān)鍵節(jié)點(diǎn)進(jìn)行問(wèn)題框架設(shè)計(jì)。
以上3個(gè)步驟可以理解為，如何在功能極其復(fù)雜的B類(lèi)產(chǎn)品當(dāng)中，篩選出與訪談目標(biāo)緊密相連的功能鏈路。避免我們的訪談提綱做的過(guò)于冗余沒(méi)有核心。
這點(diǎn)也非常重要，每一次去門(mén)店調(diào)研之前，先由當(dāng)?shù)刎?fù)責(zé)的顧問(wèn)與受訪商戶(hù)提前溝通。
一方面是需要與對(duì)方預(yù)約時(shí)間，另外一方面這種訪談對(duì)商戶(hù)而言就相當(dāng)于優(yōu)質(zhì)的售后服務(wù)，會(huì)有受訪商戶(hù)提前列框架，準(zhǔn)備問(wèn)題。
那么這種情況更有利于調(diào)研，因?yàn)槭茉L者明確自己的問(wèn)題點(diǎn)在哪里，就等著調(diào)研團(tuán)隊(duì)（售后團(tuán)隊(duì)）來(lái)門(mén)店后，好好拉扯一番。
萬(wàn)事具備，只欠東風(fēng)。我們?cè)?strong>盤(pán)點(diǎn)確認(rèn)下本次訪談的各類(lèi)工具是否備齊，準(zhǔn)備進(jìn)入訪談階段，大致需要準(zhǔn)備的東西是以下4種材料工具。
在了解了受訪者類(lèi)型、采訪者需要注意的點(diǎn)，以及帶著我們?cè)O(shè)計(jì)好的問(wèn)題，下面正式進(jìn)入訪談階段。
到達(dá)門(mén)店后，我們的顧問(wèn)會(huì)給受訪客戶(hù)做一下來(lái)訪成員介紹，并講明此次到店的目的。一般都是產(chǎn)品使用回訪，或者新功能推薦培訓(xùn)。
通常來(lái)說(shuō)，受訪商戶(hù)對(duì)來(lái)訪團(tuán)隊(duì)總是有很多”心里話“想嘮一嘮，因此暖場(chǎng)氛圍比較容易起來(lái)，也有助于我們接下來(lái)的溝通
進(jìn)入正題以后，我們會(huì)先大致了解下受訪者最近使用的體驗(yàn)以及遇到的問(wèn)題，而后會(huì)根據(jù)問(wèn)題框架進(jìn)行提問(wèn)。在整個(gè)過(guò)程中也需要注意觀察用戶(hù)在描述問(wèn)題時(shí)候的表情和肢體語(yǔ)言，搜集用戶(hù)對(duì)于產(chǎn)品的真實(shí)態(tài)度。
其實(shí)整個(gè)訪談流程我們歸納一下，需要關(guān)注的就是四個(gè)關(guān)鍵點(diǎn)，手+口+心+顏。
關(guān)于實(shí)操演示放在第一個(gè)講，是因?yàn)檫@個(gè)環(huán)節(jié)非常重要。線下訪談時(shí)強(qiáng)烈不建議“脫機(jī)訪問(wèn)”，這種形式對(duì)受訪者而言需要花更多的時(shí)間去思考問(wèn)題的答案。
會(huì)遺忘甚至想不起來(lái)當(dāng)時(shí)的具體情況，隨便的敷衍回答“嗯，還行”、“挺好的”，或者干脆彼此都不在一個(gè)頻道上。
其次，在操作過(guò)程中，建議用手機(jī)進(jìn)行拍攝記錄。因?yàn)槊總€(gè)人對(duì)產(chǎn)品的理解方式與程度不同，在用戶(hù)操作的過(guò)程中，會(huì)發(fā)現(xiàn)一些有意思的代償方案。這些也是思考的切入點(diǎn)。代償方案是否比原先設(shè)定的實(shí)現(xiàn)方法更便捷。
回去通過(guò)視頻仔細(xì)分析受訪者的操作路徑，以及每個(gè)操作之前是否有遲疑等等。并且將問(wèn)題點(diǎn)一一記錄下來(lái)。
這個(gè)就是根據(jù)問(wèn)題框架進(jìn)行提問(wèn)。在這個(gè)過(guò)程中，通常會(huì)穿插著上機(jī)操作演示，在現(xiàn)場(chǎng)記錄的時(shí)候可以先記錄個(gè)大概，等結(jié)束后再仔細(xì)整理。
問(wèn)受訪者的心理感受，其實(shí)就比較偏主觀了，我們可以從“我們家的產(chǎn)品”和“人家的產(chǎn)品”兩個(gè)維度去對(duì)比詢(xún)問(wèn)心里感受。值得注意的是，即使是這樣開(kāi)放式的提問(wèn)，也有提問(wèn)技巧。
比如“你覺(jué)得現(xiàn)在還有什么不好用的地方”就比“你感覺(jué)現(xiàn)在的產(chǎn)品好用么”這樣的提問(wèn)方式更有效。
因?yàn)楫a(chǎn)品一定是有可有優(yōu)化的空間，“有什么不好用的地方”這樣提問(wèn)的方式就是具體到了某個(gè)點(diǎn)上面，具體什么點(diǎn)不好用。
而后者的提問(wèn)方式是基于整個(gè)產(chǎn)品，受訪者可能會(huì)出于不好意思等原因直接說(shuō)“你們的東西還行吧，還可以”。
當(dāng)我們提問(wèn)產(chǎn)品優(yōu)缺點(diǎn)的時(shí)候，受訪者大部分都會(huì)帶上表情和肢體語(yǔ)言，并且情緒表現(xiàn)和性格有比較大的關(guān)系。
性格比較雷厲風(fēng)行、急躁一點(diǎn)的，通常會(huì)像連珠炮一樣瘋狂輸出，并且措辭會(huì)比較極端。例如：“真的太難用了”、“太麻煩了”、“嚴(yán)重影響門(mén)店?duì)I業(yè)了啊”。
接受到這種信息我們首先要做的就是安撫對(duì)方的情緒，其次對(duì)于這些信息要學(xué)會(huì)剔除一些夸張描述。
而性格溫和一點(diǎn)的受訪者，在闡述問(wèn)題的時(shí)候也會(huì)比較婉轉(zhuǎn)?！安皇翘奖恪薄ⅰ斑@個(gè)改動(dòng)沒(méi)啥感覺(jué)”、“也還行、都可以”，如果某個(gè)高頻操作真的很影響日常工作效率，往往會(huì)表現(xiàn)得很無(wú)奈，甚至還有點(diǎn)委屈。
那么無(wú)論是哪種表現(xiàn)，其實(shí)都要考驗(yàn)采訪者的經(jīng)驗(yàn)，結(jié)合產(chǎn)品的功能去考慮，找到反饋中真實(shí)有效的部分。
通過(guò)以上4個(gè)環(huán)節(jié)，其實(shí)就可以收集到很多有用的信息，語(yǔ)言信息、視頻信息、動(dòng)作表情信息等等。接下來(lái)的任務(wù)就是信息的梳理歸納。
訪談結(jié)束后，我們需要做個(gè)簡(jiǎn)單的總結(jié)回顧。將關(guān)鍵問(wèn)題再次復(fù)述確認(rèn)，進(jìn)行查漏補(bǔ)缺并且再次感謝受訪者，表達(dá)他們今天提的建議價(jià)值很大，后續(xù)會(huì)梳理出可落地的點(diǎn)優(yōu)化到產(chǎn)品當(dāng)中。
如果說(shuō)聊得比較開(kāi)心，大多數(shù)的受訪商戶(hù)都會(huì)邀請(qǐng)來(lái)訪團(tuán)隊(duì)吃個(gè)飯?jiān)僮?，也算是額外的福利。在就餐過(guò)程中的非正式場(chǎng)合交流，也可以聊聊門(mén)店的一些運(yùn)營(yíng)情況等等，幫助我們更深入的了解這個(gè)行業(yè)。
我們?cè)谠L談過(guò)程中會(huì)有大量未整理的一手記錄，結(jié)束后需盡快的梳理，盡可能詳細(xì)的記錄下用戶(hù)描述的細(xì)節(jié)、肢體動(dòng)作表情語(yǔ)言等等。建議使用石墨、語(yǔ)雀、騰訊文檔等在線編輯工具，方便分享修改。（本文提供模板可下載）如果是連續(xù)訪談幾位商戶(hù)，我會(huì)在訪談結(jié)束以后，迅速地將剛才的訪談內(nèi)容整理出一份原始資料。并羅列出一些受訪者反饋但訪談提綱里沒(méi)有的問(wèn)題，去下一家受訪商戶(hù)的時(shí)候可以驗(yàn)證下該問(wèn)題的普遍性。
② 整理落地
輸出后我們需要再次進(jìn)行提煉，將有價(jià)值可落地的問(wèn)題點(diǎn)提取出來(lái)，進(jìn)行匯報(bào)分享，并找到相對(duì)應(yīng)的產(chǎn)品研發(fā)進(jìn)行探討排期，這樣就形成了一個(gè)完整的閉環(huán)，真正做到了發(fā)現(xiàn)問(wèn)題、解決問(wèn)題.
③ 流程概括
前文絮絮叨叨說(shuō)了很多，其實(shí)關(guān)于用戶(hù)訪談這事用6個(gè)字就可以概括，簡(jiǎn)單理解：
問(wèn)誰(shuí)？問(wèn)啥？答啥？改啥？
能夠回答清楚這4個(gè)問(wèn)題，那么這就是一次有價(jià)值的訪談經(jīng)歷。
ToB業(yè)務(wù)的特點(diǎn)就是會(huì)有一定的行業(yè)壁壘，設(shè)計(jì)師在剛接觸的時(shí)候一定會(huì)有很多茫然時(shí)刻。對(duì)于各種專(zhuān)業(yè)詞匯的一臉懵，對(duì)于行業(yè)的不了解。
或者很多人對(duì)于B端的認(rèn)知還停留在，B端好像沒(méi)啥好設(shè)計(jì)的，都是現(xiàn)成的組件庫(kù)拖一拖，成就感比C端差遠(yuǎn)了。
那么做訪談、體驗(yàn)優(yōu)化的意義是什么呢？
在《U一點(diǎn)料》一書(shū)中提到，B端產(chǎn)品做體驗(yàn)設(shè)計(jì)創(chuàng)新時(shí)，有2個(gè)要訣
要訣1：更好地幫助用戶(hù)降低經(jīng)營(yíng)成本，增加企業(yè)收入
要訣2：更好地在業(yè)務(wù)鏈路上促進(jìn)用戶(hù)協(xié)同，提升工作效率
《U一點(diǎn)料》
所以，無(wú)論我們采取何種方式去研究用戶(hù)，去挖掘需求，最終的目標(biāo)與意義都是為了使整個(gè)系統(tǒng)，更貼合用戶(hù)的真實(shí)使用場(chǎng)景，讓系統(tǒng)可以成為用戶(hù)在工作過(guò)程中一件“稱(chēng)手的工具”。
如何真正理解用戶(hù)需求，給他們最想要的東西，比如高效協(xié)同、效率提升，或者創(chuàng)造更多的商業(yè)價(jià)值。這不僅僅是業(yè)務(wù)方的事，也值得每一位設(shè)計(jì)師參與深思。
模板下載鏈接: https://pan.baidu.com/s/15EaUUlqZUvq77wN197hUIw 密碼: mn2g
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.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)定制 、 用戶(hù)體驗(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咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
// 寫(xiě)在前面
端到端導(dǎo)流是指在產(chǎn)品矩陣體系內(nèi)引導(dǎo)優(yōu)質(zhì)產(chǎn)品的用戶(hù)使用另外一款產(chǎn)品，帶來(lái)使用量的提升，從而實(shí)現(xiàn)用戶(hù)規(guī)模提升的一種增長(zhǎng)手段。隨業(yè)務(wù)快速增長(zhǎng)，有駕從百度汽車(chē)頻道衍伸出了有駕小程序、M站、PC站以及APP等多緯度的產(chǎn)品矩陣，依托各端流量實(shí)現(xiàn)矩陣產(chǎn)品間的導(dǎo)流，逐步積累用戶(hù)規(guī)模，是有駕目前獲客渠道中占比最高的方式。本文將以有駕導(dǎo)流體驗(yàn)升級(jí)的項(xiàng)目為例，分享導(dǎo)流增長(zhǎng)探索的設(shè)計(jì)思路與實(shí)踐經(jīng)驗(yàn)。
// 為什么要做導(dǎo)流
導(dǎo)流的目的
對(duì)于業(yè)務(wù)本身而言，隨著移動(dòng)互聯(lián)網(wǎng)流量紅利期的結(jié)束，獲取新用戶(hù)的成本越來(lái)越高，不管是新產(chǎn)品還是成熟型產(chǎn)品，都需要通過(guò)導(dǎo)流的手段來(lái)持續(xù)擴(kuò)充新用戶(hù)。其次，對(duì)于有駕產(chǎn)品生態(tài)而言，需要各端產(chǎn)品間的相互聯(lián)動(dòng)，協(xié)同發(fā)揮優(yōu)勢(shì)，實(shí)現(xiàn)流量?jī)r(jià)值最大化。
導(dǎo)流的優(yōu)勢(shì)
成本低，相較于投放、活動(dòng)等渠道流量獲取方式，矩陣導(dǎo)流成本低；
高意向，用戶(hù)購(gòu)車(chē)意向明確更容易實(shí)現(xiàn)商業(yè)轉(zhuǎn)化；
可共享，用戶(hù)數(shù)據(jù)及行為關(guān)聯(lián)互通。
// 如何做好導(dǎo)流設(shè)計(jì)
1.問(wèn)題分析
通過(guò)梳理核心場(chǎng)景的4種導(dǎo)流條，發(fā)現(xiàn)各個(gè)場(chǎng)景導(dǎo)流形式各異，用戶(hù)缺乏統(tǒng)一認(rèn)知，導(dǎo)流引導(dǎo)語(yǔ)單一內(nèi)容吸引力弱。在用戶(hù)在瀏覽頁(yè)面時(shí)，點(diǎn)擊功能入口或想要繼續(xù)查看更多內(nèi)容，需要下載APP才能繼續(xù)阻礙用戶(hù)瀏覽：
缺乏統(tǒng)一認(rèn)知：視覺(jué)表達(dá)形式不成體系，用戶(hù)感知不夠；
內(nèi)容吸引力弱：內(nèi)容單一缺乏吸引力，用戶(hù)沒(méi)有點(diǎn)擊欲望；
阻礙用戶(hù)瀏覽：打斷用戶(hù)正常使用功能，影響用戶(hù)體驗(yàn)。
從導(dǎo)流鏈路的用戶(hù)行為來(lái)看，整個(gè)流程下載路徑過(guò)長(zhǎng)，發(fā)現(xiàn)用戶(hù)流失較大的轉(zhuǎn)化點(diǎn)：
從小程序落地頁(yè)到下載頁(yè)：在進(jìn)入小程序?yàn)g覽頁(yè)面時(shí)，用戶(hù)沒(méi)有注意到導(dǎo)流條就滑走了；
點(diǎn)擊導(dǎo)流條進(jìn)入下載頁(yè)：點(diǎn)擊導(dǎo)流條會(huì)先調(diào)起導(dǎo)流彈窗，點(diǎn)擊確認(rèn)后再進(jìn)入到下載頁(yè)，用戶(hù)未選擇下載就退出了。
2.明確設(shè)計(jì)方向
針對(duì)導(dǎo)流現(xiàn)狀缺乏統(tǒng)一認(rèn)知，內(nèi)容吸引力弱、阻礙用戶(hù)瀏覽、下載路徑過(guò)長(zhǎng)的問(wèn)題，我們搭建了一個(gè)完整的導(dǎo)流鏈路圖，根據(jù)用戶(hù)增長(zhǎng)模型，把用戶(hù)生命周期各節(jié)點(diǎn)的用戶(hù)行為與產(chǎn)品觸點(diǎn)一一羅列出來(lái)，找到增長(zhǎng)路徑的設(shè)計(jì)機(jī)會(huì)點(diǎn)。
通過(guò)以上的問(wèn)題分析，如何建立用戶(hù)和產(chǎn)品的鏈接，保障友好的體驗(yàn)，是本次導(dǎo)流升級(jí)要解決的問(wèn)題。根據(jù)用戶(hù)關(guān)鍵行為，我們可以將整個(gè)導(dǎo)流鏈路拆分為3個(gè)階段來(lái)挖掘主要機(jī)會(huì)點(diǎn)：
下載前：興趣激發(fā)導(dǎo)流吸引，建立用戶(hù)穩(wěn)定認(rèn)知；
下載中：強(qiáng)化用戶(hù)轉(zhuǎn)化動(dòng)機(jī)，刺激用戶(hù)完成下載；
下載后：保障還原體驗(yàn)暢通，提升首次使用體驗(yàn)。
下面將分別介紹導(dǎo)流下載前階段的設(shè)計(jì)落地實(shí)踐，以及下載中、下載后階段的延伸設(shè)計(jì)思考。
// 下載前
1.強(qiáng)化觸點(diǎn)吸引
是否能成功引起用戶(hù)注意，是轉(zhuǎn)化開(kāi)始的第一步，統(tǒng)一的視覺(jué)風(fēng)格和滿(mǎn)足用戶(hù)訴求的內(nèi)容，有利于增強(qiáng)導(dǎo)流條的吸引力。
1）收斂導(dǎo)流條類(lèi)型
針對(duì)【阻礙用戶(hù)瀏覽】打斷用戶(hù)正常使用功能、用戶(hù)沒(méi)有跳轉(zhuǎn)預(yù)期的體驗(yàn)問(wèn)題，下線了阻斷式和截?cái)嗍絻煞N體驗(yàn)不友好的導(dǎo)流類(lèi)型，將原來(lái)4種導(dǎo)流類(lèi)型收斂為2種，僅保留通用導(dǎo)流條和功能延展導(dǎo)流條，基于這2種導(dǎo)流形態(tài)進(jìn)行深入的設(shè)計(jì)探索。
2）建立通用視覺(jué)標(biāo)準(zhǔn)
針對(duì)【缺乏統(tǒng)一認(rèn)知】視覺(jué)表達(dá)形式不成體系、用戶(hù)感知不夠的視覺(jué)問(wèn)題，建立了通用導(dǎo)流條標(biāo)準(zhǔn)化規(guī)范。統(tǒng)一視覺(jué)形態(tài)，優(yōu)化為頁(yè)面內(nèi)通欄嵌入式，同時(shí)融入品牌色強(qiáng)化用戶(hù)感知，根據(jù)頁(yè)面布局制定了不同的展示規(guī)則。
上線后，內(nèi)嵌導(dǎo)流條在展現(xiàn)受限的情況下，導(dǎo)流轉(zhuǎn)化數(shù)據(jù)與改版前基本持平，為了進(jìn)一步提升導(dǎo)流的點(diǎn)擊效果，開(kāi)始探索場(chǎng)景化定制提轉(zhuǎn)的設(shè)計(jì)方向。
3）定制場(chǎng)景化內(nèi)容
針對(duì)【內(nèi)容吸引力弱】?jī)?nèi)容單一缺乏吸引力、用戶(hù)沒(méi)有點(diǎn)擊欲望的內(nèi)容問(wèn)題，在通用標(biāo)準(zhǔn)化形態(tài)的基礎(chǔ)上，根據(jù)不同場(chǎng)景用戶(hù)訴求點(diǎn)，豐富導(dǎo)流內(nèi)容。分別從內(nèi)容定制、按鈕文案優(yōu)化、以及氛圍強(qiáng)化3個(gè)方向驗(yàn)證對(duì)轉(zhuǎn)化的影響。
內(nèi)容定制：豐富導(dǎo)流利益點(diǎn)、場(chǎng)景化內(nèi)容更能激發(fā)用戶(hù)興趣，促進(jìn)轉(zhuǎn)化達(dá)成；
按鈕文案：轉(zhuǎn)化按鈕文案導(dǎo)向性明確、內(nèi)容與導(dǎo)流利益點(diǎn)匹配，可以助力按鈕轉(zhuǎn)化提升；
氛圍強(qiáng)化：導(dǎo)流樣式上適度弱化氛圍、樣式更傾向于原生功能，有助于提升導(dǎo)流條點(diǎn)擊。
2.拓展場(chǎng)景擴(kuò)量
復(fù)利通用標(biāo)準(zhǔn)導(dǎo)流條的成功經(jīng)驗(yàn)，應(yīng)用到功能延展類(lèi)導(dǎo)流條中繼續(xù)驗(yàn)證有效性，從產(chǎn)品價(jià)值點(diǎn)出發(fā)，挖掘高流量場(chǎng)景的機(jī)會(huì)點(diǎn)從而帶來(lái)轉(zhuǎn)化增量。
1）價(jià)值傳遞
根據(jù)小程序和APP兩端各自的不同點(diǎn)，分別從功能差異及體驗(yàn)差異兩個(gè)方向進(jìn)行優(yōu)化。
APP特有功能：APP完善的功能體驗(yàn)可以更好滿(mǎn)足用戶(hù)訴求，例如參配瀏覽場(chǎng)景下，引導(dǎo)用戶(hù)體驗(yàn)搜索及橫屏查看的高頻功能，對(duì)于導(dǎo)流轉(zhuǎn)化有正向幫助；
各端體驗(yàn)差異：小程序和APP兩端體驗(yàn)存在差異，例如圖片瀏覽場(chǎng)景下，APP清晰流暢的瀏覽體驗(yàn)及放大全屏查看圖片的交互體驗(yàn)，能夠刺激用戶(hù)轉(zhuǎn)化。
2）價(jià)值延續(xù)
當(dāng)用戶(hù)完成核心內(nèi)容消費(fèi)后，是否可以引導(dǎo)用戶(hù)去APP繼續(xù)瀏覽更多相關(guān)內(nèi)容，進(jìn)而引導(dǎo)用戶(hù)下載呢？
服務(wù)透?jìng)?/strong>：平臺(tái)服務(wù)內(nèi)容傳遞，例如在內(nèi)容落地頁(yè)文末增加品牌廣告導(dǎo)流條，幫助用戶(hù)建立品牌認(rèn)知；
相關(guān)推薦：引導(dǎo)相關(guān)內(nèi)容消費(fèi)，例如在文章或視頻頁(yè)增加相關(guān)推薦導(dǎo)流條，引導(dǎo)用戶(hù)瀏覽更多相似內(nèi)容。
// 下載中
當(dāng)用戶(hù)通過(guò)導(dǎo)流條進(jìn)入到下載流程時(shí)，還有哪些手段可以刺激用戶(hù)激活減少流失呢？
強(qiáng)化下載動(dòng)機(jī)：下載頁(yè)前置APP落地頁(yè)內(nèi)容，例如將通用下載頁(yè)優(yōu)化為場(chǎng)景化下載頁(yè)，給用戶(hù)超前產(chǎn)品體驗(yàn)吸引轉(zhuǎn)化；
減少用戶(hù)流失：縮短鏈路簡(jiǎn)化流程，例如可在下載中間頁(yè)完成應(yīng)用下載，同時(shí)退出下載頁(yè)時(shí)增加挽留。
// 下載后
當(dāng)用戶(hù)在應(yīng)用商店下載完成后，我們還能做哪些提升首次啟動(dòng)APP的體驗(yàn)?zāi)兀?/span>
還原鏈路暢通：提升場(chǎng)景還原成功率，減少頻繁提示信息干擾；
建立用戶(hù)心智：引導(dǎo)新用戶(hù)探索功能，根據(jù)用戶(hù)興趣推薦適合的內(nèi)容。
以上內(nèi)容是下載中和下載后階段導(dǎo)流優(yōu)化方向的一些延伸設(shè)計(jì)思考，為大家提供可以繼續(xù)探索的方向。
// 寫(xiě)在最后
總結(jié)一下本篇文章關(guān)于導(dǎo)流的體驗(yàn)設(shè)計(jì)要點(diǎn)：
全鏈路洞察，對(duì)導(dǎo)流鏈路進(jìn)行拆解，通過(guò)盤(pán)點(diǎn)導(dǎo)流鏈路的用戶(hù)行為，明確每個(gè)節(jié)點(diǎn)的設(shè)計(jì)方向；
降低廣告干擾性，減少用戶(hù)瀏覽過(guò)程中的阻斷感，適度弱化廣告氛圍；
用戶(hù)的視角引導(dǎo)，讓用戶(hù)專(zhuān)注于產(chǎn)品本身傳遞的價(jià)值，引領(lǐng)用戶(hù)完成對(duì)產(chǎn)品的探索從而完成下載激活。
希望以上的設(shè)計(jì)思考，可以帶給大家一些啟發(fā)。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.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)定制 、 用戶(hù)體驗(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咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
以下是碳水Sir在App Store發(fā)現(xiàn)的幾款“寶貝”，之所以稱(chēng)為“寶貝”是因?yàn)楫a(chǎn)品中可學(xué)到的東西太多了，每個(gè)產(chǎn)品視覺(jué)UI以及動(dòng)效都有其獨(dú)特風(fēng)格（當(dāng)然網(wǎng)上也有別人總結(jié)過(guò)的產(chǎn)品，我這里就不拿出來(lái)重復(fù)說(shuō)了）我僅針對(duì)未總結(jié)的大廠產(chǎn)品，進(jìn)行設(shè)計(jì)細(xì)節(jié)拆解，看看優(yōu)秀的產(chǎn)品設(shè)計(jì)到底好在哪里，請(qǐng)君細(xì)細(xì)品味。
（淘寶 - 屋顏 - 一站式潮流家居平臺(tái)）
（字節(jié) - 抖音盒子 - 潮流時(shí)尚電商平臺(tái)）
（騰訊 - doX多克斯 - 生活碎片視頻社交）
（淘寶 - 吃貨筆記 - 記錄美食好生活）
（得物旗下 - 95分 - 奢潮二手平臺(tái)）
（騰訊 - PODO漫畫(huà) - 獨(dú)特交互體驗(yàn)漫畫(huà)閱讀平臺(tái)）
（荔枝 - 皮玩 - 語(yǔ)音社交平臺(tái)）
（陌陌 - 咔咔 - 實(shí)拍互動(dòng)交友平臺(tái)）
排名不分先后，從以上幾款產(chǎn)品logo中不難看出，圖形設(shè)計(jì)都偏向于具像化，傳遞出正向的情緒，顏色方面使用熒光黃、青綠、漸變粉等凸顯年輕、大膽，富有朝氣。
第一眼看到這個(gè)名就有被驚艷。首先屋顏是屋檐的斜譯，檐變成顏，中華文字博大精深，讀起來(lái)也不違和，同時(shí)也直觀呈現(xiàn)出產(chǎn)品定位屬性。logo采用字體設(shè)計(jì)手法，“屋”字經(jīng)過(guò)設(shè)計(jì)手法使線條呈現(xiàn)出立體空間感，也間接體現(xiàn)出產(chǎn)品是和房屋軟裝相關(guān)，同時(shí)為屋內(nèi)添置“顏色”（軟裝）相關(guān)的產(chǎn)品。一個(gè)logo兩層含義，通過(guò)字體設(shè)計(jì)以及諧音表現(xiàn)，巧妙的融入其中。
直觀來(lái)看，頁(yè)面大量留白，圖片質(zhì)量高級(jí)且風(fēng)格統(tǒng)一，均采用素底作為產(chǎn)品首圖，很好的提升產(chǎn)品整體調(diào)性。
圖形方面均采用直角元素，配圖、banner、按鈕、icon無(wú)一例外；細(xì)線風(fēng)格設(shè)計(jì)使產(chǎn)品極具品質(zhì)感，有種無(wú)印良品的現(xiàn)代極簡(jiǎn)主義風(fēng)潮。也叫MUJI風(fēng)。
瓷片區(qū)的配圖采用線性+2.5D風(fēng)格，使畫(huà)面富有空間層次，能撐住頁(yè)面頭部重要位置，且再次突出產(chǎn)品極簡(jiǎn)主義風(fēng)格。當(dāng)然還有空狀態(tài)、無(wú)網(wǎng)絡(luò)環(huán)境下的配圖等等都很統(tǒng)一。
動(dòng)效方面最值得關(guān)注的是下拉刷新，使用吊燈作為下拉效果，當(dāng)向下滑動(dòng)時(shí)電線被拉扯長(zhǎng)，但斷不了，給人以安全可靠的產(chǎn)品透?jìng)鳎菜闶峭ㄟ^(guò)創(chuàng)意設(shè)計(jì)助力產(chǎn)品體驗(yàn)的手段之一。釋放刷新時(shí)，輪播不同的家居icon圖標(biāo)，再次強(qiáng)化定位產(chǎn)品屬性，且刷新時(shí)不至于乏味。
加載狀態(tài)采用+號(hào)線條旋轉(zhuǎn)表現(xiàn)，同時(shí)在結(jié)尾變成一個(gè)方形，這么極簡(jiǎn)的設(shè)計(jì)之前其他產(chǎn)品從未出現(xiàn)過(guò)，同時(shí)它也符合屋顏的產(chǎn)品調(diào)性（新家軟裝要做加法，僅個(gè)人理解）也算是一個(gè)設(shè)計(jì)亮點(diǎn)。
最新穎的是產(chǎn)品特有的【3D實(shí)景逛店】功能，進(jìn)一步強(qiáng)化家具與室內(nèi)的強(qiáng)相關(guān)性，為什么這么說(shuō)，單從買(mǎi)家具上，線上買(mǎi)前只能靠照片來(lái)間接聯(lián)想買(mǎi)后填入家中的情況，并不能按照自己習(xí)慣多角度查看家具。又或者因?yàn)槊?，沒(méi)時(shí)間去線下家具館，或者怕白去一趟，通過(guò)【3D實(shí)景逛店】快速解決這部分用戶(hù)需求。同時(shí)，也給線下家具館增加了更多曝光度的可能性。
至此，屋顏的設(shè)計(jì)細(xì)節(jié)講解就結(jié)束了，希望產(chǎn)品體驗(yàn)越做越好。
抖音旗下的電商平臺(tái)，整體風(fēng)格清爽直觀，綠色與紫色搭配也是一種時(shí)尚風(fēng)。相比其他電商產(chǎn)品，抖音盒子沒(méi)有金剛區(qū)圖標(biāo)設(shè)計(jì)以及營(yíng)銷(xiāo)類(lèi)的占位圖，相反金剛區(qū)僅展示奢侈品實(shí)物圖，產(chǎn)品圖大小做了統(tǒng)一，視覺(jué)呈現(xiàn)很高級(jí)，同時(shí)下列瀑布流商品中首圖沒(méi)有活動(dòng)促銷(xiāo)等信息干擾，只展示商品圖，突出其時(shí)尚潮牌好物的特性，同時(shí)也與當(dāng)前清爽、高級(jí)的設(shè)計(jì)風(fēng)格相一致。
幾處設(shè)計(jì)細(xì)節(jié)值得參考，首先是底部Tab欄點(diǎn)擊動(dòng)效，承載抖音logo的故障風(fēng)效果，黑色+紫色故障效果一來(lái)告知與抖音具有相關(guān)聯(lián)性，是旗下電商產(chǎn)品；二來(lái)黑色Tab圖標(biāo)能很好的壓住“紫綠主色調(diào)”的跳躍感，不至于太過(guò)俏皮脫離電商屬性。
并且圖標(biāo)的整體性與統(tǒng)一性都做得很好，“小紅點(diǎn)”的設(shè)計(jì)采用品牌色“小紫點(diǎn)”呈現(xiàn)（小小的顏色改變），更加強(qiáng)化了產(chǎn)品風(fēng)格與調(diào)性的統(tǒng)一，（小紅點(diǎn)并不是只能用紅色）這點(diǎn)值得學(xué)習(xí)。
最后想告訴大家，產(chǎn)品在每個(gè)階段設(shè)計(jì)形式都會(huì)發(fā)生改變，比如1.0.1-1.0.2可能是輕微調(diào)整，1.0.0-2.0.0就是大的視覺(jué)升級(jí)。可能因?yàn)楫a(chǎn)品發(fā)展或用戶(hù)變化，使得產(chǎn)品設(shè)計(jì)風(fēng)格發(fā)生改變， 但要知道每個(gè)上線版本一定是當(dāng)前方案的最優(yōu)解。就如你看到的“抖音盒子”現(xiàn)在是1.9.0版本號(hào)，或許在不久的將來(lái)就會(huì)全新升級(jí)。這就不得而知了。
是一款短視頻社交平臺(tái)，與其他社交產(chǎn)品不同，doX主打短視頻內(nèi)容社交，用戶(hù)通過(guò)拍攝上傳有趣的短視頻內(nèi)容，來(lái)認(rèn)識(shí)志同道合的朋友。雖然與抖音同為短視頻平臺(tái)，但抖音更側(cè)重視頻分發(fā)，而doX側(cè)重于通過(guò)視頻與用戶(hù)建立聯(lián)系，一個(gè)視頻下可以跟拍多條，有點(diǎn)像qq以前的漂流瓶，只是換種呈現(xiàn)方式。這種陌生人視頻交友有一絲“探探”的味道。
設(shè)計(jì)上面單看logo以為會(huì)沿用手繪線稿類(lèi)似的風(fēng)格。整體使用下來(lái)，僅在我的頁(yè)面頂部背景中用到，其余均采用斷線像素風(fēng)icon設(shè)計(jì)，綠+白的設(shè)計(jì)風(fēng)格，可能也是為了營(yíng)造出一種陌生人交友的科幻感覺(jué)吧。
發(fā)起拍攝頁(yè)，背景會(huì)有噪點(diǎn)動(dòng)效，也是營(yíng)造一種拍攝前無(wú)鏡頭的感覺(jué)，引導(dǎo)用戶(hù)隨手記錄。
最后產(chǎn)品的切入方向很新穎，但是否能在短視頻風(fēng)口分出一杯羹就不知道了，但目前來(lái)說(shuō)整體設(shè)計(jì)風(fēng)格框架已搭建起來(lái)，剩下的就是不斷填補(bǔ)及完善設(shè)計(jì)，使其更加統(tǒng)一，希望doX越來(lái)越好。
第一次接觸“吃貨筆記”就被頁(yè)面整體設(shè)計(jì)風(fēng)格吸引。粗線圖標(biāo)+擬物圖標(biāo)形式空前新潮，給人眼前一亮的感覺(jué)。它類(lèi)似于“大眾點(diǎn)評(píng)”，是個(gè)寶藏探店美食分享的平臺(tái)。通過(guò)線上探店選擇報(bào)名-自行到店-發(fā)表動(dòng)態(tài)-上傳票據(jù)-提取飯票，來(lái)獲得優(yōu)惠消費(fèi)的同時(shí)提高平臺(tái)UGC內(nèi)容的產(chǎn)出。可惜的是目前僅支持【廣州】店鋪（可能是先做小范圍本土化嘗試然后再逐漸擴(kuò)大地域），外地用戶(hù)只能看看界面并不能真實(shí)使用，這點(diǎn)很遺憾。
動(dòng)態(tài)布局也很有創(chuàng)意，第一張大圖，其他小圖呈現(xiàn)，五宮格的樣式使布局統(tǒng)一，且更好突出第一張圖的主視覺(jué)層級(jí)。
如今本地餐飲服務(wù)平臺(tái)已經(jīng)做得很好了，“吃貨筆記”在嘗試從優(yōu)化福利流程、視覺(jué)表現(xiàn)、設(shè)計(jì)手法等多維度探索新的操作形式，這種身先士卒的精神值得尊敬，單說(shuō)設(shè)計(jì)表現(xiàn)的細(xì)致，就以超過(guò)了大部分產(chǎn)品。當(dāng)然，每一款好的產(chǎn)品離不開(kāi)設(shè)計(jì)，更離不開(kāi)產(chǎn)品功能是否真實(shí)滿(mǎn)足用戶(hù)需求，讓用戶(hù)使用輕松、解決需求后是否帶來(lái)爽點(diǎn)。
圖標(biāo)用色很鮮明，均采用3D質(zhì)感表現(xiàn)形式，能看出設(shè)計(jì)上面下了很多功夫。底部Tab欄選中圖標(biāo)也采用3D質(zhì)感表現(xiàn)，與金剛區(qū)和空狀態(tài)圖標(biāo)形成呼應(yīng)，增強(qiáng)產(chǎn)品風(fēng)格記憶點(diǎn)。產(chǎn)品目前的評(píng)論和下載量都不像沒(méi)推過(guò)一樣，可能產(chǎn)品分享度不高導(dǎo)致很多一部分人不知道，所以增加徽章模塊評(píng)價(jià)打卡獲得獎(jiǎng)勵(lì)，并以此成就來(lái)滿(mǎn)足用戶(hù)心里預(yù)期，從而增加使用黏性和傳播分享。
最后這款產(chǎn)品設(shè)計(jì)表現(xiàn)都特別出眾，通過(guò)空狀態(tài)文案等內(nèi)容也能看出產(chǎn)品的個(gè)性特征。例如：“蝦米都沒(méi)有，快看看其他的”，還有很多小的設(shè)計(jì)細(xì)節(jié)，這里就不一一說(shuō)了，大伙兒自行下載體驗(yàn)一下吧。
95分是得物旗下的分離出來(lái)的全新App，主打潮流閑置交易平臺(tái)，而得物定位是新一代潮流網(wǎng)購(gòu)電商，兩者還是有所區(qū)別。但從UI設(shè)計(jì)角度，還是能看到得物的影子，潮流前線，并且整體風(fēng)格時(shí)尚統(tǒng)一，很多細(xì)節(jié)值得在這里展開(kāi)說(shuō)說(shuō)。
整個(gè)設(shè)計(jì)清爽直觀、沒(méi)有多余裝飾元素，這就要求圖標(biāo)必須做到極致，才能撐住整個(gè)頁(yè)面。我羅列了一下可能出現(xiàn)的圖標(biāo)，輕質(zhì)感毛玻璃效果，結(jié)合統(tǒng)一的漸變?cè)厥沟妹總€(gè)圖標(biāo)都精致耐看，值得研究。線性圖標(biāo)也是一樣，整體配套，這套圖標(biāo)應(yīng)該下了不少功夫。
在二手平臺(tái)存量競(jìng)爭(zhēng)的時(shí)代，能有一款產(chǎn)品嘗試新的設(shè)計(jì)風(fēng)格，并且把近幾年火起來(lái)的毛玻璃風(fēng)格相融合，這種走在設(shè)計(jì)前線的作風(fēng)與95分產(chǎn)品潮流前線的調(diào)性一致，單說(shuō)設(shè)計(jì)嘗試這種做法就已經(jīng)超越了大多數(shù)產(chǎn)品了。
毫不夸張，這款產(chǎn)品打開(kāi)了我對(duì)交互表現(xiàn)與實(shí)現(xiàn)的新認(rèn)知。我看了一下最早發(fā)布是去年9月27日，到目前為止短短8個(gè)月時(shí)間，就能讓PODO這款產(chǎn)品的交互設(shè)計(jì)做到如此優(yōu)秀，背后依靠騰訊，也有游戲元素的影子，這就不足為奇了。
使用下來(lái)基本沒(méi)有太多圖標(biāo)元素，更多是把屏幕空間分給了動(dòng)漫封面，一行三個(gè)動(dòng)漫排列，背景與主體人物分開(kāi)，滑動(dòng)時(shí)二者在空間層進(jìn)行錯(cuò)位，營(yíng)造一種錯(cuò)層的空間感，使原本扁平的圖像瞬間立體了許多很是新奇。
點(diǎn)開(kāi)動(dòng)漫詳情，圖文信息依次從上到下展開(kāi)，引導(dǎo)用戶(hù)視覺(jué)享受，并且頭圖中的動(dòng)漫人物也做了動(dòng)效設(shè)計(jì)，全覽下來(lái)很是細(xì)致。除此之外，還有三個(gè)明顯的交互細(xì)節(jié)，分別是：設(shè)置頁(yè)展開(kāi)交互、閱讀頁(yè)底部導(dǎo)航交互以及目錄頁(yè)的交互樣式，都以新的表現(xiàn)形式呈現(xiàn)出來(lái)，作為設(shè)計(jì)師的我們現(xiàn)在不能再說(shuō)：“設(shè)計(jì)已經(jīng)玩不出新的花樣”這樣的說(shuō)法了。
太多的交互動(dòng)效就不一一列舉了，趕緊收入囊中吧！
通過(guò)了解得知“皮玩”是荔枝App旗下控股產(chǎn)品，同樣也在入局陌生人社交領(lǐng)域。但值得注意的是該產(chǎn)品上線1個(gè)月，內(nèi)部框架及UI界面已相對(duì)完整，卡片、插圖、動(dòng)效、圖標(biāo)、以及一些趣味設(shè)計(jì)都已上線，應(yīng)該是一個(gè)成熟團(tuán)隊(duì)孵化的項(xiàng)目，上線前的測(cè)試應(yīng)該沒(méi)少下功夫，才能在產(chǎn)品初期做的如此完善。logo采用漸變黃底+吐舌頭表情相結(jié)合，搞怪趣味要用嘴說(shuō)話這樣的印象。定位：更好玩的語(yǔ)音社交算說(shuō)得過(guò)去 。
初次體驗(yàn)，第一感受就是采用貼紙風(fēng)的設(shè)計(jì)元素，icon與元素都具有較強(qiáng)的設(shè)計(jì)感，飽和度較低的配色加上白色描邊，就如產(chǎn)品說(shuō)的“玩一下、皮一下”相呼應(yīng)，產(chǎn)品的整體顏色采用漸變黃和漸變綠，配色很大膽，同時(shí)體現(xiàn)出該產(chǎn)品用戶(hù)所代表的具有興趣多元化、喜歡嘗鮮這樣一個(gè)群體。同時(shí)產(chǎn)品也是想通過(guò)這種設(shè)計(jì)吸引用戶(hù)使用。
產(chǎn)品中處處都能看到微動(dòng)效，使靜態(tài)的畫(huà)面變得活潑許多，這種做法也是為了給用戶(hù)營(yíng)造一種活躍的氛圍，增加平臺(tái)活躍度。
咔咔是陌陌孵化的一款社交產(chǎn)品，最近發(fā)現(xiàn)一些大廠旗下產(chǎn)品都在獨(dú)立運(yùn)營(yíng)，目的也是為了和主產(chǎn)品脫離關(guān)系，防止激烈競(jìng)爭(zhēng)導(dǎo)致產(chǎn)品停止運(yùn)營(yíng)。年前很火的“啫喱”想必就是吃虧在這方面?；貧w正題，首頁(yè)是以視頻為主圖片為輔的瀑布流形式呈現(xiàn)，停到某一位置則直接循環(huán)播放該視頻，排版方式極具新穎，當(dāng)體驗(yàn)下來(lái)眼球左右移動(dòng)總是會(huì)打斷我信息的獲取，有點(diǎn)強(qiáng)制引導(dǎo)用戶(hù)看大圖視頻內(nèi)容的感受。點(diǎn)開(kāi)則可以與對(duì)方進(jìn)行互動(dòng)點(diǎn)贊評(píng)論。
看看模塊，采用類(lèi)似“探探”卡片交互左滑不喜歡右滑喜歡來(lái)讓用戶(hù)進(jìn)行操作，但與“探探”不同的是此互動(dòng)是開(kāi)放的，用戶(hù)選擇滿(mǎn)意的動(dòng)態(tài)內(nèi)容添加到卡片后，陌生人可看到展示內(nèi)容，并且她被多少人喜歡都會(huì)展示出來(lái)，相當(dāng)于是個(gè)人名片，有種抖音+探探的味道。并不具有一對(duì)一的個(gè)人隱私性，這是與探探最直接的區(qū)別。
看看模塊中，“打招呼”是與對(duì)方建立私聊的唯一方式，如果該用戶(hù)已關(guān)注但未打招呼，把卡片劃走，那再也不能與對(duì)方建立私聊，除非對(duì)方通過(guò)“看看”模塊與你打招呼。這個(gè)產(chǎn)品細(xì)節(jié)很容易因?yàn)橛脩?hù)不理解或者手滑就無(wú)法與上個(gè)用戶(hù)進(jìn)行“打招呼”私信，且私信功能僅在觸發(fā)“打招呼”后才能交流，入口少、且不易理解，不知道是產(chǎn)品經(jīng)理的有意為之還是被遺漏掉的地方。
消息頁(yè)的添加入口，用折疊手法展示，降低頻繁跳頁(yè)的割裂感，同時(shí)縮起時(shí)也不會(huì)占用消息列表。
消息列表是通過(guò)“打招呼”保存下的私密消息，聊天形式極具特色，黑色背景加上紅紫漸變列表有種夜店嗨皮的即視感觀，這里就不過(guò)多評(píng)價(jià)，大家領(lǐng)悟吧。
設(shè)計(jì)中還值得關(guān)注一點(diǎn)，就是個(gè)人主頁(yè)中的個(gè)性標(biāo)簽，我羅列出22個(gè)，當(dāng)用戶(hù)發(fā)表三個(gè)同類(lèi)動(dòng)態(tài)即可點(diǎn)亮一個(gè)標(biāo)簽，此標(biāo)簽也會(huì)代替文字描述承載動(dòng)態(tài)內(nèi)容的作用，用戶(hù)選擇已點(diǎn)亮 的icon即展示對(duì)應(yīng)標(biāo)簽內(nèi)容了，相當(dāng)于動(dòng)態(tài)中的標(biāo)簽分類(lèi)，但前提發(fā)表動(dòng)態(tài)時(shí)選擇對(duì)應(yīng)你標(biāo)簽，不然發(fā)表后的動(dòng)態(tài)不能二次修改。這種通過(guò)標(biāo)簽點(diǎn)亮的功能也是為了讓用戶(hù)UGC內(nèi)容更加多元化，同時(shí)也想通過(guò)標(biāo)簽來(lái)吸引用戶(hù)多多發(fā)動(dòng)態(tài)的。創(chuàng)意點(diǎn)是好的，但是否能達(dá)到好的效果，還是要拭目以待。
相比其他產(chǎn)品，咔咔是我一直關(guān)注的產(chǎn)品，同時(shí)也是特別喜歡的產(chǎn)品之一，所以我分享給你們。
設(shè)計(jì)師要有發(fā)現(xiàn)美的眼睛。美不僅是視覺(jué)，還有好的體驗(yàn)流程。不要讓用戶(hù)思考，這是每個(gè)設(shè)計(jì)師所追求的。
認(rèn)真記錄產(chǎn)品細(xì)節(jié)，了解背后的思考，也是不斷提升自己邏輯思維和表達(dá)能力的一種方式。
本期產(chǎn)品細(xì)節(jié)分析結(jié)束，點(diǎn)擊原文鏈接查看更多，我們下期再見(jiàn)！
作者：碳水Sir；公眾號(hào)：草蓉三石
作者：碳水sir
鏈接：https://www.zcool.com.cn/article/ZMTQwMzM4OA==.html
來(lái)源：站酷
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.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)定制 、 用戶(hù)體驗(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咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
WWDC22 全球開(kāi)發(fā)者大會(huì)結(jié)束，有太多小眾產(chǎn)品脫穎而出。無(wú)形中有一股巨大的力量，在慢慢崛起，那便是來(lái)自世界各地的小型開(kāi)發(fā)團(tuán)隊(duì)和獨(dú)立開(kāi)發(fā)者。他們的產(chǎn)品小而美，小到僅靠一個(gè)功能撐起產(chǎn)品，美到完全忘記這是工具產(chǎn)品。那么具體都有哪些產(chǎn)品細(xì)節(jié)，不妨聽(tīng)我細(xì)細(xì)道來(lái)～
其中，我精挑細(xì)選出一個(gè)海外和三個(gè)國(guó)區(qū)優(yōu)秀產(chǎn)品進(jìn)行產(chǎn)品設(shè)計(jì)細(xì)節(jié)分析，一探小眾產(chǎn)品究竟好在哪里！
（專(zhuān)注面條 - 輕松重獲專(zhuān)注力）2022年Apple設(shè)計(jì)大獎(jiǎng)入圍名單之一
（謎底時(shí)鐘 - 讓時(shí)間看得見(jiàn)）2022年Apple設(shè)計(jì)大獎(jiǎng)入圍名單之一
（Waterllama - 開(kāi)啟喝水時(shí)間）2022年Apple設(shè)計(jì)大獎(jiǎng)入圍名單之一
（OffScreen - 自律番茄鐘，不做手機(jī)控）Apple Store精品推薦64次
排名不分先后，從以上幾款產(chǎn)品logo中可以看出產(chǎn)品之間設(shè)計(jì)風(fēng)格基本不一樣，不存在借鑒抄襲，各自都在細(xì)分領(lǐng)域深耕播種。
也正是因?yàn)殚_(kāi)發(fā)者的敬業(yè)、精益、專(zhuān)注、創(chuàng)新的“工匠精神”，才能讓產(chǎn)品突出重圍，優(yōu)秀的呈現(xiàn)在用戶(hù)面前使用。
Slogan：專(zhuān)注，可以做出一碗好面條。
你以為這只是讓人做泡面的App！那就錯(cuò)了。這是用“煮一碗好面條是需要時(shí)間的”為理念，讓用戶(hù)專(zhuān)注工作，類(lèi)似番茄工作法。
有趣的是，這款效率工具被插畫(huà)元素完美包裹起來(lái)，一點(diǎn)感受不到工具給人帶來(lái)的疏遠(yuǎn)感。相反，極具趣味性的畫(huà)面讓工具使用起來(lái)也充滿(mǎn)樂(lè)趣充滿(mǎn)愛(ài)。
正因這上乘的設(shè)計(jì)質(zhì)感，《專(zhuān)注面條》曾數(shù)次登上 App Store 推薦頁(yè)，至今收獲 7000+ 個(gè)評(píng)價(jià)、4.9 的評(píng)分。
想象一下你正在烹飪一碗面條。
在烹飪時(shí)間結(jié)束前．不要試圖拿起你的手機(jī)，這樣會(huì)讓水蒸汽流失，面條就不好吃了。日后，你可以使用專(zhuān)注面條完成你希望專(zhuān)注的任何事情。
它把工作比喻成煮面，煮面要專(zhuān)心，把控火候，合適時(shí)間放入主料和調(diào)料；工作同樣要專(zhuān)心，遵循自己的方法論，把每個(gè)步驟和流程都執(zhí)行到位。工作完成了，一碗面也就煮好了。
專(zhuān)注力在哪里，效率就在哪里。
「專(zhuān)注面條」希望輔助你以一種詼諧有趣的方式，重獲這個(gè)時(shí)代最稀缺的專(zhuān)注力。放下你的手機(jī)，煮一碗面，我們一起對(duì)抗手機(jī)成癮！
時(shí)間一到，你的面條就做好了，你也完成了一次有意義的專(zhuān)注。
打破常規(guī)，不用系統(tǒng)默認(rèn)蘋(píng)方字體，而是選擇手寫(xiě)體風(fēng)格的「素材集市康康體」字體（文末領(lǐng)取可商用字體包）作為通篇文字載體。
這也是為統(tǒng)一界面風(fēng)格做的一個(gè)優(yōu)化嘗試。
不得不說(shuō)，這個(gè)選擇是非常適合的。（體量較小的產(chǎn)品可以適當(dāng)選用設(shè)計(jì)字體，一旦產(chǎn)品功能做多做大還是乖乖用默認(rèn)字體規(guī)范靠譜些）。
打開(kāi)App，你能明顯看到簡(jiǎn)潔的手繪風(fēng)格元素，使整個(gè)產(chǎn)品透?jìng)鞒銮逍驴蓯?ài)的一面。這也是Alex作者受到女兒?jiǎn)l(fā)，畢竟小孩子總有天馬行空的想象，但大人們卻很難跳脫現(xiàn)實(shí)產(chǎn)生有趣想法。
App界面極其簡(jiǎn)潔，只有黑白灰三種顏色，搭配手繪風(fēng)格的設(shè)計(jì)元素，使產(chǎn)品整體清新脫俗，與眾不同。
圖標(biāo)設(shè)計(jì)脫離設(shè)計(jì)規(guī)范，采用更加符合產(chǎn)品氣質(zhì)的手繪風(fēng)格，這樣使得界面統(tǒng)一性極高，氛圍感十足。
這也間接告訴設(shè)計(jì)師們圖標(biāo)設(shè)計(jì)上一定要跟著產(chǎn)品形態(tài)去做設(shè)計(jì)，而不要一味以第三方規(guī)范為唯一衡量標(biāo)準(zhǔn)來(lái)設(shè)計(jì)，結(jié)果就是同質(zhì)化泛濫。
計(jì)時(shí)是產(chǎn)品核心功能，點(diǎn)擊首頁(yè)左上角專(zhuān)注時(shí)長(zhǎng)，會(huì)出現(xiàn)不同的煮面方案。
可設(shè)置5分鐘-180分鐘之內(nèi)任意時(shí)長(zhǎng)的專(zhuān)注時(shí)間，同時(shí)為5、10、15、20、25、30、35、40、45、50、55、60、180分鐘，這13個(gè)時(shí)間段繪制了專(zhuān)屬面條配方。你不用手機(jī)的時(shí)間越長(zhǎng)，你煮的泡面配料就越豪華越高級(jí)。設(shè)計(jì)元素也越豐富。當(dāng)你碰到手機(jī)，就會(huì)震動(dòng)十閃光。
面條設(shè)計(jì)方案與功能的完美呈現(xiàn)是產(chǎn)品最吸引人的地方。
根據(jù)累積的專(zhuān)注時(shí)長(zhǎng)還可以獲得相應(yīng)的稱(chēng)號(hào)，配合幸苦工作后汗水落下動(dòng)畫(huà)，很是生動(dòng)有趣。
不僅如此，專(zhuān)注面條還特意為女性男性做了兩套插圖設(shè)計(jì)方案，充分考慮不同群體的使用體驗(yàn)，僅僅是效率型產(chǎn)品就做到如此細(xì)節(jié)，不好才怪。
這也是除了故事卡片第二種用總時(shí)長(zhǎng)配圖來(lái)增加產(chǎn)品使用黏性產(chǎn)生記憶點(diǎn)的設(shè)計(jì)之處。
1.永久買(mǎi)斷制
【專(zhuān)注面條】一次買(mǎi)斷制，面條價(jià)格￥18。購(gòu)買(mǎi)后產(chǎn)品內(nèi)的功能都可使用。但“故事卡片”需要鑰匙來(lái)解鎖，￥6.00=鑰匙*6，不想付費(fèi)那就乖乖完成計(jì)時(shí)任務(wù)來(lái)隨機(jī)獲得故事卡片。
作為一個(gè)功能單一的產(chǎn)品，賣(mài)點(diǎn)在哪里？核心競(jìng)爭(zhēng)力在哪里？依碳水Sir來(lái)看付費(fèi)用戶(hù)大多在為品牌理念買(mǎi)單。
就是產(chǎn)品自身的品牌調(diào)性，區(qū)別于市面上任何一款產(chǎn)品，不隨波逐流，用全新的面條理念代替時(shí)間，并且有其鮮明的手繪風(fēng)格和插圖元素，即使被抄襲也只能抄到“外殼”，內(nèi)在的東西是偷不走的。
2.購(gòu)買(mǎi)鑰匙
專(zhuān)注完成后，靠概率獲得鑰匙，用來(lái)解鎖故事卡片以及 “腦洞大開(kāi)” 的結(jié)局作為獎(jiǎng)勵(lì)。緩解你專(zhuān)注后的緊張感，增加趣味互動(dòng)性，同時(shí)為下一次專(zhuān)注做好準(zhǔn)備。
故事中皮諾曹、烏鴉喝水、長(zhǎng)發(fā)公主等雖然都是我們耳熟能詳?shù)耐?，但作者?Alex ）給他們加上了一些彩蛋。譬如在《猴子撈月》的卡片里，解謎前三個(gè)猴子看到河流中有一個(gè)圓圈，當(dāng)我們找到面條的位置時(shí)，會(huì)發(fā)現(xiàn)猴子們看到的不過(guò)是一個(gè)香菇都大為震驚，畫(huà)面里充滿(mǎn)奇妙的想象力。
當(dāng)用戶(hù)看到未解鎖的故事會(huì)出于好奇點(diǎn)進(jìn)去，這時(shí)就需要鑰匙來(lái)解鎖，畢竟不是靠專(zhuān)注獲得的卡片就要用別的辦法（購(gòu)買(mǎi)鑰匙）打開(kāi)，這就是第二個(gè)商業(yè)轉(zhuǎn)化點(diǎn)。
目前已有的27張故事卡片，每一個(gè)都與面條結(jié)合進(jìn)行故事綁定，讓用戶(hù)在效率軟件中也能感受到游戲的樂(lè)趣，把故事卡片當(dāng)成解鎖過(guò)關(guān)元素，引發(fā)用戶(hù)對(duì)故事卡片更多的渴望。這也是通過(guò)獎(jiǎng)勵(lì)機(jī)制提高用戶(hù)參與感進(jìn)而提高使用黏性以及提升付費(fèi)轉(zhuǎn)化的一種方式。
一個(gè)動(dòng)作，一堆腦洞，組成了一個(gè)能量滿(mǎn)滿(mǎn)的 app。
6 月 1 日，蘋(píng)果發(fā)布了 2022 年度設(shè)計(jì)大獎(jiǎng)入圍名單，在「創(chuàng)新思維」類(lèi)別中出現(xiàn)了中國(guó)區(qū)《專(zhuān)注面條》的身影，雖然止步于決賽圈，但我覺(jué)得這并不是結(jié)束，而是全新的開(kāi)始。
優(yōu)秀的產(chǎn)品總有其相似之處，也有其不同。要想做一款好的小眾產(chǎn)品，除了把產(chǎn)品本身所解決的用戶(hù)痛點(diǎn)做好做精外，植入產(chǎn)品理念，與用戶(hù)產(chǎn)品某種關(guān)聯(lián)。
就如它把專(zhuān)注計(jì)時(shí)比作烹飪時(shí)間，當(dāng)完成專(zhuān)注，你將獲得一碗香噴噴的泡面一樣，給用戶(hù)感受并不是冷冰冰的機(jī)器“?！钡母嬖V用戶(hù)專(zhuān)注結(jié)束，而是通過(guò)巧妙的設(shè)計(jì)與用戶(hù)之間產(chǎn)生真實(shí)聯(lián)系，這或許就是成功的秘密。
借用「專(zhuān)注面條」Slogan說(shuō)的：專(zhuān)注，可以做出一碗好面條。
各位設(shè)計(jì)師們不妨學(xué)習(xí)一下背后的思考。
謎底時(shí)鐘是一款設(shè)計(jì)精美的時(shí)鐘應(yīng)用。
Slogan：陪伴你學(xué)習(xí)、工作與生活。
你沒(méi)看錯(cuò)！它僅有時(shí)間和計(jì)時(shí)功能。
作為一款時(shí)鐘App，UI設(shè)計(jì)有什么不同，才被入選2022 蘋(píng)果設(shè)計(jì)大獎(jiǎng)！成為中國(guó)開(kāi)發(fā)者之光！我們一起來(lái)看看。
第一次下載，就會(huì)啟動(dòng)引導(dǎo)流程，切換頁(yè)面時(shí)配合錯(cuò)幀動(dòng)畫(huà)，使設(shè)計(jì)細(xì)節(jié)更加突出明顯，強(qiáng)化品牌調(diào)性。產(chǎn)品中的引導(dǎo)頁(yè)都可以嘗試這種表現(xiàn)形式。
進(jìn)入首頁(yè)，展示文字+動(dòng)效的引導(dǎo)流程，統(tǒng)一的表現(xiàn)形式，讓使用者更容易理解。首頁(yè)交互引導(dǎo)，讓用戶(hù)對(duì)產(chǎn)品隱藏的交互功能得到二次記憶，具有增強(qiáng)產(chǎn)品記憶的作用。
2-1.設(shè)計(jì)元素
品牌風(fēng)格設(shè)計(jì)很前沿，采用2020年大火的新擬態(tài)設(shè)計(jì)風(fēng)格，也能看出設(shè)計(jì)表現(xiàn)緊跟市場(chǎng)潮流走，是一款個(gè)性且年輕的App。
整體使用下來(lái)，印象最深的就是模塊列表、圖標(biāo)的微質(zhì)感設(shè)計(jì)，以及彈窗布局的規(guī)范化設(shè)計(jì)，還有部分組件采用毛玻璃設(shè)計(jì)手法等。
值得注意的是，產(chǎn)品對(duì)iOS原生組件進(jìn)行大量重新設(shè)計(jì)，結(jié)合新擬態(tài)風(fēng)格繪制了一套更符合產(chǎn)品調(diào)性的組件出來(lái)。讓人使用一次就記憶猶新。
2-2.核心力-交互感知
我分別羅列出計(jì)時(shí)切換器、計(jì)時(shí)完成動(dòng)效、時(shí)間選擇器、鬧鐘動(dòng)效、刪除交互、浮窗切換交互這六個(gè)來(lái)簡(jiǎn)單談?wù)効捶?。以下幾個(gè)動(dòng)效交互基本涵蓋市面上的多半產(chǎn)品的基礎(chǔ)功能，之所以展示出來(lái)，是因?yàn)椤钢i底時(shí)鐘」在原有的基礎(chǔ)組件上大膽創(chuàng)新，摒棄原生組件。
這樣做對(duì)于功能簡(jiǎn)單的產(chǎn)品來(lái)說(shuō)絕對(duì)是錦上添花有助于產(chǎn)品形成記憶點(diǎn)的設(shè)計(jì)細(xì)節(jié)。這也從側(cè)面反映出市面上的部分產(chǎn)品，只注重功能堆疊而完全忽視原生組件還可以二次設(shè)計(jì)的方向。
什么是好的交互，操作時(shí)無(wú)感知是一種，操作時(shí)有記憶點(diǎn)也是一種。顯然「謎底時(shí)鐘」是后者。要知道優(yōu)秀的交互自成一派，把單一的功能做到極致，你的產(chǎn)品就不會(huì)差到哪里。
時(shí)鐘就是要長(zhǎng)時(shí)間靜默展示，除了極簡(jiǎn)、擬物、科技、馬賽克、霓光、積木、微質(zhì)感、電子屏、睡眠屏、卡通風(fēng)、各類(lèi)鐘表材質(zhì)等等19種風(fēng)格高顏值時(shí)鐘外，霓光時(shí)鐘具有不一樣的功能。
當(dāng)你早晨使用它文案“早安晨之美”中午“午安好心情”下午“飲啖茶食個(gè)包”，除了文案變化，圖標(biāo)也跟隨名稱(chēng)而變，又一個(gè)用美食來(lái)拉近與用戶(hù)距離的設(shè)計(jì)細(xì)節(jié)。
不僅如此，在低電量情況下，霓光效果不顯示，底部會(huì)持續(xù)閃爍電量不足的指示燈，告訴用戶(hù)手機(jī)沒(méi)電信號(hào)，請(qǐng)及時(shí)充電。當(dāng)用戶(hù)插上電源，霓光時(shí)鐘會(huì)重新啟動(dòng)亮光模式，給予用戶(hù)通電感知。
雖然很小的設(shè)計(jì)點(diǎn)，但誰(shuí)又能想到時(shí)鐘與電量不足產(chǎn)生聯(lián)系?？磥?lái)開(kāi)發(fā)者對(duì)時(shí)鐘的創(chuàng)意聯(lián)想是豐富多彩的。
無(wú)意間觸碰手機(jī)時(shí)發(fā)現(xiàn)積木零星掉落下幾個(gè)，在好奇的驅(qū)使下又晃動(dòng)了一下手機(jī)，所有積木都掉落下來(lái)了。
具有數(shù)字屬性的積木依然不斷變換數(shù)字，并且配合手機(jī)陀螺儀可以模擬現(xiàn)實(shí)空間進(jìn)行移動(dòng)，交互玩法趣味十足，讓我忍不住多玩了幾次。
這種用到iOS系統(tǒng)功能做的大膽嘗試，有時(shí)會(huì)給產(chǎn)品帶來(lái)意想不到的好處，各位總監(jiān)們不妨試試。
采用終身會(huì)員與月會(huì)員模式，月會(huì)員很好理解，為了產(chǎn)品能持續(xù)做下去，而推出的付費(fèi)模式，目的是能持續(xù)有營(yíng)收。終身會(huì)員是一個(gè)很有意思的模式。
據(jù)了解，產(chǎn)品前期功能相對(duì)單一時(shí)，推出的一種買(mǎi)斷制，但隨著新功能不斷增加，原有￥25定價(jià)相比較低，早期買(mǎi)斷的用戶(hù)獲利更大，為了商業(yè)與產(chǎn)品平衡，使其具備良性發(fā)展空間，于是又推出月會(huì)員模式。
這也牽扯到另一點(diǎn)，凡是未上線新功能都可以輕松決定是否開(kāi)發(fā)上線，一但功能上線，想要取消或抹掉功能，就沒(méi)那么輕松簡(jiǎn)單了。這也是早期App都一次買(mǎi)斷，后期改為訂閱模式也必須有終身買(mǎi)斷的內(nèi)購(gòu)入口。
如果我們是“匠人”就會(huì)把 App 當(dāng)藝術(shù)品，雖然只有也僅有一種功能，但只要花費(fèi)了大量的時(shí)間去想創(chuàng)意，去做到設(shè)計(jì)、交互的完美融合，甚至一遍一遍地優(yōu)化各種細(xì)節(jié)部分，埋設(shè)彩蛋，最后的最后呈現(xiàn)出來(lái)讓自己滿(mǎn)意。那么它就很可能成為一款小而美的產(chǎn)品。
烏克蘭開(kāi)發(fā)團(tuán)隊(duì)出品。讓喝水變成一件快樂(lè)輕松的活動(dòng)。僅有的喝水記錄功能，卻用大量動(dòng)物角色來(lái)獎(jiǎng)勵(lì)喝水后的你，讓你欲罷不能。保持水分保持快樂(lè)！從截圖中不難看出，該App內(nèi)置大量動(dòng)物插圖，通過(guò)喝水來(lái)解鎖小動(dòng)物，解鎖前僅展示動(dòng)物輪廓，讓用戶(hù)產(chǎn)生好奇從而保持喝水好習(xí)慣，這個(gè)概念很好，產(chǎn)品很棒，那我們一起來(lái)看看吧。
產(chǎn)品中icon展示較少，更多是用小插畫(huà)來(lái)代替，頁(yè)面中大量的banner以及動(dòng)物卡片，豐富產(chǎn)品的同時(shí)營(yíng)造一種輕松的感覺(jué)。并沒(méi)有很多圖標(biāo)干擾用戶(hù)操作。與水相關(guān)的插圖用動(dòng)效來(lái)承載，讓簡(jiǎn)單的元素變得趣味橫生，很是新穎。除了普通的水以為，Waterllama還為各種飲料酒水做了全套icon，共計(jì)48+之多，可見(jiàn)產(chǎn)品對(duì)于水的核心功能做足了努力，才有如此多的類(lèi)型與選擇供用戶(hù)記錄。
無(wú)論您是想休息一下咖啡因，還是想通過(guò)果汁和冰沙來(lái)增強(qiáng)免疫系統(tǒng) - 選擇任何挑戰(zhàn)，盡情享受吧！
遠(yuǎn)離含糖飲料和酒精，或者在 10 天內(nèi)只喝水補(bǔ)充水分?？纯茨愕倪M(jìn)展如何，別忘了與朋友分享你的結(jié)果。
Waterllama 應(yīng)用程序中已有超過(guò) 45 個(gè)可愛(ài)的動(dòng)物角色，我把解鎖與隱藏的都羅列到上放品牌元素中，可以看下總有一款是你的菜。你也可以使用隨機(jī)模式，讓每一天都變得不同。當(dāng)天喝水目標(biāo)達(dá)成就會(huì)解鎖一個(gè)動(dòng)物，精美的插圖讓人賞心悅目，期待第二天繼續(xù)喝水打卡挑戰(zhàn)。
首頁(yè)下方的動(dòng)物挑戰(zhàn)卡片，交互形式采用App Store卡片點(diǎn)擊交互，無(wú)論是轉(zhuǎn)場(chǎng)過(guò)度，還是下拉放大主體都給畫(huà)面賦予趣味性操作體驗(yàn)。一邊體驗(yàn)交互細(xì)節(jié)，一邊了解喝水的各種好處，娛樂(lè)加學(xué)習(xí)兩不誤，很是輕松。
內(nèi)購(gòu)頁(yè)面采用icon輪播的動(dòng)效展示，優(yōu)點(diǎn)是在一小塊區(qū)域通過(guò)消失漸現(xiàn)可以展示所有內(nèi)容，使內(nèi)購(gòu)頁(yè)面干凈清爽能更好的閱讀頁(yè)面信息。按鈕通過(guò)循環(huán)放大，引導(dǎo)用戶(hù)進(jìn)行付費(fèi)操作，雖然很刻意，但絲毫沒(méi)有感受到強(qiáng)制性選擇。
當(dāng)產(chǎn)品想要在內(nèi)購(gòu)頁(yè)強(qiáng)化品牌背書(shū)，給到用戶(hù)可靠穩(wěn)定感，可以選出具有代表性的優(yōu)質(zhì)評(píng)價(jià)，展示在內(nèi)購(gòu)頁(yè)下方，通過(guò)左右切換查看更多評(píng)價(jià)。
每年￥28，終身買(mǎi)斷制￥48.00。兩個(gè)價(jià)格是利用價(jià)格差來(lái)制造價(jià)格錨點(diǎn)，引導(dǎo)用戶(hù)購(gòu)買(mǎi)終身會(huì)員，這對(duì)用戶(hù)來(lái)說(shuō)最實(shí)惠劃算的方案，同時(shí)也是產(chǎn)品所希望的。大量的終身用戶(hù)長(zhǎng)時(shí)間使用產(chǎn)品，成為核心用戶(hù)群體，助力產(chǎn)品越做越好。
現(xiàn)在不難看出，優(yōu)秀的產(chǎn)品往往更關(guān)注細(xì)節(jié)表現(xiàn)，用動(dòng)態(tài)展示內(nèi)容，讓玩法更具趣味性，頁(yè)面簡(jiǎn)約而不簡(jiǎn)單。并不是頁(yè)面元素越多越好，相反把簡(jiǎn)單的功能做到極致就會(huì)帶來(lái)正向有價(jià)值的反饋。
這款產(chǎn)品雖然沒(méi)出現(xiàn)在WWDC22上，但與「謎底時(shí)鐘」是同一家公司。無(wú)論設(shè)計(jì)或功能使用都相媲美。
手機(jī)已成為人人必備的物品，內(nèi)置的各種App占有著人們的生活，手機(jī)依賴(lài)已成為這個(gè)時(shí)代普遍的一種現(xiàn)象。雖然人們都知道長(zhǎng)時(shí)間看手機(jī)不好，下意識(shí)的克制看手機(jī)行為，以為這樣脫離手機(jī)依賴(lài)患者這個(gè)稱(chēng)號(hào)。往往碎片化看手機(jī)，一天下來(lái)使用手機(jī)的時(shí)長(zhǎng)不降反增?！窸ffScreen」通過(guò)細(xì)分時(shí)間屬性為用戶(hù)直觀呈現(xiàn)各種場(chǎng)景下使用手機(jī)的詳細(xì)數(shù)據(jù)，通過(guò)數(shù)據(jù)展示以及專(zhuān)注時(shí)間，防止用戶(hù)沉迷手機(jī)無(wú)法自拔。
「OffScreen」背景色使用極其大膽。
淺色模式下采用暖橘色作為品牌主色調(diào)，暗色模式下采用海藍(lán)色作為主色調(diào)，相比Apple設(shè)計(jì)規(guī)范中的顏色，這種帶有傾向性的色彩更容易營(yíng)造一種產(chǎn)品氛圍，強(qiáng)化產(chǎn)品感知度。
圖標(biāo)方面，具有操作屬性的圖標(biāo)采用線性（相對(duì)好理解），具有展示屬性的圖標(biāo)采用面性風(fēng)格（設(shè)計(jì)表現(xiàn)更強(qiáng)且有文字描述相對(duì)好理解）。
引導(dǎo)流程專(zhuān)場(chǎng)用了大量位移、漸變效果，使原本單調(diào)的靜態(tài)頁(yè)賦予生動(dòng)表現(xiàn)力。吸引用戶(hù)眼球，達(dá)到品牌傳播效果。
動(dòng)效貼合操作效果，用戶(hù)還沒(méi)使用就能一眼明白產(chǎn)品如何使用，這就是引導(dǎo)動(dòng)效的好處。
當(dāng)你專(zhuān)注番茄鐘時(shí)，只需在番茄上滑動(dòng)標(biāo)尺選擇準(zhǔn)確時(shí)間，就能開(kāi)始專(zhuān)注。
當(dāng)完成專(zhuān)注會(huì)提供統(tǒng)計(jì)數(shù)據(jù)，并且有彩帶飄落效果，營(yíng)造打卡勝利的儀式感，強(qiáng)化產(chǎn)品感知，為用戶(hù)下一次專(zhuān)注做準(zhǔn)備。
內(nèi)購(gòu)頁(yè)采用依次呈現(xiàn)的交互方式，頭圖是一個(gè)人在看手機(jī)，采用線性風(fēng)格手法，這種形式區(qū)別于其他產(chǎn)品，會(huì)給人以眼前一亮的感覺(jué)，加深用戶(hù)對(duì)產(chǎn)品的記憶。
付費(fèi)按鈕吸附與頁(yè)面底部，根據(jù)菲茨定律，起始于目標(biāo)位置越近，到達(dá)目位置的時(shí)間就會(huì)越短，從而用戶(hù)更容易點(diǎn)擊。
一次買(mǎi)斷制，￥30.00解鎖終身會(huì)員。
作為一款時(shí)間統(tǒng)計(jì)、番茄鐘、專(zhuān)注時(shí)間與一身的產(chǎn)品，對(duì)于時(shí)間管理有強(qiáng)需求的用戶(hù)來(lái)說(shuō)價(jià)格還算不錯(cuò)。流暢的交互呈現(xiàn)以及有趣的配圖描述，間接感受到Off Screen產(chǎn)品的細(xì)膩之處，用戶(hù)為此買(mǎi)單也不是說(shuō)。
OffScreen的成功在于能把單一的屏幕使用時(shí)間進(jìn)行多維度分析呈現(xiàn)，就說(shuō)“呆呆的看”與“邊走邊看”這兩項(xiàng)數(shù)據(jù)，就是調(diào)用系統(tǒng)運(yùn)動(dòng)數(shù)據(jù)來(lái)判斷使用屏幕的場(chǎng)景。
況且每項(xiàng)數(shù)據(jù)都支持時(shí)間軸可視化圖表的方式呈現(xiàn)，細(xì)節(jié)之處方見(jiàn)專(zhuān)業(yè)，這也是好產(chǎn)品所要具有的垂直領(lǐng)域?qū)I(yè)度。
想要產(chǎn)品脫穎而出，一定要嘗試將軟件與硬件結(jié)合，可以是陀螺儀、眼動(dòng)追蹤、閃光燈等等，總之系統(tǒng)推出新的功能，就盡量把它用到產(chǎn)品里去。
不僅如此，看以上幾個(gè)產(chǎn)品，截圖模塊內(nèi)容都頂滿(mǎn)了，說(shuō)明App想要展示的細(xì)節(jié)還有很多，從側(cè)面也能看到開(kāi)發(fā)者們不留一塊“空白”的用心。
大廠產(chǎn)品固然很好，做法更符合大眾市場(chǎng)符合消費(fèi)者需求，隨著不斷新增功能，產(chǎn)品變得越來(lái)越普適大眾，無(wú)產(chǎn)品獨(dú)特風(fēng)格可言。因?yàn)楸澈笥旋嫶蟮膯T工要養(yǎng)活。
相反小團(tuán)隊(duì)獨(dú)立開(kāi)發(fā)者們沒(méi)有太多顧慮，一心想把一個(gè)點(diǎn)做好做緊致，哪怕只是計(jì)時(shí)，也要做的自己滿(mǎn)意為止，才會(huì)交卷，時(shí)代在變，匠人之心從未改變。值得致敬這些開(kāi)發(fā)者們。
跳脫大廠的產(chǎn)品，來(lái)看看獨(dú)立開(kāi)發(fā)者和小型開(kāi)發(fā)團(tuán)隊(duì)，一人即團(tuán)隊(duì)，遇到各類(lèi)問(wèn)題都要獨(dú)自進(jìn)行解決，可想而知工作量會(huì)有多大。
他們的產(chǎn)品或許沒(méi)有龐大的生態(tài)體系來(lái)滿(mǎn)足大眾用戶(hù)使用需求，但App Store十余年的發(fā)展，建立起細(xì)顆粒的開(kāi)發(fā)環(huán)境，正是這種良性生態(tài)，讓那些有光的開(kāi)發(fā)者，隨心所欲讓心中的想法變成現(xiàn)實(shí)，讓夜里的小路燈照亮了整片街道。
就連開(kāi)發(fā)者們都這么拼搏，作為設(shè)計(jì)師的我們哪還有抱怨之說(shuō)，這么多好的產(chǎn)品擺在眼前，真是難得的學(xué)習(xí)機(jī)會(huì)，習(xí)他人之處，補(bǔ)自我之短。一起加油一起進(jìn)步。
設(shè)計(jì)師要有發(fā)現(xiàn)美的眼睛。美不僅是視覺(jué)，還有好的體驗(yàn)流程。不要讓用戶(hù)思考，這是每個(gè)設(shè)計(jì)師所追求的。 認(rèn)真記錄產(chǎn)品細(xì)節(jié)，了解背后的思考，也是不斷提升自己邏輯思維和表達(dá)能力的一種方式。
本期產(chǎn)品細(xì)節(jié)分析結(jié)束，點(diǎn)擊原文鏈接查看更多，我們下期再見(jiàn)！
作者：碳水Sir；公眾號(hào)：草蓉三石
本文由 @碳水Sir 原創(chuàng)發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.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)定制 、 用戶(hù)體驗(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咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
眾所周知，B站是一個(gè)二次元、鬼畜、學(xué)習(xí)、娛樂(lè)等等于一身的綜合視頻社區(qū)。近82%的用戶(hù)是Z世代用戶(hù)（90-09年出生的人群），他們也是生長(zhǎng)在互聯(lián)網(wǎng)下的一代人。用戶(hù)規(guī)模與活躍度都持續(xù)高位，除了其產(chǎn)品側(cè)的發(fā)力，設(shè)計(jì)中的體驗(yàn)感知也功不可沒(méi)，本次分享bilibili中用戶(hù)最常能感知到的產(chǎn)品設(shè)計(jì)細(xì)節(jié)，幫助你豐富B站玩法的同時(shí)，學(xué)習(xí)產(chǎn)品中的過(guò)人之處，以便了解設(shè)計(jì)發(fā)力點(diǎn)。
越往下看你越驚嘆，總有一個(gè)你不知道的彩蛋設(shè)計(jì)細(xì)節(jié)。
1.【防偷窺】登錄頁(yè) - 2233娘遮眼
1.使用場(chǎng)景
再熟悉不過(guò)的頁(yè)面了吧。登錄頁(yè)面是除首頁(yè)外，每個(gè)用戶(hù)大概率要進(jìn)入的頁(yè)面。如何給予用戶(hù)安全感知，同時(shí)增強(qiáng)產(chǎn)品記憶點(diǎn)。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提升用戶(hù)登錄B站時(shí)的安全感知。
設(shè)計(jì)方案：當(dāng)用戶(hù)在輸入驗(yàn)證碼或者密碼等較為敏感的信息時(shí)，2233娘會(huì)遮住眼睛，暗示隱私信息我們是不會(huì)偷看的。強(qiáng)化B站對(duì)安全隱私的重視度。增強(qiáng)用戶(hù)信任感。同時(shí)B站的品牌IP2233娘從兒時(shí)到成年產(chǎn)品中都有體現(xiàn)。用戶(hù)登錄注冊(cè)賬號(hào)時(shí)，兒時(shí)Q版的2233娘呈現(xiàn)在眼前，暗示著2233娘未來(lái)的一路陪伴，共同成長(zhǎng)的愿景。這是第二層含義。
1.使用場(chǎng)景
作為一個(gè)二次元發(fā)展起來(lái)的視頻社區(qū)，用戶(hù)對(duì)于產(chǎn)品品牌具有親切感。但B站發(fā)展至今二次元內(nèi)容逐漸被多元生態(tài)所代替，類(lèi)目占比逐漸變小，老用戶(hù)的情感記憶那里體現(xiàn)。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提升品牌IP傳播，讓用戶(hù)享受更加豐富的開(kāi)屏頁(yè)，從而滿(mǎn)足用戶(hù)情緒。
設(shè)計(jì)方案：在「設(shè)置」-「開(kāi)屏畫(huà)面設(shè)置」中，你可以隨機(jī)展示或者自定義選擇畫(huà)面，總共為用戶(hù)提供20張圖片，每一個(gè)都是2233娘和B站重要日子的組合插畫(huà)，其中不乏幾張經(jīng)典頁(yè)面。當(dāng)用戶(hù)選擇特定畫(huà)面時(shí)，不僅能強(qiáng)化IP記憶點(diǎn)，同時(shí)也體現(xiàn)出產(chǎn)品對(duì)用戶(hù)的重視程度。
1.使用場(chǎng)景
B站彈幕是出了名的有趣，當(dāng)彈幕狂熱者看一個(gè)熱門(mén)爆款視頻，很可能彈幕全程霸屏，氣雖然氛感十足，但也會(huì)存在遮擋用戶(hù)查看所關(guān)注的內(nèi)容，從而錯(cuò)過(guò)精彩瞬間。如何解決？
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：優(yōu)化彈幕開(kāi)關(guān)的便捷操作，給予用戶(hù)優(yōu)質(zhì)的交互體驗(yàn)。
設(shè)計(jì)方案：在視頻播放頁(yè)面，常規(guī)開(kāi)關(guān)彈幕的方式是點(diǎn)擊左下角彈幕按鈕。想要在便捷一些，你可以雙指點(diǎn)擊屏幕，觸發(fā)開(kāi)關(guān)彈幕功能，相比常規(guī)「先點(diǎn)擊屏幕」「再關(guān)閉彈幕」兩步操作，雙指點(diǎn)擊屏幕更加高效，雖然多指操作學(xué)習(xí)成本高，但這種隱藏交互會(huì)大大提升觀感體驗(yàn)。如今的產(chǎn)品功能不斷堆疊，有時(shí)候常用的功能要進(jìn)入3個(gè)層級(jí)才能使用，何不換種思路，運(yùn)用多指交互來(lái)提升用戶(hù)操作體驗(yàn)，未嘗不是一種好的體驗(yàn)升級(jí)。
1.使用場(chǎng)景
一個(gè)產(chǎn)品除了空狀態(tài)、界面元素外，如何在視頻頁(yè)中給予用戶(hù)品牌感知，增加趣味體驗(yàn)。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提升視頻頁(yè)進(jìn)度條的趣味性，從而強(qiáng)化B站品牌透?jìng)鳌?br />
設(shè)計(jì)方案：在視頻頁(yè)中，當(dāng)你對(duì)視頻進(jìn)度進(jìn)行左右拖拽時(shí)，進(jìn)度條的指示圖標(biāo)「小電視」的眼睛會(huì)左右移動(dòng)，當(dāng)你向左滑動(dòng)眼睛跟隨左邊，向右滑動(dòng)小眼睛跟隨右邊，很是有趣，通過(guò)IP結(jié)合進(jìn)度條的交互設(shè)計(jì)讓原本單一的形態(tài)變得趣味橫生。當(dāng)然，進(jìn)度條的樣式不止一種，還有很多彩蛋視頻也有不同的樣式，快去找一找吧。（對(duì)了，最近在使用【優(yōu)酷】時(shí)也發(fā)現(xiàn)進(jìn)度條的微設(shè)計(jì)，感興趣的朋友不妨看看。）
1.使用場(chǎng)景
一鍵三連最早的發(fā)源地，或許你此時(shí)才知道這個(gè)功能吧。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提升在同質(zhì)化產(chǎn)品中的特殊功能點(diǎn)設(shè)計(jì)，強(qiáng)化產(chǎn)品一鍵三連功能。
設(shè)計(jì)方案：在視頻頁(yè)瀏覽時(shí)，看到超級(jí)喜歡的UP主視頻，激動(dòng)到想要一鍵三連，可以長(zhǎng)按點(diǎn)贊按鈕，你會(huì)看到右邊投幣和收藏顯示進(jìn)度條占比，當(dāng)一圈走完，點(diǎn)贊、投幣、收藏同時(shí)完成，這就是一鍵三連的激活功能。不僅如此，移動(dòng)端、網(wǎng)頁(yè)端、以及接下來(lái)的「寫(xiě)筆記」中都可觸發(fā)一鍵三連功能，產(chǎn)品特有的功能感知滿(mǎn)滿(mǎn)。
1.使用場(chǎng)景
想聽(tīng)周董的歌，網(wǎng)易云音樂(lè)沒(méi)有，QQ音樂(lè)又要付費(fèi)聽(tīng)，好難受啊～
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：解決用戶(hù)聽(tīng)歌時(shí)視頻彈幕干預(yù)，將視頻切換音樂(lè)模式，專(zhuān)注聽(tīng)歌。
設(shè)計(jì)方案：在視頻頁(yè)，點(diǎn)擊「更多」選擇「聽(tīng)視頻模式」，當(dāng)前視頻會(huì)切換成音樂(lè)頁(yè)面，這難道不就是音樂(lè)軟件嘛。常用的循環(huán)、上一首、下一首功能都有、收藏、評(píng)論、轉(zhuǎn)發(fā)也有，簡(jiǎn)直不要太棒。因?yàn)锽站是UGC（用戶(hù)生產(chǎn)內(nèi)容）、PGC（專(zhuān)業(yè)生產(chǎn)內(nèi)容）視頻平臺(tái)的獨(dú)特性，自身就不會(huì)太擔(dān)心侵權(quán)問(wèn)題。難怪B站中Z世代的用戶(hù)更多，一款產(chǎn)品，滿(mǎn)足多場(chǎng)景多人群使用，怪不得能俘獲民心，有它的道理。
7.【視頻放大】雙指移動(dòng) - 放大縮小畫(huà)面
1.使用場(chǎng)景
當(dāng)你用B站學(xué)習(xí)時(shí)，小小的手機(jī)屏幕很難看到細(xì)節(jié)，該怎么解決？
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提升細(xì)節(jié)放大展效果，讓用戶(hù)看清具體信息，提高學(xué)習(xí)效率
設(shè)計(jì)方案：在視頻頁(yè)，除了上面說(shuō)的雙指點(diǎn)擊觸發(fā)彈幕開(kāi)關(guān)，你可以通過(guò)雙指拉伸把視頻任意放大，當(dāng)然你也可以捏和把視頻縮小。當(dāng)改變了原始視頻尺寸，底部會(huì)有一個(gè)「還原屏幕」的按鈕，點(diǎn)擊即可快速矯正視頻。還不快快用起來(lái)～
1.使用場(chǎng)景
是不是還在邊看英文電影邊學(xué)英語(yǔ)，這樣雖然是個(gè)辦法，但遇到不懂得單詞或是語(yǔ)法你還要在第三方翻譯軟件中翻譯，效率性大打折扣。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提高音樂(lè)學(xué)習(xí)效率，在視頻中增加實(shí)時(shí)英文解析，幫助快速學(xué)英語(yǔ)。
設(shè)計(jì)方案：目前已知在「老友記」中，用戶(hù)可以通過(guò)點(diǎn)擊左側(cè)「學(xué)音樂(lè)」進(jìn)入到英文學(xué)習(xí)分欄中，演員的每段對(duì)話，以及出現(xiàn)時(shí)間，都清晰羅列出來(lái)，你可以重復(fù)收聽(tīng)某段對(duì)話，也可以針對(duì)當(dāng)前對(duì)話中不理解的單詞或語(yǔ)法進(jìn)行學(xué)習(xí)，簡(jiǎn)直就是學(xué)習(xí)英語(yǔ)者的福音。
1.使用場(chǎng)景
一起刷B站、一起看視頻、一起聊天等等這樣的場(chǎng)景可能只在現(xiàn)實(shí)中存在。真的是這樣嗎？
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：解決異地分開(kāi)刷B站的阻隔感，提升隨時(shí)隨地一起刷劇學(xué)習(xí)的幸福感。
設(shè)計(jì)方案：在視頻頁(yè)，點(diǎn)擊「一起看」進(jìn)入放映廳，你可以自己新建放映廳，也可以進(jìn)入別人的放映廳，總之可以多些朋友一起看視頻，一起交流，完美解決異地或者獨(dú)處的孤獨(dú)感～
1.使用場(chǎng)景
同樣是看視頻學(xué)習(xí)，當(dāng)你身邊只有手機(jī)時(shí)，需要做筆記，還在通過(guò)備忘錄等形式在App之間來(lái)回切換記錄嗎？
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：解決看視頻時(shí)難以記錄重點(diǎn)知識(shí)的情況，提升記錄筆記效率，從而高效學(xué)習(xí)。
設(shè)計(jì)方案：在公開(kāi)課等教學(xué)類(lèi)視頻中，通過(guò)點(diǎn)擊「更多」找到「筆記功能」就能解決一邊看視頻一邊記錄的痛點(diǎn)了。不僅如此，還能查看其他用戶(hù)的筆記內(nèi)容并且可以一鍵三連進(jìn)行互動(dòng)，具有雙向?qū)W習(xí)性，簡(jiǎn)直不要太棒。筆記做完還可以一鍵復(fù)制，粘貼到你的知識(shí)庫(kù)中，解決內(nèi)容遷移問(wèn)題。在B站學(xué)習(xí)的用戶(hù)不妨快來(lái)試試～
1.使用場(chǎng)景
B站是個(gè)彈幕網(wǎng)，很多時(shí)候觀看者頭腦一熱隨意發(fā)表的彈幕言論，會(huì)給其他用戶(hù)帶來(lái)觀影不適以及平臺(tái)污染，如何解決。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：為用戶(hù)增加彈幕刪除功能，從而提升彈幕評(píng)論的綠色言論，凈化彈幕內(nèi)容。
設(shè)計(jì)方案：在視頻頁(yè)發(fā)送了一個(gè)彈幕，用戶(hù)可在視頻中看到自己的彈幕，鼠標(biāo)進(jìn)入，選擇撤回，要注意只能在2分鐘內(nèi)進(jìn)行撤回，并且一天之內(nèi)只能撤回5次彈幕。目的也是為防止用戶(hù)頻繁撤回的操作。手機(jī)端可點(diǎn)擊彈幕列表，找到自己的彈幕，長(zhǎng)按會(huì)出現(xiàn)撤回選項(xiàng)，點(diǎn)擊撤回即可。
1.使用場(chǎng)景
人們總對(duì)好奇的事物產(chǎn)生興趣，尤其是在自己不知道的前提下。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：增加鬼畜區(qū)彈幕彩蛋功能，提升此類(lèi)目視頻曝光。
設(shè)計(jì)方案：在鬼畜區(qū)頻道，長(zhǎng)按10s右下角的返回頂部按鈕，會(huì)激活底部黑色輸入列表，文案寫(xiě)著：“嘗試輸入字母，發(fā)現(xiàn)鬼畜秘密...”帶你進(jìn)入另一個(gè)神秘空間。
1.使用場(chǎng)景
文案的引導(dǎo)會(huì)激發(fā)用戶(hù)好奇產(chǎn)生嘗試。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：引導(dǎo)用戶(hù)進(jìn)行隨機(jī)字母輸入，提升彩蛋互動(dòng)玩法。
設(shè)計(jì)方案：在搜索框隨機(jī)輸入英文字母，會(huì)出現(xiàn)提示輸入的字母，當(dāng)你輸入完點(diǎn)回車(chē)，網(wǎng)頁(yè)會(huì)出現(xiàn)經(jīng)典的一句話彈幕。如果你長(zhǎng)按AAAAAAAA...,網(wǎng)頁(yè)彈幕伴隨音效不斷出現(xiàn)，很是鬼畜。當(dāng)你對(duì)某個(gè)彈幕頭像產(chǎn)生好奇，可點(diǎn)擊進(jìn)入視頻頁(yè)，進(jìn)行視頻瀏覽，同時(shí)可以后評(píng)論區(qū)同樣是彩蛋進(jìn)來(lái)的伙伴一起交流，很是熱鬧。
1.使用場(chǎng)景
當(dāng)B站上傳視頻以及評(píng)論不加以管制和制度教育，會(huì)帶來(lái)流失用戶(hù)的風(fēng)險(xiǎn)。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：為了建立良好的視聽(tīng)環(huán)境和用戶(hù)體驗(yàn)，規(guī)范產(chǎn)品的內(nèi)容形式。
設(shè)計(jì)方案：在社區(qū)中心，小黑屋中，可以查看已經(jīng)被關(guān)小黑屋用戶(hù)的案情，針對(duì)案情的嚴(yán)重程度，進(jìn)行封禁時(shí)間限制，相比長(zhǎng)篇文章的制度規(guī)范，這種實(shí)際案例，更能讓用戶(hù)了解平臺(tái)規(guī)則，防止關(guān)進(jìn)小黑屋出不來(lái)。
15.【代碼良言】小黑屋 右箭源代碼 - 金石良言
1.使用場(chǎng)景
程序員在小黑屋頁(yè)面，想要越獄查看代碼等行為。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：告知程序員，開(kāi)發(fā)者們小黑屋不僅是用來(lái)規(guī)范視頻用戶(hù)做出的行為，同樣也是針對(duì)開(kāi)發(fā)者以及程序員的。
設(shè)計(jì)方案：在「小黑屋」頁(yè)面，右鍵「顯示 網(wǎng)頁(yè)源代碼」，在一行代碼中間，你會(huì)看到一句話：“一朝耍流氓，十年掛南墻；不乖的孩子統(tǒng)統(tǒng)都要打屁股；越獄是不可能越獄的，這輩子是不可能越獄的”極具搞笑的語(yǔ)言讓本就是嚴(yán)肅的事情變得輕松許多，同時(shí)增強(qiáng)小黑屋的準(zhǔn)則態(tài)度，讓B站用戶(hù)做一個(gè)遵守準(zhǔn)則的好用戶(hù)。
設(shè)計(jì)師要有發(fā)現(xiàn)美的眼睛。美不僅是視覺(jué)，還有好的體驗(yàn)流程。不要讓用戶(hù)思考，這是每個(gè)設(shè)計(jì)師所追求的。
認(rèn)真記錄產(chǎn)品細(xì)節(jié)，了解背后的思考，也是不斷提升自己邏輯思維和表達(dá)能力的一種方式。
本期產(chǎn)品細(xì)節(jié)分析結(jié)束，點(diǎn)擊原文鏈接查看更多，那我們下期再見(jiàn)！
作者：碳水Sir；公眾號(hào)：草蓉三石
本文由 @碳水Sir 原創(chuàng)發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載。
參考文獻(xiàn)：
B站2022第一季度財(cái)報(bào)：https://mp.weixin.qq.com/s/ctzbvBqPxtbQxCV2_XAGDQ
MikuFans彈幕視頻網(wǎng) ：https://www.bilibili.com/read/cv14244675/
Advertising：https://mp.weixin.qq.com/s/831jX19aq8cfI_WU7RQubw
時(shí)趣研究院：https://mp.weixin.qq.com/s/BUZoVle8ByLQjAFrCMm4ag
眾所周知，B站是一個(gè)二次元、鬼畜、學(xué)習(xí)、娛樂(lè)等等于一身的綜合視頻社區(qū)。近82%的用戶(hù)是Z世代用戶(hù)（90-09年出生的人群），他們也是生長(zhǎng)在互聯(lián)網(wǎng)下的一代人。用戶(hù)規(guī)模與活躍度都持續(xù)高位，除了其產(chǎn)品側(cè)的發(fā)力，設(shè)計(jì)中的體驗(yàn)感知也功不可沒(méi)，本次分享bilibili中用戶(hù)最常能感知到的產(chǎn)品設(shè)計(jì)細(xì)節(jié)，幫助你豐富B站玩法的同時(shí)，學(xué)習(xí)產(chǎn)品中的過(guò)人之處，以便了解設(shè)計(jì)發(fā)力點(diǎn)。
越往下看你越驚嘆，總有一個(gè)你不知道的彩蛋設(shè)計(jì)細(xì)節(jié)。
1.【防偷窺】登錄頁(yè) - 2233娘遮眼
1.使用場(chǎng)景
再熟悉不過(guò)的頁(yè)面了吧。登錄頁(yè)面是除首頁(yè)外，每個(gè)用戶(hù)大概率要進(jìn)入的頁(yè)面。如何給予用戶(hù)安全感知，同時(shí)增強(qiáng)產(chǎn)品記憶點(diǎn)。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提升用戶(hù)登錄B站時(shí)的安全感知。
設(shè)計(jì)方案：當(dāng)用戶(hù)在輸入驗(yàn)證碼或者密碼等較為敏感的信息時(shí)，2233娘會(huì)遮住眼睛，暗示隱私信息我們是不會(huì)偷看的。強(qiáng)化B站對(duì)安全隱私的重視度。增強(qiáng)用戶(hù)信任感。同時(shí)B站的品牌IP2233娘從兒時(shí)到成年產(chǎn)品中都有體現(xiàn)。用戶(hù)登錄注冊(cè)賬號(hào)時(shí)，兒時(shí)Q版的2233娘呈現(xiàn)在眼前，暗示著2233娘未來(lái)的一路陪伴，共同成長(zhǎng)的愿景。這是第二層含義。
1.使用場(chǎng)景
作為一個(gè)二次元發(fā)展起來(lái)的視頻社區(qū)，用戶(hù)對(duì)于產(chǎn)品品牌具有親切感。但B站發(fā)展至今二次元內(nèi)容逐漸被多元生態(tài)所代替，類(lèi)目占比逐漸變小，老用戶(hù)的情感記憶那里體現(xiàn)。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提升品牌IP傳播，讓用戶(hù)享受更加豐富的開(kāi)屏頁(yè)，從而滿(mǎn)足用戶(hù)情緒。
設(shè)計(jì)方案：在「設(shè)置」-「開(kāi)屏畫(huà)面設(shè)置」中，你可以隨機(jī)展示或者自定義選擇畫(huà)面，總共為用戶(hù)提供20張圖片，每一個(gè)都是2233娘和B站重要日子的組合插畫(huà)，其中不乏幾張經(jīng)典頁(yè)面。當(dāng)用戶(hù)選擇特定畫(huà)面時(shí)，不僅能強(qiáng)化IP記憶點(diǎn)，同時(shí)也體現(xiàn)出產(chǎn)品對(duì)用戶(hù)的重視程度。
1.使用場(chǎng)景
B站彈幕是出了名的有趣，當(dāng)彈幕狂熱者看一個(gè)熱門(mén)爆款視頻，很可能彈幕全程霸屏，氣雖然氛感十足，但也會(huì)存在遮擋用戶(hù)查看所關(guān)注的內(nèi)容，從而錯(cuò)過(guò)精彩瞬間。如何解決？
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：優(yōu)化彈幕開(kāi)關(guān)的便捷操作，給予用戶(hù)優(yōu)質(zhì)的交互體驗(yàn)。
設(shè)計(jì)方案：在視頻播放頁(yè)面，常規(guī)開(kāi)關(guān)彈幕的方式是點(diǎn)擊左下角彈幕按鈕。想要在便捷一些，你可以雙指點(diǎn)擊屏幕，觸發(fā)開(kāi)關(guān)彈幕功能，相比常規(guī)「先點(diǎn)擊屏幕」「再關(guān)閉彈幕」兩步操作，雙指點(diǎn)擊屏幕更加高效，雖然多指操作學(xué)習(xí)成本高，但這種隱藏交互會(huì)大大提升觀感體驗(yàn)。如今的產(chǎn)品功能不斷堆疊，有時(shí)候常用的功能要進(jìn)入3個(gè)層級(jí)才能使用，何不換種思路，運(yùn)用多指交互來(lái)提升用戶(hù)操作體驗(yàn)，未嘗不是一種好的體驗(yàn)升級(jí)。
1.使用場(chǎng)景
一個(gè)產(chǎn)品除了空狀態(tài)、界面元素外，如何在視頻頁(yè)中給予用戶(hù)品牌感知，增加趣味體驗(yàn)。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提升視頻頁(yè)進(jìn)度條的趣味性，從而強(qiáng)化B站品牌透?jìng)鳌?br />
設(shè)計(jì)方案：在視頻頁(yè)中，當(dāng)你對(duì)視頻進(jìn)度進(jìn)行左右拖拽時(shí)，進(jìn)度條的指示圖標(biāo)「小電視」的眼睛會(huì)左右移動(dòng)，當(dāng)你向左滑動(dòng)眼睛跟隨左邊，向右滑動(dòng)小眼睛跟隨右邊，很是有趣，通過(guò)IP結(jié)合進(jìn)度條的交互設(shè)計(jì)讓原本單一的形態(tài)變得趣味橫生。當(dāng)然，進(jìn)度條的樣式不止一種，還有很多彩蛋視頻也有不同的樣式，快去找一找吧。（對(duì)了，最近在使用【優(yōu)酷】時(shí)也發(fā)現(xiàn)進(jìn)度條的微設(shè)計(jì)，感興趣的朋友不妨看看。）
1.使用場(chǎng)景
一鍵三連最早的發(fā)源地，或許你此時(shí)才知道這個(gè)功能吧。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提升在同質(zhì)化產(chǎn)品中的特殊功能點(diǎn)設(shè)計(jì)，強(qiáng)化產(chǎn)品一鍵三連功能。
設(shè)計(jì)方案：在視頻頁(yè)瀏覽時(shí)，看到超級(jí)喜歡的UP主視頻，激動(dòng)到想要一鍵三連，可以長(zhǎng)按點(diǎn)贊按鈕，你會(huì)看到右邊投幣和收藏顯示進(jìn)度條占比，當(dāng)一圈走完，點(diǎn)贊、投幣、收藏同時(shí)完成，這就是一鍵三連的激活功能。不僅如此，移動(dòng)端、網(wǎng)頁(yè)端、以及接下來(lái)的「寫(xiě)筆記」中都可觸發(fā)一鍵三連功能，產(chǎn)品特有的功能感知滿(mǎn)滿(mǎn)。
1.使用場(chǎng)景
想聽(tīng)周董的歌，網(wǎng)易云音樂(lè)沒(méi)有，QQ音樂(lè)又要付費(fèi)聽(tīng)，好難受啊～
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：解決用戶(hù)聽(tīng)歌時(shí)視頻彈幕干預(yù)，將視頻切換音樂(lè)模式，專(zhuān)注聽(tīng)歌。
設(shè)計(jì)方案：在視頻頁(yè)，點(diǎn)擊「更多」選擇「聽(tīng)視頻模式」，當(dāng)前視頻會(huì)切換成音樂(lè)頁(yè)面，這難道不就是音樂(lè)軟件嘛。常用的循環(huán)、上一首、下一首功能都有、收藏、評(píng)論、轉(zhuǎn)發(fā)也有，簡(jiǎn)直不要太棒。因?yàn)锽站是UGC（用戶(hù)生產(chǎn)內(nèi)容）、PGC（專(zhuān)業(yè)生產(chǎn)內(nèi)容）視頻平臺(tái)的獨(dú)特性，自身就不會(huì)太擔(dān)心侵權(quán)問(wèn)題。難怪B站中Z世代的用戶(hù)更多，一款產(chǎn)品，滿(mǎn)足多場(chǎng)景多人群使用，怪不得能俘獲民心，有它的道理。
7.【視頻放大】雙指移動(dòng) - 放大縮小畫(huà)面
1.使用場(chǎng)景
當(dāng)你用B站學(xué)習(xí)時(shí)，小小的手機(jī)屏幕很難看到細(xì)節(jié)，該怎么解決？
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提升細(xì)節(jié)放大展效果，讓用戶(hù)看清具體信息，提高學(xué)習(xí)效率
設(shè)計(jì)方案：在視頻頁(yè)，除了上面說(shuō)的雙指點(diǎn)擊觸發(fā)彈幕開(kāi)關(guān)，你可以通過(guò)雙指拉伸把視頻任意放大，當(dāng)然你也可以捏和把視頻縮小。當(dāng)改變了原始視頻尺寸，底部會(huì)有一個(gè)「還原屏幕」的按鈕，點(diǎn)擊即可快速矯正視頻。還不快快用起來(lái)～
1.使用場(chǎng)景
是不是還在邊看英文電影邊學(xué)英語(yǔ)，這樣雖然是個(gè)辦法，但遇到不懂得單詞或是語(yǔ)法你還要在第三方翻譯軟件中翻譯，效率性大打折扣。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：提高音樂(lè)學(xué)習(xí)效率，在視頻中增加實(shí)時(shí)英文解析，幫助快速學(xué)英語(yǔ)。
設(shè)計(jì)方案：目前已知在「老友記」中，用戶(hù)可以通過(guò)點(diǎn)擊左側(cè)「學(xué)音樂(lè)」進(jìn)入到英文學(xué)習(xí)分欄中，演員的每段對(duì)話，以及出現(xiàn)時(shí)間，都清晰羅列出來(lái)，你可以重復(fù)收聽(tīng)某段對(duì)話，也可以針對(duì)當(dāng)前對(duì)話中不理解的單詞或語(yǔ)法進(jìn)行學(xué)習(xí)，簡(jiǎn)直就是學(xué)習(xí)英語(yǔ)者的福音。
1.使用場(chǎng)景
一起刷B站、一起看視頻、一起聊天等等這樣的場(chǎng)景可能只在現(xiàn)實(shí)中存在。真的是這樣嗎？
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：解決異地分開(kāi)刷B站的阻隔感，提升隨時(shí)隨地一起刷劇學(xué)習(xí)的幸福感。
設(shè)計(jì)方案：在視頻頁(yè)，點(diǎn)擊「一起看」進(jìn)入放映廳，你可以自己新建放映廳，也可以進(jìn)入別人的放映廳，總之可以多些朋友一起看視頻，一起交流，完美解決異地或者獨(dú)處的孤獨(dú)感～
1.使用場(chǎng)景
同樣是看視頻學(xué)習(xí)，當(dāng)你身邊只有手機(jī)時(shí)，需要做筆記，還在通過(guò)備忘錄等形式在App之間來(lái)回切換記錄嗎？
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：解決看視頻時(shí)難以記錄重點(diǎn)知識(shí)的情況，提升記錄筆記效率，從而高效學(xué)習(xí)。
設(shè)計(jì)方案：在公開(kāi)課等教學(xué)類(lèi)視頻中，通過(guò)點(diǎn)擊「更多」找到「筆記功能」就能解決一邊看視頻一邊記錄的痛點(diǎn)了。不僅如此，還能查看其他用戶(hù)的筆記內(nèi)容并且可以一鍵三連進(jìn)行互動(dòng)，具有雙向?qū)W習(xí)性，簡(jiǎn)直不要太棒。筆記做完還可以一鍵復(fù)制，粘貼到你的知識(shí)庫(kù)中，解決內(nèi)容遷移問(wèn)題。在B站學(xué)習(xí)的用戶(hù)不妨快來(lái)試試～
1.使用場(chǎng)景
B站是個(gè)彈幕網(wǎng)，很多時(shí)候觀看者頭腦一熱隨意發(fā)表的彈幕言論，會(huì)給其他用戶(hù)帶來(lái)觀影不適以及平臺(tái)污染，如何解決。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：為用戶(hù)增加彈幕刪除功能，從而提升彈幕評(píng)論的綠色言論，凈化彈幕內(nèi)容。
設(shè)計(jì)方案：在視頻頁(yè)發(fā)送了一個(gè)彈幕，用戶(hù)可在視頻中看到自己的彈幕，鼠標(biāo)進(jìn)入，選擇撤回，要注意只能在2分鐘內(nèi)進(jìn)行撤回，并且一天之內(nèi)只能撤回5次彈幕。目的也是為防止用戶(hù)頻繁撤回的操作。手機(jī)端可點(diǎn)擊彈幕列表，找到自己的彈幕，長(zhǎng)按會(huì)出現(xiàn)撤回選項(xiàng)，點(diǎn)擊撤回即可。
1.使用場(chǎng)景
人們總對(duì)好奇的事物產(chǎn)生興趣，尤其是在自己不知道的前提下。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：增加鬼畜區(qū)彈幕彩蛋功能，提升此類(lèi)目視頻曝光。
設(shè)計(jì)方案：在鬼畜區(qū)頻道，長(zhǎng)按10s右下角的返回頂部按鈕，會(huì)激活底部黑色輸入列表，文案寫(xiě)著：“嘗試輸入字母，發(fā)現(xiàn)鬼畜秘密...”帶你進(jìn)入另一個(gè)神秘空間。
1.使用場(chǎng)景
文案的引導(dǎo)會(huì)激發(fā)用戶(hù)好奇產(chǎn)生嘗試。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：引導(dǎo)用戶(hù)進(jìn)行隨機(jī)字母輸入，提升彩蛋互動(dòng)玩法。
設(shè)計(jì)方案：在搜索框隨機(jī)輸入英文字母，會(huì)出現(xiàn)提示輸入的字母，當(dāng)你輸入完點(diǎn)回車(chē)，網(wǎng)頁(yè)會(huì)出現(xiàn)經(jīng)典的一句話彈幕。如果你長(zhǎng)按AAAAAAAA...,網(wǎng)頁(yè)彈幕伴隨音效不斷出現(xiàn)，很是鬼畜。當(dāng)你對(duì)某個(gè)彈幕頭像產(chǎn)生好奇，可點(diǎn)擊進(jìn)入視頻頁(yè)，進(jìn)行視頻瀏覽，同時(shí)可以后評(píng)論區(qū)同樣是彩蛋進(jìn)來(lái)的伙伴一起交流，很是熱鬧。
1.使用場(chǎng)景
當(dāng)B站上傳視頻以及評(píng)論不加以管制和制度教育，會(huì)帶來(lái)流失用戶(hù)的風(fēng)險(xiǎn)。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：為了建立良好的視聽(tīng)環(huán)境和用戶(hù)體驗(yàn)，規(guī)范產(chǎn)品的內(nèi)容形式。
設(shè)計(jì)方案：在社區(qū)中心，小黑屋中，可以查看已經(jīng)被關(guān)小黑屋用戶(hù)的案情，針對(duì)案情的嚴(yán)重程度，進(jìn)行封禁時(shí)間限制，相比長(zhǎng)篇文章的制度規(guī)范，這種實(shí)際案例，更能讓用戶(hù)了解平臺(tái)規(guī)則，防止關(guān)進(jìn)小黑屋出不來(lái)。
15.【代碼良言】小黑屋 右箭源代碼 - 金石良言
1.使用場(chǎng)景
程序員在小黑屋頁(yè)面，想要越獄查看代碼等行為。
2.設(shè)計(jì)思考
設(shè)計(jì)目標(biāo)：告知程序員，開(kāi)發(fā)者們小黑屋不僅是用來(lái)規(guī)范視頻用戶(hù)做出的行為，同樣也是針對(duì)開(kāi)發(fā)者以及程序員的。
設(shè)計(jì)方案：在「小黑屋」頁(yè)面，右鍵「顯示 網(wǎng)頁(yè)源代碼」，在一行代碼中間，你會(huì)看到一句話：“一朝耍流氓，十年掛南墻；不乖的孩子統(tǒng)統(tǒng)都要打屁股；越獄是不可能越獄的，這輩子是不可能越獄的”極具搞笑的語(yǔ)言讓本就是嚴(yán)肅的事情變得輕松許多，同時(shí)增強(qiáng)小黑屋的準(zhǔn)則態(tài)度，讓B站用戶(hù)做一個(gè)遵守準(zhǔn)則的好用戶(hù)。
設(shè)計(jì)師要有發(fā)現(xiàn)美的眼睛。美不僅是視覺(jué)，還有好的體驗(yàn)流程。不要讓用戶(hù)思考，這是每個(gè)設(shè)計(jì)師所追求的。
認(rèn)真記錄產(chǎn)品細(xì)節(jié)，了解背后的思考，也是不斷提升自己邏輯思維和表達(dá)能力的一種方式。
本期產(chǎn)品細(xì)節(jié)分析結(jié)束，點(diǎn)擊原文鏈接查看更多，那我們下期再見(jiàn)！
作者：碳水Sir；公眾號(hào)：草蓉三石
本文由 @碳水Sir 原創(chuàng)發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載。
參考文獻(xiàn)：
B站2022第一季度財(cái)報(bào)：https://mp.weixin.qq.com/s/ctzbvBqPxtbQxCV2_XAGDQ
MikuFans彈幕視頻網(wǎng) ：https://www.bilibili.com/read/cv14244675/
Advertising：https://mp.weixin.qq.com/s/831jX19aq8cfI_WU7RQubw
時(shí)趣研究院：https://mp.weixin.qq.com/s/BUZoVle8ByLQjAFrCMm4ag
事先聲明 /attention 。
1. 強(qiáng)烈建議使用電腦查看，用戶(hù)體驗(yàn)更佳。
2. Gif 體積較大，請(qǐng)耐心查看。
3.為了讓設(shè)計(jì)細(xì)節(jié)更容易被看到，用GIf來(lái)呈現(xiàn)展示。
碳水Sir｜5年村齡｜聽(tīng)過(guò)上萬(wàn)首歌｜發(fā)布過(guò)幾首翻唱歌曲｜黑膠·伍級(jí)｜LV.9，眾多身份都不能表達(dá)我對(duì)網(wǎng)易云的喜歡程度。因?yàn)樗粌H是一款音樂(lè)播放器，更像是一個(gè)有血有肉、有情感的虛擬人一直陪伴在我身邊，治愈著我～ 你很好奇它具有什么力量，能使用戶(hù)粘性如此持久，那么我不妨帶大家看看網(wǎng)易云音樂(lè)中情感化驅(qū)動(dòng)的魅力所在。
一首【成都翻唱】送給在座的看官，請(qǐng)不要嫌棄～
在聽(tīng)歌頁(yè)面，呈現(xiàn)貓頭鷹送信環(huán)節(jié)，帶領(lǐng)粉絲回憶那個(gè)魔法學(xué)院，重溫經(jīng)典音樂(lè)。
設(shè)計(jì)目標(biāo)：通過(guò)增加彩蛋，紀(jì)念《哈利波特40周歲暨電影重映》，提升歌曲二次曝光度。
設(shè)計(jì)方案：首頁(yè)搜索哈利波特 第二首 【海德薇變奏曲】，當(dāng)音樂(lè)播放到 第43s時(shí)，黑膠唱片中會(huì)突然飛出一只叼著通知書(shū)的貓頭鷹，重現(xiàn)海德薇送入學(xué)通知書(shū)的經(jīng)典橋段。貓頭鷹飛過(guò)，你會(huì)看到評(píng)論區(qū)圖標(biāo)變成了一封信。用極具創(chuàng)意的動(dòng)畫(huà)手法，引導(dǎo)用戶(hù)進(jìn)入評(píng)論區(qū)進(jìn)行后續(xù)操作。
這也給做產(chǎn)品設(shè)計(jì)同學(xué)一些靈感，當(dāng)有合作方時(shí)，嘗試著換種設(shè)計(jì)思路（例如：當(dāng)前影視與音樂(lè)結(jié)合的彩蛋），來(lái)綁定產(chǎn)品與合作方之間的聯(lián)系。形成高級(jí)記憶點(diǎn)，從而達(dá)到用戶(hù)主動(dòng)傳播的裂變效應(yīng)。
在上一個(gè)場(chǎng)景中，點(diǎn)擊信件進(jìn)入評(píng)論區(qū)，通過(guò)評(píng)論區(qū)用戶(hù)引導(dǎo)繼續(xù)彩蛋探險(xiǎn)之旅。
設(shè)計(jì)目標(biāo)：為了使上個(gè)彩蛋具有連續(xù)性，提升彩蛋引入玩法達(dá)到評(píng)論話題熱度。
設(shè)計(jì)方案：點(diǎn)擊通知書(shū)- 在評(píng)論區(qū)找到第9-10評(píng)論，在中間空隙位置雙擊兩下，出現(xiàn)一個(gè)縫隙隨后逐漸放大，映入眼簾的是魔法站臺(tái)，隨后飛速而來(lái)一輛通往霍格沃茨的列車(chē)，當(dāng)門(mén)打開(kāi)時(shí)，又一個(gè)強(qiáng)光出現(xiàn)，隨后穿梭回評(píng)論區(qū)。整體動(dòng)畫(huà)一氣呵成，仿佛真的穿梭了一回。
當(dāng)用戶(hù)不知情下進(jìn)入評(píng)論區(qū)，會(huì)看到其他用戶(hù)都在以“彩蛋”為話題，展開(kāi)激烈討論，這時(shí)就激發(fā)出你的評(píng)論欲望，以及彩蛋入口探索，為彩蛋話題持續(xù)供熱發(fā)光。
該手法也是利用“圈內(nèi)?！睒?biāo)志事物，再結(jié)合穿梭般的動(dòng)畫(huà)體驗(yàn)，給【哈迷圈】用戶(hù)體驗(yàn)了一波驚喜感，同時(shí)為后續(xù)【哈利波特魔法覺(jué)醒】游戲做好引流鋪墊。
正式入學(xué)前，怎么能少了入學(xué)典禮這么重要的儀式。
設(shè)計(jì)目標(biāo)：提升歌曲傳播性以及記憶度，通過(guò)彩蛋強(qiáng)化音樂(lè)儀式感。
設(shè)計(jì)方案：點(diǎn)擊【分院帽之歌】評(píng)論區(qū) 輸入學(xué)院名稱(chēng)如格蘭芬多，，院旗降落，迎風(fēng)飄揚(yáng)，出現(xiàn)代表學(xué)院的旗幟，分院儀式就完成啦！儀式感是不是瞬間拉滿(mǎn)。
沒(méi)看過(guò)哈利波特的用戶(hù)，我這里為大家收集好了四個(gè)學(xué)院名稱(chēng)，分別是赫奇帕奇，格蘭芬多，斯萊特林，拉文克勞，想體驗(yàn)的用戶(hù)快去試試吧～
用戶(hù)進(jìn)入CEO丁磊的主頁(yè)可以看到99999粉絲，在強(qiáng)迫癥驅(qū)使下為丁磊增加粉絲。
設(shè)計(jì)目標(biāo)：通過(guò)99999粉絲，來(lái)“騙取”新粉絲關(guān)注，提升粉絲量。
設(shè)計(jì)方案：可能是程序員們被產(chǎn)品或CEO的各種需求堆壓的透不過(guò)氣，想著拿CEO來(lái)整活一下，這就有了上面的神奇一幕。進(jìn)入首頁(yè)，搜索【網(wǎng)易CEO丁磊】進(jìn)入主頁(yè)，第一次和CEO這么近距離接觸，當(dāng)你看到99999粉絲時(shí)，心想我原來(lái)就是那幸運(yùn)的第10萬(wàn)粉絲，心中很是激動(dòng)，當(dāng)你點(diǎn)擊關(guān)注后，返回首頁(yè)再一次進(jìn)去時(shí)，你會(huì)發(fā)現(xiàn)，粉絲數(shù)從新回到了99999粉絲，你以為是有人取消關(guān)注！其實(shí)這是程序員寫(xiě)的一個(gè)欺騙代碼。利用這種仿制數(shù)字，來(lái)為CEO騙粉。這是程序員想到的點(diǎn)還是CEO丁磊的陰謀。就不得而知了～
這么細(xì)小的改動(dòng)，確實(shí)讓用戶(hù)對(duì)網(wǎng)易云音樂(lè)產(chǎn)生神秘感，或許還有很多彩蛋沒(méi)有發(fā)現(xiàn)，從而激發(fā)用戶(hù)探索欲望～
感興趣的同學(xué)快去試試吧～
網(wǎng)易云音樂(lè)與雪碧達(dá)成的深度合作，要通過(guò)（音樂(lè)+設(shè)計(jì)）手段探索跨界營(yíng)銷(xiāo)方式。
設(shè)計(jì)目標(biāo)：傳播品牌主張， 通過(guò)彩蛋提升品牌新主張“透心涼、渴釋放”。
設(shè)計(jì)方案：在播放【無(wú)渴不爽】時(shí)，在特定位置會(huì)激活雪碧動(dòng)效，你能看到右上方一個(gè)雪碧瓶開(kāi)啟，并傾倒而出，上深到一半高度清爽檸檬炸開(kāi)效果，不仔細(xì)看還以為換手機(jī)進(jìn)水了。
通過(guò)對(duì)設(shè)計(jì)的高度還原，模擬真實(shí)世界汽水反饋，例如二氧化碳?xì)怏w等極具細(xì)節(jié)的動(dòng)畫(huà)效果，以及開(kāi)瓶時(shí)“呲”的音效聲讓用戶(hù)更好投身于音樂(lè)背后的情境中，以及緊扣歌名【無(wú)渴不爽】的“透心涼、渴釋放”理念。用“音樂(lè)彩蛋”來(lái)賦予用戶(hù)“視覺(jué)+聽(tīng)覺(jué)+味覺(jué)”三覺(jué)的沉浸式體驗(yàn)，讓品牌主張成為用戶(hù)切身感受。
這種營(yíng)銷(xiāo)方式，作為用戶(hù)的我都很難拒絕，心里暗暗道：“這樣的營(yíng)銷(xiāo)手段，多給我來(lái)一些，真的不錯(cuò)，喜歡～”。換做是你，也同樣喜歡，對(duì)嘛～
17年的一個(gè)遙遠(yuǎn)的往事，網(wǎng)易云團(tuán)隊(duì)為了紀(jì)念【音樂(lè)人-三畝地】給【城南花已開(kāi)】ID用戶(hù)專(zhuān)門(mén)寫(xiě)的音樂(lè)。
設(shè)計(jì)目標(biāo)：緬懷用音樂(lè)紀(jì)念的骨癌【南城花開(kāi)時(shí)】用戶(hù)，放大產(chǎn)品人情世故的高度，從而提升品牌對(duì)于用戶(hù)的重視程度。
設(shè)計(jì)方案：在每年3-4月時(shí)，收聽(tīng)【南城花開(kāi)時(shí)】這首歌，在播放頁(yè)就能看到滿(mǎn)屏花瓣飄落，點(diǎn)擊最亮的一瓣，會(huì)看到花海中有一個(gè)少年。對(duì)于老用戶(hù)來(lái)說(shuō)無(wú)疑勾起了往日回憶，通過(guò)彩蛋動(dòng)畫(huà)來(lái)強(qiáng)化音樂(lè)緬懷的力量。同時(shí)吸引圍觀用戶(hù)的好奇，引導(dǎo)查看評(píng)論區(qū)，翻找彩蛋根源，進(jìn)而提升評(píng)論區(qū)活躍度以及產(chǎn)品情感關(guān)聯(lián)。
畢竟產(chǎn)品本身是冰冷的，用產(chǎn)品本身的功能來(lái)安撫用戶(hù)以達(dá)到共鳴效果那就太棒了。這也正是網(wǎng)易云音樂(lè)依靠評(píng)論區(qū)獲得業(yè)界影響力的重要體現(xiàn)。即使版權(quán)少的可憐但依然穩(wěn)居前3寶座的原因之一。
面對(duì)疫情，網(wǎng)易推出【光援行動(dòng)】通過(guò)【Light The Light】歌曲【LTL】功能，給用戶(hù)傳遞音樂(lè)的治愈力量。
設(shè)計(jì)目標(biāo)：結(jié)合硬件生態(tài)，提高閃光燈與音樂(lè)的多重組合玩法，用音樂(lè)與光傳遞希望給到用戶(hù)。
設(shè)計(jì)方案：網(wǎng)易團(tuán)隊(duì)通過(guò)歌曲《Light The Light》歌詞”每個(gè)人都是一處微光，每當(dāng)我們閃爍一次燈光，也許某處黑暗就會(huì)被我們照亮”中獲得靈感，配合歌曲中的鼓點(diǎn)來(lái)不斷閃爍節(jié)奏光，營(yíng)造氛圍感的同時(shí)，傳遞出即使是一顆小小的微光，凝聚起來(lái)依然可以照亮一片天地。
同時(shí)表示面對(duì)防疫，人民團(tuán)結(jié)一致，互相幫助的社會(huì)凝聚力。宣揚(yáng)音樂(lè)的力量以及對(duì)未來(lái)美好生活的祝福。
為響應(yīng) “云村評(píng)論治愈計(jì)劃”，設(shè)計(jì)“抱抱彩蛋”，傳遞溫暖的社區(qū)氛圍。
設(shè)計(jì)目標(biāo)：通過(guò)彩蛋玩法，提升社區(qū)情感鼓勵(lì)，凈化社區(qū)良好氛圍。
設(shè)計(jì)方案：再任意歌曲評(píng)論區(qū)，對(duì)著評(píng)論雙指向中間捏和的方式，去“抱”一個(gè)用戶(hù)的評(píng)論給予情感撫慰。視覺(jué)方面呈現(xiàn)兩個(gè)可愛(ài)的白、紅小人相互擁抱安撫的畫(huà)面，評(píng)論者的頭像也會(huì)出現(xiàn)“收到抱抱”的提示，以達(dá)到與陌生人之間互相鼓勵(lì)溫暖的目的。
這種方式挺暖的，通過(guò)音樂(lè)平臺(tái)送出抱抱以及接受抱抱的形式，更加體現(xiàn)出音樂(lè)無(wú)邊界的魅力所在。
以上是我第二次使用的感受分享。這個(gè)抱抱彩蛋設(shè)計(jì)，早在第四篇【產(chǎn)品細(xì)節(jié)洞察分析】中有寫(xiě)道，但觀點(diǎn)已經(jīng)完全不同，感興趣的朋友可以回溯一下～
每年高考時(shí)，【銀河赴約】都會(huì)收到來(lái)自音樂(lè)人以及網(wǎng)易的各種祝福，祝旗開(kāi)得勝。
設(shè)計(jì)目標(biāo)：在高考前夕，通過(guò)孔明燈來(lái)收集用戶(hù)的祝福語(yǔ)錄提高評(píng)論話題統(tǒng)一性。，為用戶(hù)提供高考話題入口。
設(shè)計(jì)方案：在2020年疫情期間的高考階段，網(wǎng)易云音樂(lè)制作了助力高考自制【銀河赴約】曲目，用戶(hù)在聽(tīng)歌時(shí)，能看到評(píng)論區(qū)占位符變成了孔明燈。要知道，孔明燈是中國(guó)特有的手工藝術(shù)，又叫天燈，俗稱(chēng)許愿燈、祈天燈。它的作用是祈福，許愿，保佑。用這種視覺(jué)效果，引導(dǎo)暗示用戶(hù)評(píng)論區(qū)特殊的意義，真誠(chéng)的祝福，高考加油！帶話題輸入祝福，還能獲得“網(wǎng)易云音樂(lè)高考助力buff”。形式拉滿(mǎn)，意義非凡有沒(méi)有～
音樂(lè)是人心靈深處的對(duì)白，很多抑郁的用戶(hù)都有溝通障礙不想與人交流，唯有音樂(lè)可以獨(dú)自?xún)A聽(tīng)。
設(shè)計(jì)目標(biāo)：解決抑郁用戶(hù)危險(xiǎn)的心理活動(dòng)，通過(guò)治愈所提高用戶(hù)對(duì)生活的美好追求。
設(shè)計(jì)方案：在首頁(yè)搜索“自殺”等敏感詞匯，會(huì)立即跳出云村治愈所頁(yè)面，標(biāo)題寫(xiě)著“生活沒(méi)有那么奇妙，但有你才會(huì)變得更好”。讓抑郁用戶(hù)感受到自我的重要性。
（2.1）開(kāi)頭用生活中的美好事物來(lái)告訴用戶(hù)真實(shí)世界值得回味。
（2.2）精選了四類(lèi)治愈歌單來(lái)溫暖用戶(hù)的心情。
（2.3）羅列了一線城市心理咨詢(xún)熱線，間接體現(xiàn)出在一線城市生活壓力指數(shù)。
（2.4）精彩評(píng)論，云村村民的八方支援，感受到網(wǎng)絡(luò)中溫暖純良一面。
以治愈的文字、音樂(lè)推薦、心理咨詢(xún)熱線、熱心評(píng)論來(lái)喚醒抑郁用戶(hù)，既有文字的力量也有音樂(lè)的力量，多維度努力，一起幫助云村用戶(hù)積極生活，健康快樂(lè)。
最后，當(dāng)我看到閱讀總?cè)藬?shù)863.7萬(wàn)時(shí)，心情還是無(wú)比復(fù)雜，雖然很多都是聞聲前來(lái)，但大部分還是真實(shí)抑郁用戶(hù)搜索而來(lái)，衷心希望音樂(lè)的力量可以幫助他們戰(zhàn)勝困難，也感謝網(wǎng)易云音樂(lè)平臺(tái)用特殊的方式來(lái)治愈用戶(hù)。這真是很珍貴的用戶(hù)洞察點(diǎn)。
在聽(tīng)歌時(shí)，播放頁(yè)用視頻展示歌曲背后的故事，聽(tīng)覺(jué)視覺(jué)雙重享受。
設(shè)計(jì)目標(biāo)：滿(mǎn)足用戶(hù)“邊聽(tīng)邊看”需求，通過(guò)視頻拉近用戶(hù)與音樂(lè)人的距離。
設(shè)計(jì)方案：在特定曲目中，對(duì)黑膠播放界面雙指下滑，激活“黑膠故事”，黑膠內(nèi)將自動(dòng)播放30s的無(wú)聲視頻，再次點(diǎn)擊即可跳轉(zhuǎn)至完整的音樂(lè)視頻播放頁(yè)面。形成快速切換的視音交互鏈路。
這種嘗試，也是進(jìn)一步把音樂(lè)延伸，每首音樂(lè)都有屬于自己的故事，很多都是在聽(tīng)音樂(lè)時(shí)才會(huì)引發(fā)共鳴，再去搜索音樂(lè)背后的故事，鏈路長(zhǎng)、操作不便捷，網(wǎng)易推出的黑膠唱片，音樂(lè)人只需自主上傳，審核通過(guò)后，便可以最低成本，進(jìn)行歌曲宣傳，同時(shí)用戶(hù)能極大的節(jié)約時(shí)間，從而更加沉浸在音樂(lè)世界中。
想要體驗(yàn)，直接搜索【黑膠故事】找到歌單就可以啦～
計(jì)算上班摸魚(yú)聽(tīng)歌的時(shí)間，看看朋友群里誰(shuí)是摸魚(yú)之王。
設(shè)計(jì)目標(biāo)：通過(guò)熱點(diǎn)話題并結(jié)合數(shù)據(jù)分析，來(lái)提高H5活動(dòng)玩法，達(dá)到裂變傳播。
設(shè)計(jì)方案：只需要在活動(dòng)頁(yè)中輸入自己的名稱(chēng)，就能分析出，摸魚(yú)總時(shí)長(zhǎng)和具體流量。這個(gè)功能的開(kāi)發(fā)，起因網(wǎng)絡(luò)熱點(diǎn)話題吐槽包含網(wǎng)易云音樂(lè)等產(chǎn)品消耗10GB以上流量為基礎(chǔ)，發(fā)掘出可結(jié)合產(chǎn)品自身做的測(cè)試嘗試，【摸魚(yú)計(jì)算器】依靠平臺(tái)數(shù)據(jù)流量分析，根據(jù)【上班聽(tīng)歌時(shí)間在工作時(shí)間的占比】估算出全年的【摸魚(yú)流量】。來(lái)滿(mǎn)足用戶(hù)獵奇心。
雖然此活動(dòng)只是休閑放松的形式，并非真的宣傳摸魚(yú)有多好。但為了說(shuō)明一下，還是文字提醒：“摸魚(yú)”雖好，可不要貪摸哦，正確聽(tīng)歌有助于提升工作效率！告訴用戶(hù)，正確的價(jià)值觀。
在網(wǎng)易云大約需要聽(tīng)上千首新歌，看很多故事，明白許多道理才是個(gè)好男孩?？梢詫?duì)外分享。
設(shè)計(jì)目標(biāo)：創(chuàng)造【網(wǎng)易云八級(jí)】梗，通過(guò)活動(dòng)提升產(chǎn)品熱度。
設(shè)計(jì)方案：只需要在活動(dòng)中，選擇性別，依靠聽(tīng)歌數(shù)據(jù)分析，總結(jié)網(wǎng)易云等級(jí)段位。當(dāng)時(shí)也有女孩說(shuō)，找男朋友就找網(wǎng)易云八級(jí)，因?yàn)槎煤芏嗪艹练€(wěn)。當(dāng)然女孩子也是同理。
據(jù)了解，這個(gè)活動(dòng)也是因?yàn)橛芯W(wǎng)友曬出等級(jí)截圖，并且上了熱搜，而這一事件瞬間被網(wǎng)易云團(tuán)隊(duì)看到，迅速整活。同時(shí)間上線【8級(jí)證明書(shū)】，8級(jí)以上的用戶(hù)可獲愛(ài)好聽(tīng)歌的“好男孩”“好女孩”認(rèn)證。
沒(méi)錯(cuò)，看到配圖的朋友都知道了吧，我是8級(jí)哦～
七夕節(jié)，表白日，語(yǔ)言組織不行，說(shuō)不了浪漫的情話。
設(shè)計(jì)目標(biāo)：結(jié)合音樂(lè)，提升表白語(yǔ)言的趣味呈現(xiàn)，為用戶(hù)提供浪漫語(yǔ)言幫助。
設(shè)計(jì)方案：在搜索框輸入名字，就會(huì)隨機(jī)推薦表白歌詞，都是心動(dòng)的感覺(jué)，幫助不會(huì)說(shuō)情話的你。當(dāng)然我也可以輸入你的的名字，因?yàn)槟愕拿直旧?，也足以吸引我。有沒(méi)有被甜到～
除此之外，搜索特定名稱(chēng)，會(huì)出來(lái)特殊的表白，一語(yǔ)中的。例如搜索蘇炳添，出來(lái)的是“我會(huì)用9秒83的速度出現(xiàn)在你面前”完全整活了，有木有～
不僅如此，頁(yè)面配圖，繪制了大量精美小線稿，在我嘗試了很多名稱(chēng)后都沒(méi)遇到重復(fù)的圖形，可見(jiàn)這個(gè)小細(xì)節(jié)做了N個(gè)圖形出來(lái)，很是用心。是一個(gè)很棒的設(shè)計(jì)細(xì)節(jié)。
早期受到“網(wǎng)抑云”的負(fù)面沖擊，評(píng)論區(qū)中存在太多抑郁情緒發(fā)言，導(dǎo)致很多用戶(hù)看到后都同情憐憫隨后一起陷入抑郁。
后來(lái)網(wǎng)易云音樂(lè)推出各種【治愈計(jì)劃】包括【云村治愈所】【抱抱功能】【治愈專(zhuān)輯】等等設(shè)計(jì)手段。
最終，越來(lái)越多的用戶(hù)用正能量回懟喪文化【網(wǎng)抑云】變成了【網(wǎng)愈云】，把人間美好給到大家。
這也是產(chǎn)品從用戶(hù)情感訴求出發(fā)，反向驅(qū)動(dòng)設(shè)計(jì)。或許這才是網(wǎng)易云音樂(lè)取勝的重要法寶。
設(shè)計(jì)師要有發(fā)現(xiàn)美的眼睛。美不僅是視覺(jué)，還有好的體驗(yàn)流程。不要讓用戶(hù)思考，這是每個(gè)設(shè)計(jì)師所追求的。
認(rèn)真記錄產(chǎn)品細(xì)節(jié)，了解背后的思考，也是不斷提升自己邏輯思維和表達(dá)能力的一種方式。
本期產(chǎn)品細(xì)節(jié)分析結(jié)束，點(diǎn)擊原文鏈接查看更多，我們下期再見(jiàn)！
作者：碳水Sir；公眾號(hào)：草蓉三石
本文由 @碳水Sir 原創(chuàng)發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載。
參考文獻(xiàn)及鏈接：
1.https://www.sohu.com/a/506317507_120099902
2.https://baijiahao.baidu.com/s?id=1667366524064453555&wfr=spider&for=pc
3.https://www.zhihu.com/question/404810159/answer/1326228938
4.https://xw.qq.com/cmsid/20210328A0A1JB00
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.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)定制 、 用戶(hù)體驗(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咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com