首頁(yè)

設(shè)計(jì)的意義

藍(lán)藍(lán)設(shè)計(jì)的小編 設(shè)計(jì)思維

保羅·蘭德說(shuō):“設(shè)計(jì)是一種行為,是想象力馳騁的過(guò)程和產(chǎn)物。”

作為設(shè)計(jì)師,設(shè)計(jì)是我們的專業(yè),也是我們用來(lái)解決商業(yè)問(wèn)題的工具。

我們過(guò)去也許都曾思考過(guò)類似設(shè)計(jì)的價(jià)值、意義或是本質(zhì)之類的問(wèn)題。思考這類問(wèn)題在某種意義上或許都是為了當(dāng)我們遇到困難、沖突、低谷或是不確定性的時(shí)候給自己找一些能夠堅(jiān)持下去的理由。

設(shè)計(jì)師在從業(yè)的不同階段,對(duì)設(shè)計(jì)的理解不同。從追求工具技能到表現(xiàn)力、方法論、風(fēng)格到影響行業(yè)甚至社會(huì)審美意識(shí)等等。不斷的錘煉之后,對(duì)設(shè)計(jì)意義也會(huì)有不同理解。

我們奉為的大師,都擅長(zhǎng)用自己的知識(shí)架構(gòu)定義對(duì)設(shè)計(jì)的理解。

保羅·蘭德就是一位我們公認(rèn)的設(shè)計(jì)大師、藝術(shù)家。他是當(dāng)今美國(guó)乃至世界上最杰出的圖形設(shè)計(jì)師、思想家及設(shè)計(jì)教育家之一。他最出名的企業(yè)標(biāo)志設(shè)計(jì),包括IBM,UPS,ABC標(biāo)志以及為史蒂夫·喬布斯設(shè)計(jì)NeXT.那段經(jīng)典橋段。

去研究這些前輩們?nèi)绾慰创O(shè)計(jì)、理解設(shè)計(jì)以及如何與設(shè)計(jì)相處一生,是另一種設(shè)計(jì)哲學(xué)的思辨。

保羅·蘭德說(shuō):

“設(shè)計(jì)是一種行為,是想象力馳騁的過(guò)程和產(chǎn)物。”

設(shè)計(jì)表現(xiàn)可能看似是簡(jiǎn)單的組裝、排序或是美化的過(guò)程,但設(shè)計(jì)的過(guò)程也是賦予信息意義的過(guò)程。不斷的簡(jiǎn)化、厘清、修飾甚至可能去說(shuō)服、去取悅過(guò)后,設(shè)計(jì)就是把散文變成詩(shī)歌的過(guò)程。

設(shè)計(jì)師是孤獨(dú)的,大部分時(shí)候他們是一個(gè)人在戰(zhàn)斗。

設(shè)計(jì)是個(gè)人行為,即便在設(shè)計(jì)成熟度較高的國(guó)家、企業(yè)或是大型團(tuán)隊(duì),設(shè)計(jì)師仍需在一線才能真正掌控在這場(chǎng)戰(zhàn)斗中可能遇到的極其細(xì)節(jié)的變化和給人傳達(dá)的感受。

設(shè)計(jì)需要沖突來(lái)加深傳達(dá)的“戲劇性”。但設(shè)計(jì)過(guò)程也面臨種種沖突。這是設(shè)計(jì)的商業(yè)價(jià)值與藝術(shù)價(jià)值平衡的過(guò)程。正是因?yàn)檫@種關(guān)心很難平衡,才會(huì)出現(xiàn)雇主與設(shè)計(jì)師之間的沖突。

企業(yè)的目標(biāo)是達(dá)到商業(yè)、經(jīng)濟(jì)、政治甚至社會(huì)性目的。對(duì)設(shè)計(jì)師而言,設(shè)計(jì)是一種創(chuàng)造和實(shí)驗(yàn)行為。通過(guò)這種行為來(lái)平衡之前的目標(biāo)。

設(shè)計(jì)品質(zhì)最終決定設(shè)計(jì)師與核心決策者之間的關(guān)系。關(guān)心越是緊密,設(shè)計(jì)的產(chǎn)出就越有可能出彩。這其實(shí)并不難理解,對(duì)設(shè)計(jì)完成度有高追求的企業(yè),CEO也大多都跟設(shè)計(jì)團(tuán)隊(duì)或是設(shè)計(jì)咨詢公司有較為緊密的往來(lái)。就比如蘋(píng)果的喬布斯與喬納森是我們都公認(rèn)的CEO與設(shè)計(jì)師高緊密度關(guān)系的典范。

當(dāng)今社會(huì),市面上依然存在太多糟糕的設(shè)計(jì)。

一來(lái),核心的決策者對(duì)設(shè)計(jì)專業(yè)的理解度不夠。

二來(lái),很多決策依賴于市場(chǎng)調(diào)研,既得利益的權(quán)重大于長(zhǎng)遠(yuǎn)利益。

再就是我們回避不開(kāi)的話題,設(shè)計(jì)師在某種意義上話語(yǔ)權(quán)不夠。

抉擇者很多時(shí)候不了解或是存在對(duì)某類元素特定的喜好偏見(jiàn),他們有評(píng)價(jià)權(quán),但卻缺乏對(duì)設(shè)計(jì)專業(yè)知識(shí)的儲(chǔ)備。所以就會(huì)普遍出現(xiàn)外行指導(dǎo)內(nèi)行的情況。過(guò)往(現(xiàn)在好一些),他們將設(shè)計(jì)師看做一套繪圖工具,一個(gè)合作供應(yīng)商而不是一個(gè)業(yè)務(wù)團(tuán)隊(duì)里重要的組成部門(mén)。

體系完整的企業(yè)可能會(huì)引入市場(chǎng)調(diào)研團(tuán)隊(duì),調(diào)研團(tuán)隊(duì)為營(yíng)銷提供定位信息,設(shè)計(jì)師來(lái)解讀和演繹那些信息。如果調(diào)研團(tuán)隊(duì)能理解設(shè)計(jì)師的工作過(guò)程與其產(chǎn)生共鳴,就有可能促成正確決策甚至產(chǎn)生驚喜的創(chuàng)意作品。

但很多時(shí)候,我們聽(tīng)到了太多這樣的回復(fù):

 

我喜歡它;

我不喜歡它;

它太簡(jiǎn)單了;

它太復(fù)雜了;

它讓我想起某某...

常常一句“我不喜歡”就可以終結(jié)任何設(shè)計(jì)作品。就像當(dāng)初一位IBM的主管第一次看到這個(gè)條紋logo時(shí)嘲弄到說(shuō)“這東西讓我想起格魯吉亞的鎖鏈囚犯”。

每個(gè)人所能感知的信息都不盡相同。

有人既看不到logo的意義,也看不到它的功能。也正因?yàn)檫^(guò)于用喜好而不是專業(yè)去評(píng)判,才讓糟糕的設(shè)計(jì)一直留存于我們的世界。而大眾對(duì)糟糕的設(shè)計(jì)要比對(duì)好設(shè)計(jì)更加熟悉,于是大家習(xí)慣于選擇不好的設(shè)計(jì),因?yàn)楹退麄兂ο嗵帯?/p>

新事物讓人感受到威脅,而舊事物讓人安心。

要判斷一個(gè)設(shè)計(jì)的內(nèi)在價(jià)值,決定性因素不是使用期,而是它所設(shè)定的“品質(zhì)預(yù)期”。這是設(shè)計(jì)師的價(jià)值,也是設(shè)計(jì)師該練就的“知覺(jué)”。

何為知覺(jué)?

我們可以把知覺(jué)暫定為“瞬間的洞悉”。設(shè)計(jì)師在做設(shè)計(jì)決策的時(shí)候大部分都是依賴過(guò)往的知識(shí)儲(chǔ)備以及慣性技能。不斷的嘗試,都是通過(guò)瞬間對(duì)各方向的可能性判斷。

本能、預(yù)感、沖動(dòng)、洞悉之后的綜合“洞悉”,這就是知覺(jué)。

說(shuō)到logo,我們常把logo當(dāng)成品牌價(jià)值傳遞的重要符號(hào)。

它是一面旗幟、一個(gè)簽名、一個(gè)路標(biāo)。大部分時(shí)候,雇主期待logo能描述一個(gè)行業(yè),但歷史上最成功的logo都沒(méi)能做到。蘋(píng)果、勞斯萊斯、可口可樂(lè)、或是IBM等等...不可否認(rèn)的是它們都是歷史上最成功的logo,但它們卻無(wú)法做到能傳遞它們的行業(yè)屬性。因?yàn)?strong>logo遠(yuǎn)不如它所代表的產(chǎn)品重要,它所代表的比它看起來(lái)的樣子更重要。


因?yàn)橹挥衛(wèi)ogo與它所屬的公司、產(chǎn)品、服務(wù)聯(lián)系起來(lái)時(shí),它才具備真正的意義。一流的產(chǎn)品和公司的logo傳遞出一流的形象。反之一個(gè)公司如果是二流的,那么它的logo最終也會(huì)被歸為二流。

 

 

logo首先要告訴人們“是誰(shuí)”,而不是“是什么”。這才是它最基礎(chǔ)且最重要的功能。它所扮演的角色就是“指示”。“簡(jiǎn)潔”是達(dá)成指示的手段。所以設(shè)計(jì)過(guò)程中的特點(diǎn)、好記以及清楚都是需要設(shè)計(jì)師在打磨細(xì)節(jié)前首先要做好的決策。一個(gè)復(fù)雜、挑剔、模糊的設(shè)計(jì)潛藏著自我毀滅性的風(fēng)險(xiǎn)。

 

“好的設(shè)計(jì)帶來(lái)好的生意”。但不可否認(rèn),即使不好的設(shè)計(jì),也可能帶來(lái)好的生意(比如下圖)。如果這樣,還需要好的設(shè)計(jì)么?

好的設(shè)計(jì)可以增添額外的附加價(jià)值,很多時(shí)候,也許光看著它就能給人們帶來(lái)快樂(lè)。它們更尊重感官,并通過(guò)這種友好的感官體驗(yàn),給企業(yè)帶來(lái)回報(bào)。人們更容易記得精美而不是一團(tuán)糟的形象。它折射出一個(gè)考慮周全,目標(biāo)明確的企業(yè),反映了它的產(chǎn)品或者服務(wù)的品質(zhì)。所以,這個(gè)世界需要好的設(shè)計(jì),設(shè)計(jì)師要做的就是用設(shè)計(jì)向世界傳遞一些更有價(jià)值的觀點(diǎn)。這是設(shè)計(jì)師的工作,也是設(shè)計(jì)該有的意義。

「大寶推薦閱讀書(shū)單之《設(shè)計(jì)的意義》」



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

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

 

優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!

藍(lán)藍(lán)設(shè)計(jì)的小編 設(shè)計(jì)思維

優(yōu)秀的產(chǎn)品設(shè)計(jì)是能帶給用戶驚喜的,在不經(jīng)意間讓用戶感受到溫度,也是提升用戶體驗(yàn)的關(guān)鍵。
 
隨著行業(yè)的進(jìn)步,產(chǎn)品設(shè)計(jì)師也在不斷優(yōu)化體驗(yàn),輸出一個(gè)一個(gè)優(yōu)秀的解決方案。近期黑馬哥也發(fā)現(xiàn)了一些比較驚喜的設(shè)計(jì),來(lái)和大家一起欣賞一下吧!
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
 
 
 
體驗(yàn)?zāi)夸?/div>
一、降落傘帶來(lái)的營(yíng)銷廣告
二、動(dòng)效反饋商家備餐過(guò)程
三、這個(gè)廣告驚不驚喜意不意外
四、Banner 廣告的視覺(jué)沉浸感
五、待機(jī)狀態(tài)下的實(shí)時(shí)動(dòng)態(tài)
六、小圖標(biāo)里的細(xì)節(jié)反思
七、輪播式的懸浮設(shè)計(jì)
八、氛圍熱烈的底部標(biāo)簽欄
九、收縮式交互設(shè)計(jì)
十、形象化的進(jìn)度設(shè)計(jì)
 
 
一、降落傘帶來(lái)的營(yíng)銷廣告
在這個(gè)廣告滿天飛的年代,用戶已經(jīng)逐步開(kāi)啟廣告免疫模式,如何提高用戶對(duì)廣告的關(guān)注度至關(guān)重要。
 
近期在體驗(yàn)餓了么時(shí),等待送餐界面中空降一個(gè)降落傘,從左上角飄到右側(cè)懸浮,彈出紅包懸浮廣告。降落傘飄浮的動(dòng)態(tài)過(guò)程吸引了用戶的關(guān)注度,進(jìn)而提高了營(yíng)銷廣告的點(diǎn)擊率,雖然廣告大家都比較反感,但是一個(gè)伴隨著驚喜的廣告也會(huì)讓你放下戒備心理。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
 
 
 
二、動(dòng)效反饋商家備餐過(guò)程
提升等待過(guò)程對(duì)于用戶體驗(yàn)來(lái)說(shuō)尤為重要,降低用戶等待過(guò)程中的焦慮感,才能讓用戶愿意為此停留。
 
通過(guò)餓了么點(diǎn)餐之后,商家需要一定的時(shí)間完成餐飲的制作,必然需要用戶等待一些時(shí)間。在這個(gè)備餐過(guò)程中,當(dāng)前界面以一個(gè)翻炒動(dòng)效表達(dá),情感化的動(dòng)效不僅提示用戶當(dāng)前狀態(tài),也提升了設(shè)計(jì)表達(dá)的感官體驗(yàn)。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
 
 
 
三、這個(gè)廣告驚不驚喜意不意外
意料之外的廣告是帶給你驚喜還是反感呢?平臺(tái)為了提高變現(xiàn)能力,各種層出不窮的廣告玩法也讓你猝不及防。
 
之前在體驗(yàn)騰訊視頻 App 時(shí),從閃屏廣告過(guò)度到 Banner 圖的過(guò)程中,經(jīng)歷了多個(gè)廣告新花樣。首先從閃屏切換到自動(dòng)輪播的彈窗模式,再演變到放大版的多個(gè)廣告切片(占 Banner 位呈現(xiàn)),最后再恢復(fù)到 Banner 的正常布局中。這個(gè)過(guò)程無(wú)疑是把廣告的存在感拉滿了,讓你對(duì)廣告的記憶形成硬性要求。
 
無(wú)論這個(gè)廣告設(shè)計(jì)方案是否讓用戶反感,但是這個(gè)呈現(xiàn)的互動(dòng)方式還是比較新穎的,相信廣告的點(diǎn)擊率必然有所提升。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
 
 
 
四、Banner 廣告的視覺(jué)沉浸感
Banner 圖在產(chǎn)品中是非常普及的,各類形式的演變也層出不窮,產(chǎn)品設(shè)計(jì)師都在探索更多可能性。
 
在騰訊視頻 App 動(dòng)漫欄目中,發(fā)現(xiàn)一例很有想法的 Banner 表現(xiàn)。Banner 上面新增了一個(gè)懸浮的火焰燃燒的動(dòng)效,提升了整體的氛圍感,動(dòng)效與 Banner 畫(huà)面完美貼合,視覺(jué)沉浸感十足。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
 
 
 
五、待機(jī)狀態(tài)下的實(shí)時(shí)動(dòng)態(tài)
隨時(shí)讓用戶感受到你的存在,才能讓人感到安心,服務(wù)過(guò)程中狀態(tài)實(shí)時(shí)可見(jiàn)至關(guān)重要。
 
通過(guò)餓了么點(diǎn)餐之后,就算處于待機(jī)狀態(tài)時(shí),只要點(diǎn)亮屏幕即可看到當(dāng)前出餐狀態(tài)??梢暬膱D形結(jié)合時(shí)間提醒,讓狀態(tài)一目了然,使得點(diǎn)餐到用餐之間的過(guò)程更有用戶可控性。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
 
 
 
六、小圖標(biāo)里的細(xì)節(jié)反思
產(chǎn)品中有很多輔助功能/信息等表達(dá)的圖標(biāo),既要能準(zhǔn)確表達(dá)主題,也要讓用戶易于理解。
 
在汽車之家 App 發(fā)現(xiàn)了一個(gè)值得反思的圖標(biāo)案例,在掃一掃的圖標(biāo)中結(jié)合了汽車外形輪廓,不僅不會(huì)影響掃描的功能表達(dá),也進(jìn)一步表達(dá)了該功能的差異。和別的產(chǎn)品掃描功能不同,這個(gè)是對(duì)準(zhǔn)汽車進(jìn)行掃描,體現(xiàn)出了業(yè)務(wù)的差異化。一枚小小的圖標(biāo)體現(xiàn)出了設(shè)計(jì)師的能力,用最簡(jiǎn)單的方式表現(xiàn)自身產(chǎn)品的差異,以此提升用戶的操作體驗(yàn)。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
 
 
 
七、輪播式的懸浮設(shè)計(jì)
懸浮設(shè)計(jì)非常普及,因?yàn)檎急刃『突瑒?dòng)頁(yè)面會(huì)隱藏,對(duì)用戶的干擾比較小。
 
最近在芒果 TV 首頁(yè)發(fā)現(xiàn)了懸浮窗口的輪播式表達(dá),芒果卡和活動(dòng)中心會(huì)自動(dòng)輪播顯示(也能手動(dòng)切換)。讓我們對(duì)懸浮窗口的設(shè)計(jì)又多了一種設(shè)計(jì)理解,可以呈現(xiàn)更多不同內(nèi)容的表達(dá),提升了窗口的利用率。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
 
 
 
八、氛圍熱烈的底部標(biāo)簽欄
底部標(biāo)簽欄的設(shè)計(jì)在圖標(biāo)創(chuàng)意層面發(fā)揮較多,各類風(fēng)格的圖標(biāo)讓該欄目更加豐富多彩,除此之外也有在背景層渲染氛圍的案例。
 
近期恰逢芒果 TV 十周年之際,在底部標(biāo)簽欄背景層也加強(qiáng)了氛圍感。豐富多彩的元素和配色,結(jié)合主題化的圖標(biāo)設(shè)計(jì),使得整體氛圍感拉滿。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
 
 
 
九、收縮式交互設(shè)計(jì)
通過(guò)交互方式應(yīng)對(duì)用戶操作過(guò)程,特別是在滑動(dòng)界面時(shí),交互方式的優(yōu)化可以降低干擾,提高當(dāng)前界面的利用率。
 
在 Blurrr App 創(chuàng)作界面,默認(rèn)以 3D 動(dòng)態(tài)圖標(biāo)展示“開(kāi)始創(chuàng)作”按鈕,當(dāng)滑動(dòng)界面時(shí)按鈕會(huì)收縮展示。通過(guò)收縮式的交互設(shè)計(jì),讓界面可以展示更多內(nèi)容,也不會(huì)影響用戶點(diǎn)擊按鈕進(jìn)行創(chuàng)作。即通過(guò) 3D 動(dòng)效加強(qiáng)了功能的曝光度,又通過(guò)收縮式交互提高了內(nèi)容的展示空間,可謂是一舉多得的設(shè)計(jì)解決方案。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
 
 
 
十、形象化的進(jìn)度設(shè)計(jì)
進(jìn)度設(shè)計(jì)是反饋狀態(tài)變化的關(guān)鍵,通過(guò)可視化的表達(dá)讓用戶一目了然,提高用戶對(duì)服務(wù)過(guò)程的把控。
 
當(dāng)用戶通過(guò)攜程旅行 App 訂票后,在行程訂單界面可以看到列車行駛狀態(tài)的進(jìn)度提示。通過(guò)可視化的列車形象的表達(dá)了行駛狀態(tài),讓用戶清晰的看到行駛方向和抵達(dá)站點(diǎn)示意。不僅信息傳遞高效,形象的表達(dá)也使得感官體驗(yàn)更佳。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
 
 
 
小結(jié)
優(yōu)秀的產(chǎn)品總能在細(xì)微之處帶給你驚喜,讓你感受到產(chǎn)品服務(wù)的情感化和溫度。本文觀點(diǎn)僅代表個(gè)人體會(huì),希望可以和大家一起共勉。
 
作者:黑馬青年
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。


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

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析

藍(lán)藍(lán)設(shè)計(jì)的小編 B端ui設(shè)計(jì)文章及欣賞

 
 
 
面向企業(yè)用戶、注重效率與管理、解決企業(yè)痛點(diǎn)、技術(shù)與服務(wù)并重、決策過(guò)程復(fù)雜
B端關(guān)注的是如何通過(guò)技術(shù)手段賦能企業(yè),提升其業(yè)務(wù)處理能力和管理效能,是企業(yè)間或企業(yè)內(nèi)部運(yùn)作不可或缺的工具和服務(wù)。
彈窗-聚焦任務(wù)處理與即時(shí)提醒的高效交互工具;作為一種常見(jiàn)的交互設(shè)計(jì)元素,在提升用戶體驗(yàn)和效率方面扮演著重要角色。
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計(jì):揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
 


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

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

 

每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化

藍(lán)藍(lán)設(shè)計(jì)的小編 設(shè)計(jì)思維

隨著同類型產(chǎn)品越來(lái)越多,更有體驗(yàn)感和個(gè)性化的設(shè)計(jì)才能打動(dòng)用戶,成為被選擇的對(duì)象。作為產(chǎn)品設(shè)計(jì)師我們?cè)诓粩嗵剿骱蛣?chuàng)新,希望以更好的設(shè)計(jì)表達(dá)來(lái)解決業(yè)務(wù)場(chǎng)景,為提升用戶體驗(yàn)而助力。
 
本期以個(gè)性化設(shè)計(jì)為出發(fā)點(diǎn),給大家?guī)?lái)十個(gè)不錯(cuò)的設(shè)計(jì)方案,希望可以帶給大家更多設(shè)計(jì)靈感。
每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化
 
 
 
 
體驗(yàn)?zāi)夸?/div>
一、讓你感受溫暖的年度報(bào)告
二、趣味性的圖標(biāo)設(shè)計(jì)
三、通過(guò) AI 重新定義搜索體驗(yàn)
四、動(dòng)態(tài)化功能引導(dǎo)產(chǎn)品升級(jí)
五、動(dòng)態(tài)優(yōu)惠券更有吸引力
六、人性化的溫馨提示設(shè)計(jì)
七、自定義形象的年度報(bào)告
八、個(gè)性化的主界面設(shè)置
九、情感化的表情設(shè)置
十、空間感的 Banner 輪播體驗(yàn)
 
 
 
一、讓你感受溫暖的年度報(bào)告
這段時(shí)間相信大家經(jīng)常使用的產(chǎn)品都曬出了年度報(bào)告,設(shè)計(jì)風(fēng)格與互動(dòng)形式也層出不窮,哪一個(gè)產(chǎn)品的設(shè)計(jì)風(fēng)格最打動(dòng)你呢?
 
在我刷到的年度報(bào)告中,攜程旅行的年度旅行報(bào)告印象最深刻。毛茸茸的設(shè)計(jì)風(fēng)格在寒冷的冬季顯得格外溫暖,圖標(biāo)、字體、背景、按鈕等都以此風(fēng)格進(jìn)行設(shè)計(jì),整體效果非常細(xì)膩柔軟,你也去體驗(yàn)感受一下吧!
每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化
 
 
 
 
二、趣味性的圖標(biāo)設(shè)計(jì)
圖標(biāo)在產(chǎn)品中主要以各種設(shè)計(jì)風(fēng)格形成差異,打造出匹配品牌風(fēng)格的個(gè)性設(shè)計(jì),除此以外,我們也要多在圖形創(chuàng)意表達(dá)層面進(jìn)行探索。
 
最近在使用極兔速遞小程序時(shí),除了圖標(biāo)設(shè)計(jì)的風(fēng)格獨(dú)特以外,多個(gè)場(chǎng)景的圖形創(chuàng)意也很有意思。比如下單寄件、掃碼寄件和個(gè)人中心的圖標(biāo)等,趣味性的設(shè)計(jì)表達(dá)讓人印象深刻,以個(gè)性化的圖形創(chuàng)意吸引用戶的注意力。
每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化
 
 
 
 
三、通過(guò) AI 重新定義搜索體驗(yàn)
AI 化已經(jīng)成為眾多行業(yè)未來(lái)需要對(duì)接的方向,任何行業(yè)都可以通過(guò) AI 進(jìn)行重新定義,帶給用戶 AI 化的體驗(yàn)。
 
以前在騰訊視頻 App 搜索時(shí)都是以關(guān)鍵詞為主,現(xiàn)在可以通過(guò) AI 搜與騰訊元寶 AI 助手交流,以對(duì)話式的方式找到感興趣的影片。通過(guò) AI 重新定義了搜索方式,讓用戶感受到屬于 AI 化的體驗(yàn)感。
每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化
 
 
 
 
四、動(dòng)態(tài)化功能引導(dǎo)產(chǎn)品升級(jí)
引導(dǎo)用戶升級(jí)產(chǎn)品才能帶來(lái)新的功能和服務(wù)升級(jí),如何吸引用戶進(jìn)行升級(jí)變得至關(guān)重要。
 
高德地圖為了引導(dǎo)用戶點(diǎn)擊升級(jí),以升級(jí)后帶來(lái)的更優(yōu)功能和服務(wù)為吸引點(diǎn),通過(guò)動(dòng)態(tài)輪播的形式表現(xiàn)升級(jí)彈窗。動(dòng)態(tài)化的功能引導(dǎo)可以讓用戶提前了解新版本的信息,提高用戶升級(jí)的選擇性。
每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化
 
 
 
 
五、動(dòng)態(tài)優(yōu)惠券更有吸引力
各種優(yōu)惠券、打折券、新人紅包等讓用戶開(kāi)始有點(diǎn)麻木,也不一定會(huì)領(lǐng)取和使用,如何增加其吸引力就變得越來(lái)越重要了。
 
近期高德地圖打車欄目的營(yíng)銷活動(dòng)中,為了展示更多類型的打車券、打車金等,通過(guò)動(dòng)態(tài)輪播的方式進(jìn)行設(shè)計(jì)表達(dá)。相較于靜態(tài)展示而言,不僅解決了內(nèi)容展示的數(shù)量問(wèn)題,動(dòng)態(tài)的方式也更有吸引力,增加用戶的參與概率。
每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化
 
 
 
 
六、人性化的溫馨提示設(shè)計(jì)
溫馨提示雖然不一定管用,但是依然可以讓用戶感受到人性化的服務(wù),增加用戶對(duì)產(chǎn)品的好感度。
 
在比較晚的時(shí)間段使用洪恩識(shí)字 App 時(shí),會(huì)出現(xiàn)溫馨提示的彈窗,勸導(dǎo)用戶注意休息時(shí)間。人性化的設(shè)計(jì)可以輔助家長(zhǎng)管理孩子的使用習(xí)慣,提醒注意時(shí)間管理和作息規(guī)律。
每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化
 
 
 
 
七、自定義形象的年度報(bào)告
年度報(bào)告的形式豐富多樣,都是以用戶個(gè)人數(shù)據(jù)生成,如何才能更加個(gè)性化,成為了設(shè)計(jì)表達(dá)的重點(diǎn)。
 
網(wǎng)易云音樂(lè)的年度聽(tīng)歌報(bào)告可以自定義形象,可以針對(duì)身體的上中下三個(gè)部分進(jìn)行定制,以個(gè)性化的形象開(kāi)啟專屬的聽(tīng)歌報(bào)告。整體表達(dá)很有設(shè)計(jì)感,圖形、排版與配色都很不錯(cuò),快去生成屬于你的聽(tīng)歌報(bào)告吧!
每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化
 
 
 
 
八、個(gè)性化的主界面設(shè)置
對(duì)于感官體驗(yàn)每個(gè)人的喜好各不相同,為了滿足各自的選擇需求,個(gè)性化的設(shè)置變得尤為重要。
 
體重小本 App 的主界面,可以通過(guò)主題皮膚設(shè)置背景、配色等,提供了煥彩粉和清爽藍(lán)的多款選擇,用戶也可以自定義圖片進(jìn)行設(shè)置。通過(guò)個(gè)性化的設(shè)置帶給用戶更多選擇性,滿足不同的感官體驗(yàn)需求。
每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化
 
 
 
 
九、情感化的表情設(shè)置
通過(guò)表情設(shè)計(jì)輔助可視化表達(dá),其中表情符號(hào)的運(yùn)用較為常見(jiàn),豐富多樣的表情選擇更能滿足用戶需求。
 
體重小本 App 體重?cái)?shù)據(jù)展示中,以不同表情來(lái)體現(xiàn)體重?cái)?shù)據(jù)的變化,情感化的表達(dá)讓變化的呈現(xiàn)更加貼切。產(chǎn)品提供了多款表情供用戶選擇,用戶也可以設(shè)置自定義表情,情感化的設(shè)置讓體驗(yàn)感變得更加豐富。
每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化
 
 
 
 
十、空間感的 Banner 輪播體驗(yàn)
輪播 Banner 圖在設(shè)計(jì)表達(dá)、布局結(jié)構(gòu)、輪播形式等層面都可以進(jìn)行創(chuàng)意發(fā)揮,有特點(diǎn)的形式更能吸引注意力,以此提高 Banner 的點(diǎn)擊率。
 
最近在體驗(yàn)芒果 TV 時(shí),發(fā)現(xiàn)首頁(yè) Banner 的表現(xiàn)形式以分層式表達(dá),輪播過(guò)程中更有空間感。將人物與背景進(jìn)行分層設(shè)計(jì),輪播時(shí)分前后入場(chǎng),伴隨著縮放等動(dòng)效表達(dá),營(yíng)造出更強(qiáng)的空間感。
每個(gè)設(shè)計(jì)都讓你感受到個(gè)性化
 
 
 
 
小結(jié)
設(shè)計(jì)思維的轉(zhuǎn)變離不開(kāi)大量?jī)?yōu)秀案例的輔助,對(duì)于產(chǎn)品設(shè)計(jì)師來(lái)說(shuō),體驗(yàn)和總結(jié)的訓(xùn)練至關(guān)重要。希望本期的分享可以帶給大家一些啟發(fā),觀點(diǎn)屬于個(gè)人見(jiàn)解,不足之處歡迎大家留言補(bǔ)充。
 
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。
 


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

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)

天宇 B端ui設(shè)計(jì)文章及欣賞

最近看汪曾祺的《嘆息橋》中的一句話,我必須分享給你。緣起我在人群中看見(jiàn)你,緣散我看見(jiàn)你在人群中。是的我想你在人群中看到我。這就是最初我分享這系列設(shè)計(jì)文章的初衷。
 
慢慢發(fā)現(xiàn)其實(shí)分享也是一件快樂(lè)的事情、而且在分享的過(guò)程中我自己也收獲了很多。而且對(duì)設(shè)計(jì)的理解也更深了。更快樂(lè)的是收獲了一群一起同行的小伙伴、這個(gè)還挺開(kāi)心。和他們一起在群里吹水、一起吐槽。一起討論問(wèn)題、那真的是快樂(lè)無(wú)邊。哈哈哈
 
上面扯多了。我們開(kāi)始今天的內(nèi)容。今天內(nèi)容分三部分、第一部分內(nèi)容總結(jié)是對(duì)我寫(xiě)的這個(gè)系列文章每一篇文章內(nèi)容和核心的小總結(jié)。第二部分這個(gè)系列的文章頁(yè)算是告一段落了、下一階段我會(huì)做些什么。第三部分分享一些我寫(xiě)文章的感受、然后煽煽情。
 
1、內(nèi)容總結(jié)
因?yàn)樵趯?xiě)這個(gè)系列的文章時(shí)我加入了很多擴(kuò)展知識(shí)。希望告訴你更多。這里我會(huì)把主要的這個(gè)系列的知識(shí)總結(jié)一下讓你盡量一次看完。
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
1.1、登陸頁(yè)面
 
最近就在做我們系統(tǒng)的登陸頁(yè)面優(yōu)化。回頭我會(huì)寫(xiě)一個(gè)項(xiàng)目總結(jié)給你們看。這里介紹一下B端登陸頁(yè)面該怎么去做。其實(shí)還挺簡(jiǎn)單了。因?yàn)楝F(xiàn)在主流的布局就那幾個(gè)。
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
登陸頁(yè)面:布局分為三種;居左、居右、居中
頁(yè)面元素:導(dǎo)航、登錄框、背景(裝飾元素)、互聯(lián)網(wǎng)信息。
導(dǎo)航高度:68px或48px、文字大小:14(大部分)16(也可以)
登錄框大?。捍笮〕叽绮唤y(tǒng)一、沒(méi)有固定的尺寸??梢愿鶕?jù)自己和領(lǐng)導(dǎo)的喜好決定。對(duì)還有要承載的內(nèi)容多少。
登錄方式:掃碼、手機(jī)號(hào)、賬號(hào)、第三方
標(biāo)題切換字號(hào):我喜歡用26px(也要其他的16、/18、/20)
輸入框高度:48px
按鈕文字和高度:16px、和輸入框高度一直就行。
背景可以是配的插畫(huà)(這種最簡(jiǎn)單)、一般都是科技風(fēng)
底部要不就是單純的互聯(lián)網(wǎng)信息。要不就是快捷入口、聯(lián)系方式什么。這個(gè)就不多說(shuō)了正常排版就行。
 
1.2、篩選
 
篩選相對(duì)是很簡(jiǎn)單的部分把、因?yàn)槟阒苯佑靡?guī)范里的組件。雖然不會(huì)很優(yōu)秀、但是剛重要的是不會(huì)出什么錯(cuò)誤。主要是就大廠規(guī)范能夠快速的幫你解決問(wèn)題。
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
篩選的意義:定位數(shù)據(jù)、縮短查詢路徑、數(shù)據(jù)內(nèi)容分類
 
篩選類型:基礎(chǔ)篩選組件(就是我們常見(jiàn)的頁(yè)面頂部的篩選)、高級(jí)篩選(就是那些需要你定義想一想的篩選部分)
 
篩選布局:頂部和左側(cè)
 
篩選樣式:平鋪;折疊;Tab篩選;單側(cè)選擇;表頭;綜合
 
1.3、柵格
 
這里其實(shí)還簡(jiǎn)單的、首先你要明白柵格在我們的設(shè)計(jì)里面很重要。你不用當(dāng)然也可以呀。但是你想要做的更好那就用起來(lái)你會(huì)有意外的收獲。
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
怎么用:直接看ant design、TDesign、阿科desing的規(guī)范就行、寫(xiě)的很清楚。
 
注意點(diǎn):不要硬套、我們要根據(jù)自己的系統(tǒng)去自己定制。比如我們系統(tǒng)、用的是ant design的框架、但是我們的網(wǎng)格系統(tǒng)是自己定制的。因而我們的邊距不是24px、我們是20px
 
1.4、顏色
 
這部分相對(duì)來(lái)說(shuō)是我自己的弱項(xiàng)、在寫(xiě)當(dāng)時(shí)的文章的時(shí)候也是收獲頗多的。明白了大廠規(guī)范是怎么確定自己色彩設(shè)計(jì)規(guī)范的。也清楚了自己應(yīng)該怎么去規(guī)定自己的設(shè)計(jì)規(guī)范。
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
主色確定:常見(jiàn)的方法、1、用自己品牌logo的顏色;2、用行業(yè)色
 
配色確定:我一般是找競(jìng)品、或者優(yōu)秀的配色方案、來(lái)確定自己的。多參考大廠的配色方案。雖然不全是好的。但是好的還是站大多數(shù)的。
 
大廠色彩:這里我分享了大廠的色彩是怎么去確定的、如何去確定??梢匀タ纯?。我在自己的工作中色彩的應(yīng)用就參考了ant Design的色彩應(yīng)用方式定制的。
 
1.5、字體
 
字體部分我覺(jué)得最有意思是的是分享了、我們宋體、楷體、隸屬、甲骨的發(fā)展歷史和由來(lái)。還有就是如何去設(shè)計(jì)一款自己的字體。還有后臺(tái)字體規(guī)范的制定
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
中國(guó)文字:這里中國(guó)文字的發(fā)展歷史、所有字體的產(chǎn)生都是有自己發(fā)展的歷史原因的。很有意思。建議你看看、可以當(dāng)做你喝酒吹水的談資。
 
字體規(guī)范:我們大部分的字體會(huì)采用黑體、可讀性強(qiáng)、親和、現(xiàn)代、清晰。
 
字號(hào):最新的字體12px、正文、14px、通過(guò)+2, +4,+8,+12,+16 的步數(shù)增長(zhǎng)規(guī)律
 
行高:通過(guò)邏輯得到這樣一個(gè)公式:「 行高 = 字號(hào) + n 」,8 作為變量正好同時(shí)滿足與 1.5 倍的「 14px & 16px 」常用字號(hào)行高保持一致,總體文字間隙穩(wěn)定呼吸,行高空間較一致得出計(jì)算公式:「line-height = font size+8」
 
字重(就是字粗):建議使用兩種常規(guī)和加粗(在前端里一般就是400和500)
 
顏色:我是主張帶有色彩傾向的顏色應(yīng)用的。根據(jù)字體樣式的設(shè)計(jì)原則,制定了簡(jiǎn)易好記的透明度數(shù)值區(qū)間并且將該字色與界面系統(tǒng)的色彩系統(tǒng)結(jié)合,文字顯示色彩對(duì)比滿足至少1:4.5( AA級(jí)別)。且驗(yàn)證了其中的實(shí)用性,共分為亮暗兩種模式,4 個(gè)色階。
 
1.6、ICON(圖標(biāo))
 
你要統(tǒng)一風(fēng)格成套的去找參考和應(yīng)用。在我們的系統(tǒng)里我是自己畫(huà)icon的然后傳到阿里巴巴矢量圖庫(kù)讓開(kāi)發(fā)直接引用。這個(gè)是自己累點(diǎn)、但是可以保障實(shí)現(xiàn)效果。
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
設(shè)計(jì)原則:準(zhǔn)確、簡(jiǎn)單、節(jié)奏、愉悅。
 
設(shè)計(jì)實(shí)戰(zhàn):采用柵格
我是用的阿里巴巴矢量圖庫(kù)的設(shè)計(jì)規(guī)范、因?yàn)槲乙獋鞯竭@個(gè)平臺(tái)應(yīng)用
 
ICON分類:交互性圖標(biāo)、裝飾性圖標(biāo)、說(shuō)明性圖標(biāo)
 
1.7、按鈕
 
按鈕我覺(jué)得這部分是相對(duì)簡(jiǎn)單的、也是要做到風(fēng)格的統(tǒng)一。直接用大廠組件然后根據(jù)自己平臺(tái)的風(fēng)格、不如圓角的大小其他的倒是沒(méi)什么了。
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
常規(guī)按鈕:次要按鈕、主要按鈕、文字按鈕、圖標(biāo)按鈕
 
按鈕狀態(tài):可用、禁用、加載、懸浮
 
尺寸:把按鈕分成:迷你、小、中、大,四種尺寸。高度分別為:24px/28px/32px/36px。推薦及默認(rèn)為尺寸「中」。
 
樣式:各個(gè)規(guī)范對(duì)按鈕形狀的規(guī)范基本都一樣。提供長(zhǎng)方形、正方形、圓角長(zhǎng)方形、圓形四種形狀。
 
 
布局:這里分享了兩個(gè)概念、古登堡法則、費(fèi)茨定律、告訴你我們?yōu)槭裁催@么排版。對(duì)產(chǎn)品和甲方很有用、哈哈、這是我的秘訣。
 
1.8、彈窗
 
后臺(tái)彈窗是一個(gè)很復(fù)雜的內(nèi)容、但是也是一個(gè)相對(duì)很好處理的部分。只要你做好規(guī)范這部分、簡(jiǎn)直就是一點(diǎn)開(kāi)胃小菜。
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
彈窗是一個(gè)我頭痛的問(wèn)題因?yàn)椴惶靡?guī)范。但是我還是把這個(gè)彈窗系統(tǒng)、在我們的體系中形成了一個(gè)小的規(guī)范。感謝領(lǐng)導(dǎo)、感謝前段端的龍哥。
 
我們把前段粗略的分為400px、600、800、1000、最大、廣告。業(yè)務(wù)里我們會(huì)采用4、/6、/8、/1、最大、推廣和通知我們就統(tǒng)一的尺寸。
 
1.9、表單
 
什么是表單:我理解表單就是系統(tǒng)為和用戶進(jìn)行交互、所要收集用戶信息的或獲得用戶反饋的一種方式的載體。在后臺(tái)產(chǎn)品中對(duì)我們數(shù)據(jù)做的增、刪、改、查、驗(yàn)都可以通過(guò)表單完成。
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
我們?cè)诤笈_(tái)系統(tǒng)中、大部分的場(chǎng)景都會(huì)使用上表單。信息采集呀、編輯數(shù)據(jù)呀等。在表單設(shè)計(jì)時(shí)要遵循的原則、簡(jiǎn)潔明了、清晰高效、適應(yīng)業(yè)務(wù)、即時(shí)反饋。
 
表單的構(gòu)成結(jié)構(gòu)、基本都是由、標(biāo)簽、域、提示、操作按鈕這四個(gè)部分構(gòu)成的。
 
表單布局在表單中我們采用多種布局方式。信息分組、內(nèi)容列表、標(biāo)簽頁(yè)、分步驟。
 
1.10、表格
 
B端設(shè)計(jì)中,對(duì)數(shù)據(jù)瀏覽、操作、過(guò)濾、展示是最高效的。這你就不用質(zhì)疑了。因?yàn)榻Y(jié)構(gòu)簡(jiǎn)單、精準(zhǔn)高效、數(shù)據(jù)形式豐富。
 
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
表格是用來(lái)收集、整理、組織、分析數(shù)據(jù)的二維矩陣。它由內(nèi)、外兩部分組成。其中,內(nèi)部包含表頭、表體、底欄等。外部包含標(biāo)題、篩選區(qū)、操作按鈕區(qū)等。
 
表格的類型:基礎(chǔ)表格、樹(shù)形、子表格、交叉表格、圖表表格、卡片表格
 
表格的樣式:網(wǎng)格型、水平線型、斑馬紋、自由形式
 
進(jìn)階的一些知識(shí)就是表格數(shù)據(jù)的優(yōu)化和表格的交互知識(shí)了。想了解去看更詳細(xì)的我的文章11表格設(shè)計(jì)和12表格優(yōu)化項(xiàng)目實(shí)戰(zhàn)。
 
1.11、大廠規(guī)范
 
如果你是一個(gè)小廠B端設(shè)計(jì)師、剛好沒(méi)有自己平臺(tái)的設(shè)計(jì)規(guī)范。那就去直接用的場(chǎng)的設(shè)計(jì)規(guī)范。去用沒(méi)問(wèn)題的。大廠那么多的牛逼設(shè)計(jì)給你做好了你不用。都塞到嘴巴上、不吃就不給面了。
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
在使用大廠的設(shè)計(jì)規(guī)范時(shí)然后慢慢的積累自己平臺(tái)的設(shè)計(jì)規(guī)范。逐漸的你就會(huì)形成一個(gè)屬于你們自己平臺(tái)業(yè)務(wù)的高質(zhì)量設(shè)計(jì)規(guī)范了。
 
2、計(jì)劃
 
這個(gè)基礎(chǔ)系列的文章就這樣寫(xiě)結(jié)束掉吧、希望可以對(duì)你的B端設(shè)計(jì)有所幫助。之后我會(huì)寫(xiě)二個(gè)系列的文章、去分享我理解的B端設(shè)計(jì)。
 
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
第一個(gè)系列是B端基礎(chǔ)設(shè)計(jì)的加強(qiáng)版、B端高手。B端高手是會(huì)寫(xiě)我的實(shí)戰(zhàn)里是怎么去做的。其實(shí)就是我的設(shè)計(jì)項(xiàng)目復(fù)盤(pán)。
 
第二個(gè)系列就隨便的去分享一些設(shè)計(jì)知識(shí)。比如哪些什么什么原理呀、什么什么法則呀、在設(shè)計(jì)里的應(yīng)用。而且會(huì)提出和討論一些設(shè)計(jì)問(wèn)題。
 
3、寫(xiě)在最后
 
分別是為了更好的相見(jiàn)、我一直希望我的文章可以幫到你。慢慢來(lái)路還很長(zhǎng)、總是要一步一步的來(lái)。很快我們會(huì)再次相見(jiàn)。我是KING(國(guó)王)
 
B端基礎(chǔ) | 52000余字總結(jié) B 端基礎(chǔ)設(shè)計(jì)知識(shí)
 
 
新的開(kāi)始見(jiàn).......
 
注解:標(biāo)題的40000余字也好、50000字也好都是說(shuō)的我這個(gè)系列總計(jì)的字?jǐn)?shù)、因?yàn)橄胱屇銈兛吹健?/div>

作者:彪形大漢pro
鏈接:https://www.zcool.com.cn/article/ZMTYyMTEyNA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)

天宇 移動(dòng)端UI設(shè)計(jì)文章及欣賞

俗話說(shuō):“細(xì)節(jié)決定成敗”,細(xì)節(jié)的把控至關(guān)重要,這也是設(shè)計(jì)師能力的代表。隨著項(xiàng)目經(jīng)驗(yàn)的積累和專業(yè)能力的成熟,我們對(duì)于設(shè)計(jì)原則、設(shè)計(jì)細(xì)節(jié)和設(shè)計(jì)經(jīng)驗(yàn)的沉淀也會(huì)越來(lái)越多,設(shè)計(jì)輸出也會(huì)因?yàn)檫@些細(xì)節(jié)而顯得更優(yōu)秀。
 
黑馬哥結(jié)合職場(chǎng)經(jīng)驗(yàn)和教學(xué)經(jīng)驗(yàn),總結(jié)了 120+ 設(shè)計(jì)原則、設(shè)計(jì)細(xì)節(jié)和設(shè)計(jì)經(jīng)驗(yàn)的案例分析。案例內(nèi)容涉及布局、圖標(biāo)、按鈕、文本、配色、配圖、規(guī)范、交互和設(shè)計(jì)經(jīng)驗(yàn)等,目的是為了讓我們的設(shè)計(jì)更規(guī)范、更專業(yè)、有細(xì)節(jié)、有亮點(diǎn)、有思維。
 
今天先挑選其中的 10 個(gè)案例和大家一起交流一下。
UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)
 
 
 
 
分享目錄
 
1. 圓角圖片對(duì)齊時(shí)不要完全左對(duì)齊
2. 同屬性版塊統(tǒng)一圖標(biāo)設(shè)計(jì)規(guī)范
3. 數(shù)據(jù)表達(dá)特殊化
4. 預(yù)估好信息呈現(xiàn)的最大值
5. 慎用高飽和度的顏色
6. 通過(guò)蒙版降低信息干擾度
7. 利用背景色突出小圖標(biāo)的空間占比
8. 漸變最好選擇近似色
9. 保持按鈕可讀性
10. 淺色背景不適合添加投影
 
 
 
1. 圓角圖片對(duì)齊時(shí)不要完全左對(duì)齊
 
設(shè)計(jì)中遇到圖片帶有圓角時(shí),文字排版不適合完全基于圖片左對(duì)齊,視覺(jué)上會(huì)顯得文字太靠左,失去視覺(jué)平衡度。適當(dāng)預(yù)留間距視覺(jué)上更平衡,版面結(jié)構(gòu)也會(huì)更穩(wěn)重。
UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)
 
 
 
 
2. 同屬性版塊統(tǒng)一圖標(biāo)設(shè)計(jì)規(guī)范
 
同屬性版塊需要統(tǒng)一圖標(biāo)設(shè)計(jì)規(guī)范,不要出現(xiàn)風(fēng)格混搭,遵循圖標(biāo)設(shè)計(jì)的十大統(tǒng)一性:風(fēng)格、大小、粗細(xì)、圓角、比例、透視、角度、疏密、間距、正負(fù)形。
UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)
 
 
 
 
3. 數(shù)據(jù)表達(dá)特殊化
 
在可視化的場(chǎng)景中,針對(duì)一些特殊數(shù)據(jù)展示的時(shí)候,可以選擇特殊字體增加設(shè)計(jì)感。再通過(guò)字體大小對(duì)比、字重對(duì)比、顏色深淺對(duì)比等來(lái)突出數(shù)據(jù)。
UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)
 
 
 
 
4. 預(yù)估好信息呈現(xiàn)的最大值
 
在進(jìn)行 UI 設(shè)計(jì)時(shí),需要預(yù)估好當(dāng)前位置所能承載的最大值,不能只在理想化的狀態(tài)內(nèi)設(shè)計(jì)。雖然簡(jiǎn)化的內(nèi)容看起來(lái)更美觀,但是最大值下的設(shè)計(jì)思考才能避免上線后的誤差。
UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)
 
 
 
 
5. 慎用高飽和度的顏色
 
界面設(shè)計(jì)配色需要考慮用戶長(zhǎng)時(shí)間的預(yù)覽體驗(yàn),高飽和度的配色不適合長(zhǎng)時(shí)間觀看,容易造成視覺(jué)疲勞。適當(dāng)降低飽和度使得配色更加舒適,有利于提升用戶預(yù)覽體驗(yàn)度。
UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)
 
 
 
 
6. 通過(guò)蒙版降低信息干擾度
 
在圖片上面展示文案時(shí),需要考慮圖片對(duì)于文案信息的干擾度。為了防止復(fù)雜場(chǎng)景的圖片干擾信息傳遞,需要在信息區(qū)域添加漸變蒙版,以此來(lái)降低對(duì)于信息的干擾度。
UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)
 
 
 
 
7. 利用背景色突出小圖標(biāo)的空間占比
 
需要突出圖標(biāo)的空間占比時(shí),放大圖標(biāo)會(huì)顯得視覺(jué)焦點(diǎn)太強(qiáng),也容易暴露圖標(biāo)繪制的缺點(diǎn)而顯得粗糙。添加統(tǒng)一的造型和背景色,可以突出小圖標(biāo)的空間占比,提升感官體驗(yàn)。
UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)
 
 
 
 
8. 漸變最好選擇近似色
 
在主界面或者一些特殊場(chǎng)景中,需要對(duì)按鈕添加漸變色時(shí),最好選擇近似色等鄰近范圍的配色,會(huì)使得視覺(jué)效果更加和諧、舒適。
UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)
 
 
 
 
9. 保持按鈕可讀性
 
按鈕設(shè)計(jì)需要考慮在不同環(huán)境下的適應(yīng)度,確保用戶可以一目了然的發(fā)現(xiàn)它。在白色背景、淺色背景、深色背景中都要形成配色對(duì)比,始終保持按鈕與背景的高對(duì)比度和可讀性。
UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)
 
 
 
 
10. 淺色背景不適合添加投影
 
淺色背景的卡片、按鈕、標(biāo)簽、圖片或者其他元素等,在白色背景中都不適合添加投影。投影使得視覺(jué)效果對(duì)比模糊,畫(huà)面表現(xiàn)不夠干凈、通透,去掉投影反而更加清晰自然。
UI 設(shè)計(jì)的 10 個(gè)細(xì)節(jié)
 
 
 
 
小結(jié)
 
以上案例屬于 120+ 案例中隨機(jī)挑選的 10 個(gè)作為示意,該系列案例也會(huì)持續(xù)更新。希望大家可以從這些案例中獲得一些設(shè)計(jì)經(jīng)驗(yàn),助力設(shè)計(jì)輸出,能夠做出更好的設(shè)計(jì)作品。經(jīng)驗(yàn)屬于個(gè)人職場(chǎng)和教學(xué)中的沉淀,如有不足歡迎留言補(bǔ)充。


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

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?

天宇 交互設(shè)計(jì)及用戶體驗(yàn)

本文從產(chǎn)品角度出發(fā),深入探討了如何發(fā)起交互設(shè)計(jì)。通過(guò)明確產(chǎn)品目標(biāo)與用戶需求、進(jìn)行用戶研究、構(gòu)建信息架構(gòu)、設(shè)計(jì)流程與界面、進(jìn)行原型測(cè)試以及持續(xù)優(yōu)化等關(guān)鍵步驟,闡述了如何打造出滿足用戶期望、提升用戶體驗(yàn)并實(shí)現(xiàn)產(chǎn)品目標(biāo)的交互設(shè)計(jì)。
 
一、引言
 
在當(dāng)今數(shù)字化的時(shí)代,產(chǎn)品的成功不僅僅取決于其功能的強(qiáng)大,更在于能否為用戶提供流暢、愉悅且富有價(jià)值的交互體驗(yàn)。從產(chǎn)品角度發(fā)起交互設(shè)計(jì),意味著將用戶置于核心,以實(shí)現(xiàn)產(chǎn)品的商業(yè)目標(biāo)和用戶需求的完美融合。
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
 
 
二、明確產(chǎn)品目標(biāo)與用戶需求
 
(一)定義產(chǎn)品目標(biāo)
產(chǎn)品目標(biāo)是交互設(shè)計(jì)的起點(diǎn),它決定了設(shè)計(jì)的方向和重點(diǎn)。產(chǎn)品經(jīng)理需要與團(tuán)隊(duì)共同明確產(chǎn)品的定位、市場(chǎng)需求以及預(yù)期的商業(yè)成果。例如,是旨在提高用戶活躍度,還是增加用戶轉(zhuǎn)化率,或者是提升品牌形象。
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
 
 
 
(二)挖掘用戶需求
通過(guò)市場(chǎng)調(diào)研、用戶反饋、競(jìng)品分析等手段,深入了解目標(biāo)用戶的行為習(xí)慣、痛點(diǎn)和期望。這不僅包括對(duì)用戶顯性需求的捕捉,還包括對(duì)潛在需求的挖掘。
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
 
 
 
三、進(jìn)行用戶研究
 
(一)用戶畫(huà)像創(chuàng)建
基于收集到的數(shù)據(jù),構(gòu)建詳細(xì)的用戶畫(huà)像,包括用戶的年齡、性別、職業(yè)、教育背景、使用場(chǎng)景等特征,以便更精準(zhǔn)地理解用戶的行為和需求。
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
 
 
 
(二)用戶場(chǎng)景分析
模擬用戶在不同場(chǎng)景下與產(chǎn)品的交互過(guò)程,發(fā)現(xiàn)可能存在的問(wèn)題和優(yōu)化點(diǎn)。
舉例說(shuō)明:
我們要知道,地鐵周邊美食,這是一個(gè)解決方案。真正的需求是什么?一個(gè)字一個(gè)字地找需求,地鐵=快速方便出行,美食=和朋友一起吃飯/自己一人吃飯。這是一個(gè)和線下場(chǎng)景很相關(guān)的項(xiàng)目,我們要把不同目的核心用戶的主要使用場(chǎng)景寫(xiě)出來(lái)。經(jīng)過(guò)分析,我們得出了用戶會(huì)選擇我們產(chǎn)品,且產(chǎn)品未來(lái)可能存在的各種場(chǎng)景A、B、C、D、E。如下圖所示:
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
 
 
如果按照目標(biāo)人群所在場(chǎng)景分類,進(jìn)行細(xì)分,則為下圖:
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
 
 
乘地鐵去地鐵站和附近地鐵站區(qū)別:前為用戶會(huì)乘坐地鐵去目的地尋找美食;后為用戶不用地鐵/吃完后使用地鐵,地鐵邊美食沒(méi)有其他美食團(tuán)購(gòu)產(chǎn)品有競(jìng)爭(zhēng)力。
上班族和普通大眾區(qū)別:上班族工作日使用固定地鐵站上下班,時(shí)間可能緊急,快速獲取食物;普通找美食吃的大眾不使用固定地鐵站,目的是通過(guò)地鐵快速到達(dá)某目的地,就近享受目的地美食。
朋友們和個(gè)人區(qū)別:朋友們一起吃飯,容易出現(xiàn)喝多、吃過(guò)點(diǎn)等異常行為,并且在選擇地鐵旁吃飯地點(diǎn)時(shí)需要考慮朋友們家的位置就近選目的地。個(gè)人均不需要考慮以上,較為自由。
 
市場(chǎng)定位
經(jīng)過(guò)領(lǐng)域場(chǎng)景的分析,我們知道了真場(chǎng)景都是用戶有目的乘坐地鐵去到某地鐵站出站口尋找美食的。那么我們對(duì)這么一群大眾進(jìn)行用戶人口統(tǒng)計(jì)學(xué)類的細(xì)分:
如何從產(chǎn)品角度發(fā)起交互設(shè)計(jì)?
 
 
  • 上圖為前期定位的目標(biāo)大眾用戶群,依靠地鐵的工具屬性,我們得出了具體的兩個(gè)影響因素:時(shí)間+美食熱愛(ài)程度。同時(shí)我們把直接競(jìng)品和間接競(jìng)品一同進(jìn)行用戶群比較??梢钥吹胶痛竺缊F(tuán)有相同和不同維度,這就是產(chǎn)品最初冷啟動(dòng)時(shí)期的差異化!也就是我們的前、中期場(chǎng)景的主要目標(biāo)用戶類型。
  • 紅色部分即種子用戶群,以這些群體為冷啟動(dòng)階段,可以更快的向四周擴(kuò)張。因?yàn)樗麄冇惺褂玫罔F的時(shí)間屬性,同時(shí)有較高的美食熱愛(ài)程度,有利于帶動(dòng)其他時(shí)間+熱愛(ài)程度的用戶加入產(chǎn)品,實(shí)現(xiàn)快速并有質(zhì)量的拉新、活躍的目標(biāo)。
  • 低端直接競(jìng)品即用戶群工具屬性明顯,只是搜地鐵站,選擇美食的用戶,無(wú)明顯其他行為;高端競(jìng)品即注重社交、ugc為起點(diǎn),逼格高的搜尋美食工具。這部分開(kāi)始很難,工作量巨大,且較脫離大眾主流群體。
 
結(jié)合上圖和要做的場(chǎng)景,我們得出了產(chǎn)品具體目標(biāo)用戶:乘坐地鐵快速到達(dá)并尋找目的地美食的大眾用戶(上班族休息日,大學(xué)生,個(gè)人或一起),要求在地鐵站附近便能方便享受目的地美食。且對(duì)美食有一定熱愛(ài)程度。
 
(三)用戶測(cè)試
邀請(qǐng)真實(shí)用戶進(jìn)行產(chǎn)品試用,觀察他們的操作行為,收集反饋意見(jiàn),為后續(xù)的設(shè)計(jì)提供依據(jù)。
1、需求接受
需求很有可能是在線上接到的,并不是面對(duì)面交流傳遞的,并且還會(huì)遇到很多坑,例如需求本身不具體,或者自己理解有偏差,因此在接到需求后,最好和交互、產(chǎn)品等同事進(jìn)行面對(duì)面的交流和溝通。
詳細(xì)了解測(cè)試目的和關(guān)鍵點(diǎn),確定用戶配比。
最好是讓交互帶著跑一下整個(gè)程序(半成品demo也好,交互稿也行),這樣能在頭腦中快速形成操作流程的認(rèn)知,并把相應(yīng)關(guān)鍵點(diǎn)對(duì)應(yīng)上去。同時(shí)把大致的用戶配比情況敲定一下,后續(xù)就可以直接招募用戶了。
了解demo的完成進(jìn)度,相應(yīng)確定具體測(cè)試時(shí)間。
交互、視覺(jué)等完成demo的時(shí)間具有太多不確定因素,因此我們需要及時(shí)了解整個(gè)demo的完成進(jìn)度,在盡可能快的情況下保險(xiǎn)安排測(cè)試時(shí)間,如果邀請(qǐng)的是外部用戶,結(jié)果用戶到了而demo還沒(méi)出來(lái),那也是夠了。
2、方案撰寫(xiě)和確定
讓交互稿幫助自己。在完成測(cè)試方案撰寫(xiě)的過(guò)程中demo還未誕生,具體程序細(xì)節(jié)記憶又很模糊,不好寫(xiě)測(cè)試方案,怎么辦?不要慌,去看交互稿吧。
及時(shí)溝通。在方案撰寫(xiě)過(guò)程中,如果有一些疑問(wèn),例如在看交互稿的時(shí)候還不是很理解某個(gè)具體操作過(guò)程,或者自己對(duì)產(chǎn)品有疑問(wèn)的也可以跟交互等溝通,因?yàn)樽约簳?huì)遇到的問(wèn)題,很有可能在測(cè)試用用戶也會(huì)遇到,這樣子用戶如果問(wèn)到了,就可以相應(yīng)作出解釋。
核實(shí)確定方案。完成方案后,可以在公司溝通交流工具上和交互及產(chǎn)品等同事再確認(rèn)一下,是否有什么地方遺漏或有不妥之處。
3、用戶招募
這是一個(gè)大多數(shù)人都頭疼的一個(gè)過(guò)程,希望看完了以下幾點(diǎn),可以稍微緩解一下大家的癥狀。再次確定測(cè)試時(shí)間。
方案定下來(lái)后,再跟交互確認(rèn)測(cè)試時(shí)間,了解是否有變動(dòng)和調(diào)整,盡量避免用戶來(lái)了demo或者測(cè)試環(huán)境還不ok的情況。
 
撰寫(xiě)招募文案。需要把用戶要求、測(cè)試日期和地點(diǎn)、報(bào)酬、大致的測(cè)試時(shí)長(zhǎng)、用戶需要在測(cè)試中做什么,以及報(bào)名方式等表達(dá)清楚。有以下幾點(diǎn)可以注意一下,方便我們自己招募:
  • 詳細(xì)列出測(cè)試安排的時(shí)間段。例如10:30-11:15、13:30-14:15,讓用戶自己挑選合適的時(shí)間段,這樣就不用事后再協(xié)調(diào)不同用戶測(cè)試時(shí)間了;
  • 優(yōu)先人力、信息管理、行政等崗位同事。盡量避免相關(guān)產(chǎn)品人員、設(shè)計(jì)崗等同事。
  • 制作簡(jiǎn)單的招募海報(bào),并檢查??梢允孪葘?ldquo;海報(bào)”用word或者ppt做好,然后保存成圖片格式,記得檢查核實(shí)一下是否有錯(cuò)。因?yàn)樵诠綢M群上直接黏貼確實(shí)方便,但是其排版往往不利于閱讀,導(dǎo)致用戶會(huì)遺漏重要信息。而制作成圖片格式,可以更好地去避免這個(gè)問(wèn)題,同時(shí)還可以顯得整個(gè)招募過(guò)程比較正式,突出了對(duì)用戶的尊重,也能在一定程度上體現(xiàn)我們用研工作的規(guī)范性。
 
多渠道投放招募海報(bào)。內(nèi)部用戶可以嘗試先在公司IM群組上招募,之前招募樣本量比較小,因此很快可以招到,其他途徑暫時(shí)未嘗試,公司論壇應(yīng)該也可以,不過(guò)隱約感覺(jué)效率會(huì)比較低。外部用戶可以在朋友圈試試,效果還不錯(cuò),大家都很熱情幫忙轉(zhuǎn)發(fā),群眾的力量大無(wú)窮。也可以相應(yīng)去搜索一些QQ群,加入并發(fā)布招募信息。另外還有一些社交論壇什么的,都可以嘗試一下。方法很多,針對(duì)具體招募情況,大家就盡情發(fā)揮吧~
 
用戶多了留到下次用。海報(bào)發(fā)出去后,有時(shí)也會(huì)出乎意料用戶數(shù)量超過(guò)預(yù)期了,這是好事,不要擔(dān)心,也不要急著拒絕,平和的跟對(duì)方說(shuō)明情況,強(qiáng)調(diào)下次還會(huì)有測(cè)試,把用戶相應(yīng)信息了解一下做個(gè)記錄,下次招募的時(shí)候可以直接先聯(lián)系這幾名用戶。當(dāng)然前提是你真的有下次測(cè)試需求,如果沒(méi)有那還是老老實(shí)實(shí)說(shuō)明情況。
 
確保自己和用戶能彼此聯(lián)系上。跟用戶強(qiáng)調(diào)測(cè)試時(shí)間和地點(diǎn),尤其是外部用戶,如果招募和正式測(cè)試隔了幾天,最好在測(cè)試前一天再通知一下。給出自己的聯(lián)系電話,同時(shí)詢問(wèn)用戶的聯(lián)系電話。
 
第一個(gè)用戶盡量安排公司內(nèi)部同事。很多時(shí)候demo的完成情況會(huì)出現(xiàn)意外,到了測(cè)試時(shí)間demo還不能用,內(nèi)部用戶可以方便取消或者更換。另外,在第一次測(cè)試前誰(shuí)都不確定用戶會(huì)有什么反應(yīng),第一個(gè)測(cè)試是可以起到試水效果,而外部用戶成本高,用來(lái)試水太奢侈。
4、測(cè)試準(zhǔn)備
 
材料準(zhǔn)備。需要準(zhǔn)備的內(nèi)容有:量表、報(bào)酬簽收表、記錄筆記本、錄音筆、會(huì)議室借用,以及記錄表格,如果是外部用戶過(guò)來(lái),相應(yīng)準(zhǔn)備一杯水,人家大老遠(yuǎn)過(guò)來(lái)也不容易。
 
測(cè)試內(nèi)容準(zhǔn)備。其實(shí)每次訪談?dòng)脩糇约憾紩?huì)挺緊張的,不知道用戶是不是也很緊張(PS:好想當(dāng)一回用戶,體驗(yàn)一下被訪的感覺(jué))。為了消除這種緊張,同時(shí)也是為了更好的完成訪談,可以有嘗試以下幾點(diǎn):
  • 盡可能多的去了解所需測(cè)試的產(chǎn)品。有時(shí)候demo出來(lái)的晚,下午要測(cè)試,demo中午才出來(lái),自己都沒(méi)玩過(guò),測(cè)試還怎么搞?之前也說(shuō)了,那就使勁去看交互稿吧,雖然比不上實(shí)際操作來(lái)的真實(shí),但是也能有不小幫助,但也要給自己留足熟悉demo的時(shí)間。
  • 按照模塊來(lái)列提綱。其實(shí)相當(dāng)于組塊策略,把同一個(gè)模塊的問(wèn)題放到一起更方便記憶,并且也在訪談中也方便自己和其他同事發(fā)現(xiàn)遺漏點(diǎn)。但模塊不要太大,如果太大了就相應(yīng)拆分一下。例如,在考拉新版測(cè)試的時(shí)候,有“首頁(yè)”、“活動(dòng)”、“購(gòu)物車”等測(cè)試,但是光是首頁(yè)內(nèi)容也很多,作為一個(gè)模塊還是太大了,可以拆分成“首頁(yè)整體感知”、“商品詳情”等幾個(gè)方面來(lái)整理提綱。
  • 根據(jù)任務(wù)演練提綱。有了提綱后,按照任務(wù)大致過(guò)一下所有列出來(lái)的問(wèn)題,這個(gè)過(guò)程會(huì)打亂按照模塊列好的提綱,有一次這樣的排練,在測(cè)試的時(shí)候更不容易漏掉題目,而且也相當(dāng)于模擬了一下測(cè)試,自己心里會(huì)更踏實(shí)一點(diǎn),在實(shí)際測(cè)試過(guò)程中也能有更好的應(yīng)對(duì)。
 
相關(guān)人員通知。通知交互和產(chǎn)品的同事具體測(cè)試時(shí)間和地點(diǎn),邀請(qǐng)他們一起參與。不建議交互和產(chǎn)品只是后期測(cè)試查閱報(bào)告,如果他們參與到測(cè)試中,能更近距離和用戶接觸,并能更加深刻感受到產(chǎn)品存在的問(wèn)題,也能更好的推動(dòng)產(chǎn)品的改進(jìn)。
5、正式測(cè)試
主持人需要注意的點(diǎn):
  • 劃分我們和產(chǎn)品的關(guān)系。在測(cè)試之前跟用戶說(shuō)明清楚,我們并不是產(chǎn)品的設(shè)計(jì)者和開(kāi)發(fā)者,我們只是受產(chǎn)品方委托來(lái)進(jìn)行測(cè)試,以免用戶不好意思當(dāng)面如實(shí)評(píng)價(jià)產(chǎn)品。
  • 強(qiáng)調(diào)測(cè)試的是產(chǎn)品,而不是用戶。要跟用戶說(shuō)明產(chǎn)品尚處于不完善階段,因此邀請(qǐng)用戶過(guò)來(lái)進(jìn)行測(cè)試,幫助發(fā)現(xiàn)問(wèn)題和改進(jìn)產(chǎn)品設(shè)計(jì),但請(qǐng)注意不是為了評(píng)價(jià)產(chǎn)品。
  • 注意訪談技巧。這個(gè)就不用多說(shuō)了。
  • 盡可能深入的去挖掘用戶的需求。不要停留在用戶話述表面,更進(jìn)一步去追問(wèn),用戶為什么會(huì)這么說(shuō)或這么問(wèn),例如,很多時(shí)候在測(cè)試中會(huì)碰到用戶說(shuō)“哦,原來(lái)這個(gè)按鈕是xx功能,我還以為是xx功能“,這個(gè)時(shí)候可以再推進(jìn)一步,了解用戶為什么會(huì)這么認(rèn)為。
  • 給其他在場(chǎng)的同時(shí)發(fā)言的機(jī)會(huì)。主持人如果覺(jué)得自己訪談的差不多了,可以詢問(wèn)一下記錄者以及交互、產(chǎn)品等同事,了解他們是否還有問(wèn)題需要補(bǔ)充。
  • 記得量表評(píng)分和報(bào)酬簽收。長(zhǎng)時(shí)間的測(cè)試和訪談后容易忘記量表評(píng)分和報(bào)酬簽收,可以把這兩份東西放在顯眼的地方,另外可以讓記錄的同事打個(gè)招呼,幫忙提醒自己。
 
記錄人員需要注意的點(diǎn):
  • 仔細(xì)觀察用戶行為并記錄。記錄不僅僅是用戶的觀點(diǎn)、想法等,更重要的是記錄用戶的實(shí)際行為。
  • 按照模塊記錄。記錄者可以按照測(cè)試方案中的模塊來(lái)相應(yīng)記錄用戶的行為和言語(yǔ)表述。
  • 查漏補(bǔ)缺。主持人可能會(huì)遺漏一些點(diǎn),記錄者作為旁觀者需要提醒主持人遺漏了什么,或者自己有什么新的內(nèi)容需要補(bǔ)充。
 
6、測(cè)試結(jié)束歡送用戶。對(duì)用戶表示感謝,并開(kāi)門(mén)送一下用戶,對(duì)于外部用戶,最好能送到大樓外面可以看見(jiàn)出口的地方。
測(cè)試后及時(shí)討論。這個(gè)是重點(diǎn)!
在每一名用戶測(cè)試后及時(shí)和交互、產(chǎn)品等同事快速過(guò)一下主要發(fā)現(xiàn)的問(wèn)題點(diǎn),這樣做有以下優(yōu)點(diǎn):
  • 有效達(dá)成共識(shí),確定解決方案。剛訪談結(jié)束印象最深刻,因此能快速有效達(dá)成對(duì)主要問(wèn)題的共識(shí),并討論確定相應(yīng)的解決方案。
  • 體現(xiàn)敏捷優(yōu)勢(shì)。確定了一些比較嚴(yán)重的問(wèn)題后,交互和產(chǎn)品的同事就可以相應(yīng)去改進(jìn)產(chǎn)品設(shè)計(jì),做到了邊測(cè)邊改,加快迭代速度。
  • 幫助優(yōu)化訪談提綱,和測(cè)試用戶安排。有些問(wèn)題在事先撰寫(xiě)方案的時(shí)候可能沒(méi)涉及到,在討論后可以補(bǔ)充進(jìn)去,而有些問(wèn)題確定后則不需要再測(cè)。另外,也可以通過(guò)討論對(duì)事先安排的測(cè)試用戶進(jìn)行相應(yīng)調(diào)整,例如增刪用戶,或者調(diào)整新老用戶測(cè)試順序等。
  •  
    事后幫助我們自己快速撰寫(xiě)方案。通過(guò)討論確定了關(guān)鍵問(wèn)題,并且,交互和產(chǎn)品的同事也相應(yīng)清楚了,因此在最后可以快速形成報(bào)告。
再次感謝用戶。所有用戶測(cè)試結(jié)束后,可以花幾分鐘時(shí)間簡(jiǎn)單感謝一下用戶。
 
7、報(bào)告撰寫(xiě)
針對(duì)不同大小項(xiàng)目的用戶測(cè)試,在完成報(bào)告撰寫(xiě)過(guò)程中有兩種具體方式:
  • 小測(cè)試項(xiàng)目簡(jiǎn)單快速撰寫(xiě)報(bào)告。對(duì)于那些1-2天的小測(cè)試項(xiàng)目,由于在每次測(cè)試后都有討論,已對(duì)主要問(wèn)題達(dá)成共識(shí),因此在報(bào)告撰寫(xiě)的時(shí)候就可以快速地將主要的問(wèn)題和風(fēng)險(xiǎn)點(diǎn)呈現(xiàn)出來(lái)。
  • 大測(cè)試項(xiàng)目每天總結(jié)并反饋主要問(wèn)題。大的測(cè)試項(xiàng)目持續(xù)時(shí)間比較久,針對(duì)每天的測(cè)試及討論,簡(jiǎn)單總結(jié)一下主要發(fā)現(xiàn)的問(wèn)題,并反饋給相關(guān)人員,如果到了最后再總結(jié),容易遺忘掉一些內(nèi)容,并且這樣子也方便自己最后撰寫(xiě)報(bào)告。
 
四、構(gòu)建信息架構(gòu)
思考信息架構(gòu)有三個(gè)核心關(guān)鍵詞:用戶角色、產(chǎn)品價(jià)值、使用場(chǎng)景。
1、明確用戶角色
用戶角色清晰揭示用戶目標(biāo),幫助我們把握關(guān)鍵需求、關(guān)鍵任務(wù)、關(guān)鍵流程,看到產(chǎn)品哪些是主要的事,哪些是次要的事。我們應(yīng)該盡可能豐富、形象化我們的用戶角色,讓它在設(shè)計(jì)決策過(guò)程中發(fā)揮作用,設(shè)計(jì)出更符合用戶場(chǎng)景的產(chǎn)品。
2、了解產(chǎn)品的目標(biāo)價(jià)值
作為產(chǎn)品的設(shè)計(jì)師一定要理解產(chǎn)品的價(jià)值,知道用戶想要什么,把最重要的優(yōu)先級(jí)提到最高,盡量移除無(wú)關(guān)緊要的信息,或降低其他優(yōu)先級(jí)的權(quán)重,以免對(duì)用戶造成干擾。
3、提煉產(chǎn)品的使用場(chǎng)景
要了解產(chǎn)品的業(yè)務(wù)流程,比如目標(biāo)用戶是誰(shuí)、什么場(chǎng)景、如何使用,要把產(chǎn)品業(yè)務(wù)流程上的節(jié)點(diǎn)一個(gè)一個(gè)梳理出來(lái),還要考慮這個(gè)產(chǎn)品對(duì)用戶的價(jià)值是什么,不要僅僅考慮界面的元素規(guī)范、設(shè)計(jì)細(xì)節(jié)等等,要知道產(chǎn)品的目標(biāo)價(jià)值體系。
4、信息架構(gòu)優(yōu)先級(jí)
基于三個(gè)核心點(diǎn)(用戶角色、產(chǎn)品價(jià)值、使用場(chǎng)景)分析,把目標(biāo)用戶人群核心價(jià)值的功能點(diǎn)業(yè)務(wù)流程梳理出來(lái),分清主次關(guān)系,切忌功能堆砌,具體方法可以把所有功能業(yè)務(wù)邏輯的主線列出來(lái),然后根據(jù)業(yè)務(wù)的優(yōu)先級(jí)做評(píng)級(jí),分清楚這些功能哪些是主要的,哪些是次要的,然后通過(guò)數(shù)字做排序,這樣我們就知道哪些功能設(shè)計(jì)需要明顯,哪些功能設(shè)計(jì)需要低調(diào)。
5、信息歸類及整合
從整體上思考信息類產(chǎn)品的分類及整合,比如用戶資料相關(guān)的產(chǎn)品會(huì)有用戶信息、資料、等邏輯,這樣就要把所有跟用戶相關(guān)的信息都?xì)w在同一個(gè)分類菜單下,不要讓他們分散在各個(gè)頁(yè)面中。也就是所謂的一級(jí)菜單、二級(jí)產(chǎn)品的處理邏輯。
6、要定期審視與迭代
隨著產(chǎn)品規(guī)模與復(fù)雜度的提升,要隨時(shí)關(guān)注信息架構(gòu)是否滿足當(dāng)前的產(chǎn)品框架,不要等需要時(shí)候再去孤注一擲的全盤(pán)優(yōu)化,這樣會(huì)讓項(xiàng)目陷入被動(dòng)的局面,可以逐漸增強(qiáng),循序漸進(jìn)的優(yōu)化,從小的細(xì)節(jié)對(duì)信息架構(gòu)進(jìn)行調(diào)整,提升產(chǎn)品的易用性。
 
六、進(jìn)行原型測(cè)試
1、制作原型
使用快速原型工具制作可交互的原型,以便更直觀地展示設(shè)計(jì)方案。
 
(二)內(nèi)部測(cè)試
團(tuán)隊(duì)內(nèi)部進(jìn)行初步測(cè)試,檢查功能的完整性和流程的合理性。
 
(三)用戶測(cè)試
邀請(qǐng)外部用戶進(jìn)行測(cè)試,收集他們的意見(jiàn)和建議,發(fā)現(xiàn)潛在的問(wèn)題和改進(jìn)空間。
 
七、持續(xù)優(yōu)化
 
(一)數(shù)據(jù)分析
通過(guò)收集和分析用戶的使用數(shù)據(jù),了解用戶的行為路徑和偏好,為優(yōu)化提供數(shù)據(jù)支持。
 
(二)用戶反饋處理
及時(shí)響應(yīng)用戶的反饋,將有價(jià)值的建議融入到后續(xù)的優(yōu)化工作中。
 
(三)迭代更新
根據(jù)數(shù)據(jù)分析和用戶反饋,不斷對(duì)交互設(shè)計(jì)進(jìn)行迭代更新,以適應(yīng)市場(chǎng)和用戶需求的變化。
 
八、結(jié)論
 
從產(chǎn)品角度發(fā)起交互設(shè)計(jì)是一個(gè)綜合性的過(guò)程,需要充分考慮產(chǎn)品目標(biāo)、用戶需求、信息架構(gòu)、流程界面、測(cè)試優(yōu)化等多個(gè)方面。只有以用戶為中心,不斷追求卓越的用戶體驗(yàn),才能打造出具有競(jìng)爭(zhēng)力的產(chǎn)品,在激烈的市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。
 
在未來(lái)的產(chǎn)品開(kāi)發(fā)中,隨著技術(shù)的不斷進(jìn)步和用戶需求的不斷變化,交互設(shè)計(jì)也將面臨新的挑戰(zhàn)和機(jī)遇。產(chǎn)品團(tuán)隊(duì)?wèi)?yīng)保持敏銳的洞察力和創(chuàng)新精神,持續(xù)探索和優(yōu)化交互設(shè)計(jì),為用戶創(chuàng)造更多的價(jià)值。
 


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

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

用戶體驗(yàn)一致性思考

天宇 交互設(shè)計(jì)及用戶體驗(yàn)

前言
在團(tuán)隊(duì)內(nèi)部,我們已確立了一套設(shè)計(jì)規(guī)范,在日常項(xiàng)目中使用設(shè)計(jì)規(guī)范輸出變的高效、統(tǒng)一。然而,在實(shí)際操作中,不可避免地會(huì)遇到一些特殊情況:某些客戶提出的個(gè)性化需求并不完全契合既定的設(shè)計(jì)規(guī)范,這些促使我們不得不在保持設(shè)計(jì)一致性的基礎(chǔ)上進(jìn)行靈活調(diào)整。因此,深入反思并優(yōu)化一致性原則的應(yīng)用策略顯得尤為重要。我們需要探索如何在堅(jiān)守設(shè)計(jì)規(guī)范核心精神的同時(shí),靈活應(yīng)對(duì)多變的需求,確保設(shè)計(jì)既保持統(tǒng)一和諧,又能滿足特定場(chǎng)景下的獨(dú)特需求,從而實(shí)現(xiàn)用戶體驗(yàn)與品牌價(jià)值的雙重提升。
 
用戶體驗(yàn)一致性思考
 
 
用戶體驗(yàn)一致性思考
 
 
在UI/UX設(shè)計(jì)中,雅各布·尼爾森的十條可用性原則中,一致性(Consistency and standards)位列第四。這一原則強(qiáng)調(diào)在界面和交互設(shè)計(jì)上需要遵循既定的規(guī)則,無(wú)論是在應(yīng)用內(nèi)部還是跨平臺(tái)之間。
背后的心理學(xué)原理——重復(fù)定律,強(qiáng)調(diào)了信息重復(fù)對(duì)于鞏固記憶的重要性。正如赫爾曼·艾賓浩斯通過(guò)“遺忘曲線”所揭示的,信息的有效保留離不開(kāi)重復(fù)接觸。一致性的應(yīng)用正是這一原理的生動(dòng)實(shí)踐,通過(guò)不斷重復(fù)統(tǒng)一的設(shè)計(jì)元素與模式,強(qiáng)化用戶對(duì)產(chǎn)品的認(rèn)知與記憶,從而提升整體的用戶滿意度與忠誠(chéng)度。
艾賓浩斯遺忘曲線
艾賓浩斯遺忘曲線
 
用戶體驗(yàn)一致性思考
 
 
用戶側(cè)
1、用戶學(xué)習(xí)曲線:
一致的UI/UX設(shè)計(jì)可以降低用戶的學(xué)習(xí)曲線。當(dāng)用戶在應(yīng)用程序或網(wǎng)站中遇到一致的元素、布局和交互方式時(shí),他們可以快速理解并準(zhǔn)確預(yù)測(cè)如何與界面進(jìn)行交互。這減少了用戶的混淆和困惑,提高了他們的效率和滿意度。
2、提升可用性:
一致性使用戶界面更加易于使用。當(dāng)用戶在不同的頁(yè)面或功能之間找到相似的設(shè)計(jì)元素和交互模式時(shí),他們可以輕松地將已有的知識(shí)和經(jīng)驗(yàn)應(yīng)用于新的情境中。這種一致性幫助用戶快速完成任務(wù),減少錯(cuò)誤和迷失,提供更好的導(dǎo)航和流暢的體驗(yàn)。
3、品牌認(rèn)可度:
一致的UI/UX設(shè)計(jì)有助于樹(shù)立品牌形象和增強(qiáng)品牌認(rèn)可度。通過(guò)在不同的渠道和平臺(tái)上保持一致的設(shè)計(jì)元素、標(biāo)識(shí)和視覺(jué)風(fēng)格,品牌可以建立起獨(dú)特而可識(shí)別的形象。用戶在不同的觸點(diǎn)上都能感受到品牌的一致性,從而增加品牌的信任和忠誠(chéng)度。
4、用戶滿意度:
一致性直接影響用戶的滿意度。當(dāng)用戶在使用應(yīng)用程序或網(wǎng)站時(shí)感受到一致的設(shè)計(jì)和交互方式時(shí),他們會(huì)感到更加舒適和自信。一致性傳遞了專業(yè)和質(zhì)量的信號(hào),讓用戶感到被關(guān)注和重視。這種積極的用戶體驗(yàn)有助于提升用戶滿意度,并促使他們持續(xù)使用和推薦你的產(chǎn)品或服務(wù)。
 
用戶體驗(yàn)一致性思考
 
 
產(chǎn)研側(cè)
1. 降低設(shè)計(jì)成本,提高開(kāi)發(fā)效率
無(wú)論是設(shè)計(jì)還是開(kāi)發(fā),復(fù)用已有的組件資源,保持界面的一致性可以有效地減少設(shè)計(jì)的投入,避免不必要的設(shè)計(jì)分歧點(diǎn)。
而在開(kāi)發(fā)階段,可以避免重復(fù)造輪子,提高開(kāi)發(fā)的效率,保證落地效果,也可以減少上線前設(shè)計(jì)走查、測(cè)試的工作量。
2. 形成一致的設(shè)計(jì)風(fēng)格
根據(jù)原子設(shè)計(jì)理論,通過(guò)原子組件的一致性,可以構(gòu)建出統(tǒng)一的界面框架、布局,形成統(tǒng)一風(fēng)格和用戶交互認(rèn)知,從而更好地保證用戶體驗(yàn)質(zhì)量。
 
用戶體驗(yàn)一致性思考
 
 
色彩
色彩作為一種兼具物理屬性與感官享受的復(fù)雜現(xiàn)象,其本質(zhì)在于光波在人體視網(wǎng)膜上的特定波長(zhǎng)被反射或吸收后,所引發(fā)的視覺(jué)感知結(jié)果。在設(shè)計(jì)領(lǐng)域,色彩的選擇與運(yùn)用不僅是視覺(jué)藝術(shù)的展現(xiàn),更是品牌身份與個(gè)性的直接體現(xiàn)。諸如餓了么標(biāo)志性的藍(lán)色、美團(tuán)鮮明的黃色、以及京東熱情的紅色等,這些品牌專屬色彩不僅構(gòu)成了品牌識(shí)別系統(tǒng)的重要組成部分,還通過(guò)其高度的一致性,在視覺(jué)層面上構(gòu)建起強(qiáng)烈的品牌認(rèn)知,營(yíng)造出統(tǒng)一和諧的視覺(jué)體驗(yàn)。
色彩的一致性策略在品牌塑造中發(fā)揮著不可估量的作用,它能夠有效增強(qiáng)品牌的記憶度與辨識(shí)度,深化品牌形象在消費(fèi)者心中的烙印,進(jìn)而提升產(chǎn)品的市場(chǎng)吸引力和用戶忠誠(chéng)度。同時(shí),這種策略還促進(jìn)了設(shè)計(jì)元素間的和諧共存,包括按鈕、圖標(biāo)、字體、標(biāo)簽、背景、以及關(guān)鍵視覺(jué)元素如Banner等,均能在統(tǒng)一的色彩體系下實(shí)現(xiàn)視覺(jué)上的連貫與流暢,極大地提升了產(chǎn)品的可用性、無(wú)障礙性,以及用戶在使用過(guò)程中的整體滿意度與交互體驗(yàn)。
 
用戶體驗(yàn)一致性思考
 
 
字體
字體作為設(shè)計(jì)中不可或缺的核心要素,其獨(dú)特性在于能夠精準(zhǔn)地塑造文字的視覺(jué)形象,涵蓋形狀、尺寸、粗細(xì)、字間距等多維度特征。這些特征共同構(gòu)建了一種獨(dú)特的文字風(fēng)格,不僅承載著信息的傳遞功能,更在無(wú)形中引導(dǎo)著用戶的視覺(jué)流程,影響著信息的接收與理解深度。因此,在設(shè)計(jì)過(guò)程中,合理選擇與應(yīng)用字體顯得尤為關(guān)鍵。
 
字體類型的多樣性,如有襯線字體與無(wú)襯線字體的對(duì)比,不僅體現(xiàn)了風(fēng)格上的差異,還隱含了不同的閱讀體驗(yàn)與情感表達(dá)。字體的粗細(xì)變化(如細(xì)體、常規(guī)、粗體等)更是能夠強(qiáng)調(diào)文本的重要性層級(jí),增強(qiáng)信息的層次感與可讀性。此外,字重的調(diào)整也是塑造視覺(jué)焦點(diǎn)、引導(dǎo)視線流動(dòng)的有效手段,對(duì)于提升設(shè)計(jì)的整體美觀度和信息傳達(dá)效率具有不可小覷的作用。
 
然而,在實(shí)際的開(kāi)發(fā)與實(shí)現(xiàn)過(guò)程中,若不加節(jié)制地使用多種字體,不僅會(huì)顯著增加頁(yè)面的加載時(shí)間,影響用戶體驗(yàn)的流暢性,還可能因風(fēng)格不統(tǒng)一而導(dǎo)致頁(yè)面顯得雜亂無(wú)章,破壞整體設(shè)計(jì)的和諧感。因此,制定一套統(tǒng)一、規(guī)范的字體使用策略顯得尤為重要。這不僅有助于提升開(kāi)發(fā)效率,減少后期更新迭代的復(fù)雜度,還能有效避免資源浪費(fèi),確保設(shè)計(jì)作品在視覺(jué)上的一致性與專業(yè)性。
 
用戶體驗(yàn)一致性思考
 
 
圖標(biāo)
 
圖標(biāo)作為用戶界面設(shè)計(jì)中至關(guān)重要的元素,風(fēng)格直接影響到用戶的使用體驗(yàn)與對(duì)產(chǎn)品的整體印象。圖標(biāo)以其簡(jiǎn)潔、直觀且富有表現(xiàn)力的特點(diǎn),在快速傳達(dá)信息、引導(dǎo)用戶操作方面發(fā)揮著不可替代的作用。在設(shè)計(jì)中,圖標(biāo)的設(shè)計(jì)與應(yīng)用更是需要精心考量,以確保其既能夠準(zhǔn)確傳達(dá)信息,又能夠與整體設(shè)計(jì)風(fēng)格保持一致,從而營(yíng)造出專業(yè)、和諧且易于使用的界面環(huán)境。
 
設(shè)計(jì)中視覺(jué)上保持統(tǒng)一包括圖標(biāo)的大小、形狀、色彩以及設(shè)計(jì)風(fēng)格等多個(gè)方面,能夠增強(qiáng)用戶的認(rèn)知連貫性,降低學(xué)習(xí)成本,提升使用效率。相反,如果圖標(biāo)風(fēng)格混雜,不僅會(huì)讓界面顯得雜亂無(wú)章,還會(huì)給用戶帶來(lái)困惑和不安,進(jìn)而影響其對(duì)產(chǎn)品專業(yè)性和安全性的信任。
用戶體驗(yàn)一致性思考
 
 
按鈕
按鈕設(shè)計(jì)應(yīng)統(tǒng)一于項(xiàng)目風(fēng)格,無(wú)論是圓形、矩形、圓角矩形還是特定形狀,保持一致性是關(guān)鍵。統(tǒng)一的按鈕樣式不僅彰顯專業(yè)性,還能增強(qiáng)用戶信任,確保體驗(yàn)連貫。過(guò)多變化的按鈕樣式會(huì)擾亂用戶界面,降低操作直觀性,甚至讓用戶誤以為自己已離開(kāi)應(yīng)用環(huán)境。因此,精心設(shè)計(jì)的統(tǒng)一按鈕樣式對(duì)提升用戶體驗(yàn)至關(guān)重要。
 
排版
設(shè)計(jì)中的排版一致性對(duì)于構(gòu)建高效、用戶友好的界面至關(guān)重要。一致的排版不僅能夠讓用戶快速適應(yīng)和理解界面的整體結(jié)構(gòu),大幅降低學(xué)習(xí)成本,還能在用戶心中激發(fā)強(qiáng)烈的歸屬感和安全感。這種熟悉感使得內(nèi)容更加易讀,用戶能夠自然地依照既定的視覺(jué)動(dòng)線流暢地瀏覽頁(yè)面,迅速定位并獲取所需信息,從而顯著提升信息獲取的效率。因此,在設(shè)計(jì)過(guò)程中,注重并維護(hù)排版的一致性,是提升用戶體驗(yàn)和界面有效性的重要策略之一。
 
 
用戶體驗(yàn)一致性思考
 
 
 
操作流程的一致性
標(biāo)準(zhǔn)化流程:確保用戶在執(zhí)行相似任務(wù)時(shí),如購(gòu)買商品、搜索信息或提交表單等,能夠遵循相同的操作流程。這有助于用戶快速適應(yīng)并高效完成任務(wù)。
邏輯清晰:操作流程的每一步都應(yīng)符合用戶的認(rèn)知習(xí)慣和行為邏輯,避免讓用戶感到困惑或不知所措。
用戶體驗(yàn)一致性思考
 
 
交互元素的一致性
按鈕和控件:確保按鈕、輸入框、下拉菜單等交互元素的樣式、位置和操作方式在整個(gè)應(yīng)用或網(wǎng)站中保持一致。例如,所有按鈕都應(yīng)具有相同的視覺(jué)風(fēng)格和觸發(fā)機(jī)制。
導(dǎo)航和菜單:導(dǎo)航欄和菜單的設(shè)計(jì)也應(yīng)保持一致,使用戶能夠輕松地在不同頁(yè)面或功能之間切換。
 
用戶體驗(yàn)一致性思考
 
 
反饋機(jī)制的一致性
操作反饋:當(dāng)用戶執(zhí)行某個(gè)操作時(shí),應(yīng)用或網(wǎng)站應(yīng)提供一致且及時(shí)的反饋,如加載動(dòng)畫(huà)、成功提示或錯(cuò)誤消息等。這有助于用戶了解操作結(jié)果并采取相應(yīng)的行動(dòng)。
狀態(tài)提示:對(duì)于長(zhǎng)時(shí)間運(yùn)行的操作或需要用戶等待的場(chǎng)景,應(yīng)提供明確的狀態(tài)提示(如進(jìn)度條),以減輕用戶的不確定感和焦慮感。
 
 
 
 
 
 
在任何維度上,一致性不應(yīng)成為設(shè)計(jì)的唯一導(dǎo)向。設(shè)計(jì),這一融合了藝術(shù)與科學(xué)的復(fù)雜領(lǐng)域,要求我們?cè)谟脩趔w驗(yàn)的細(xì)膩雕琢、功能需求的精準(zhǔn)滿足、美學(xué)價(jià)值的深刻體現(xiàn)及技術(shù)可行性的嚴(yán)格考量間游走。
 
“一致性”作為設(shè)計(jì)策略,其核心使命在于優(yōu)化用戶路徑,降低認(rèn)知門(mén)檻,確保用戶在多元界面中穿梭時(shí)仍能感受到連貫與和諧。當(dāng)我們?cè)谂c設(shè)計(jì)團(tuán)隊(duì)(包括工程師、產(chǎn)品經(jīng)理等)溝通時(shí),僅僅提及“一致性”可能并不足以說(shuō)明其必要性和價(jià)值。我們需要更深入地闡述為什么需要保持一致性,以及它如何具體幫助減少用戶困惑、提高用戶滿意度和忠誠(chéng)度。
 
同時(shí),我們應(yīng)清醒認(rèn)識(shí)到,“一致性”并不是萬(wàn)能的。在某些情況下,為了追求極致的用戶體驗(yàn)或解決特定的設(shè)計(jì)問(wèn)題,可能需要打破傳統(tǒng)的一致性規(guī)則。因此,設(shè)計(jì)師需要在保持一致性和創(chuàng)新之間找到平衡點(diǎn),根據(jù)具體情況靈活調(diào)整設(shè)計(jì)方案。
 
實(shí)際落地執(zhí)行時(shí),要根據(jù)產(chǎn)品定位、用戶場(chǎng)景,結(jié)合業(yè)務(wù)功能來(lái)確定設(shè)計(jì)方案,不能為了一致而一致。
當(dāng)我們遇到一致性問(wèn)題時(shí),還是需要從以下3個(gè)方面深入思考,做出準(zhǔn)確合理的設(shè)計(jì)決策。
用戶體驗(yàn)一致性思考
 
 
真實(shí)項(xiàng)目
真實(shí)項(xiàng)目
 
在SaaS產(chǎn)品設(shè)計(jì)中,特別是面向B/G端(企業(yè)用戶)時(shí),滿足不同用戶角色(如普通用戶與高權(quán)限領(lǐng)導(dǎo))的需求是至關(guān)重要的。
管理端布局設(shè)計(jì)
普通簡(jiǎn)潔明了:為普通用戶設(shè)計(jì)的管理界面應(yīng)簡(jiǎn)潔直觀,聚焦于日常操作,如數(shù)據(jù)查看、統(tǒng)計(jì)和下載。
功能分區(qū):通過(guò)清晰的導(dǎo)航欄或側(cè)邊欄將功能區(qū)域劃分開(kāi),如“數(shù)據(jù)概覽”、“報(bào)表下載”、“任務(wù)管理”等,便于用戶快速定位所需功能。
操作便捷:確保常用操作(如搜索、篩選、排序)易于觸達(dá),減少用戶點(diǎn)擊次數(shù)和頁(yè)面跳轉(zhuǎn)。
 
首頁(yè)版心定寬設(shè)計(jì)
固定寬度:為首頁(yè)設(shè)定一個(gè)合適的固定寬度(如1200px、1440px等),以保證內(nèi)容在大多數(shù)屏幕上都能保持一致的閱讀體驗(yàn)。
信息模塊化:將首頁(yè)內(nèi)容劃分為多個(gè)卡片,每個(gè)卡片承載一個(gè)獨(dú)立的信息單元(如數(shù)據(jù)報(bào)表、通知公告、項(xiàng)目進(jìn)展等)。
視覺(jué)層次:通過(guò)顏色、大小、陰影等設(shè)計(jì)元素區(qū)分卡片的重要性,引導(dǎo)用戶視線,提高信息獲取效率。
交互性:為卡片添加交互元素,如點(diǎn)擊展開(kāi)、滑動(dòng)查看更多等,增加用戶參與度和頁(yè)面活躍度。
 
用戶體驗(yàn)一致性思考
 
 
位置差異性分析
根據(jù)「認(rèn)知負(fù)荷>視覺(jué)負(fù)荷>動(dòng)作負(fù)荷」理論,在頁(yè)面中我們首先要讓用戶能夠找到按鈕,然后完成操作。
相對(duì)于彈窗,頁(yè)面的空間更大,邊界感偏弱,用戶的視覺(jué)重心更容易停留在左側(cè)表單內(nèi)容區(qū)域。所以按鈕應(yīng)該緊隨搜索條件,便于用戶快速發(fā)現(xiàn)按鈕。
區(qū)域用戶已經(jīng)形成下意識(shí)操作習(xí)慣,雖然區(qū)別于規(guī)范,只能打破,遵循客戶需求
用戶體驗(yàn)一致性思考
 
 
一致性是規(guī)則
“一致性”作為規(guī)則或手段,服務(wù)于提升用戶體驗(yàn)的原則。規(guī)則與原則一致時(shí),促進(jìn)業(yè)務(wù)共識(shí)與用戶價(jià)值;沖突時(shí),原則優(yōu)先。用戶體驗(yàn)原則指導(dǎo)下的一致性,要超越表面控件統(tǒng)一,更在于產(chǎn)品決策與價(jià)值取向的一致。必要時(shí),為更好的用戶體驗(yàn),可在規(guī)則上讓步以實(shí)現(xiàn)原則統(tǒng)一。打破規(guī)則需慎重權(quán)衡,確保用戶便利足以彌補(bǔ)理解成本,需長(zhǎng)期全局考量。規(guī)則非僵化教條,而是引導(dǎo)我們謹(jǐn)慎創(chuàng)新的框架。
 
一致性的底線
無(wú)論從哪個(gè)角度,一致性存在的必要性都是毋庸置疑的。
對(duì)于關(guān)鍵的設(shè)計(jì)元素,如專有名詞和顏色體系,保持一致性至關(guān)重要。這不僅有助于維護(hù)品牌形象,還能減少用戶的困惑。
特定設(shè)計(jì)語(yǔ)言在特定場(chǎng)景下的變體應(yīng)用,雖然可能帶來(lái)一定的視覺(jué)新鮮感或針對(duì)性優(yōu)化,但往往需要謹(jǐn)慎評(píng)估其潛在風(fēng)險(xiǎn)。一旦變體打破了整體設(shè)計(jì)的一致性,可能會(huì)破壞用戶對(duì)品牌的熟悉感和信任感,甚至引發(fā)誤解。因此,在追求設(shè)計(jì)創(chuàng)新的同時(shí),必須確保這種創(chuàng)新是基于一致性的原則之上,以維持品牌的整體性和用戶的良好體驗(yàn)。
 
擁抱復(fù)雜性
一致性確實(shí)不應(yīng)成為設(shè)計(jì)師的避風(fēng)港或限制創(chuàng)新的枷鎖,而應(yīng)是基于對(duì)業(yè)務(wù)深刻理解和多樣化設(shè)計(jì)能力之上的價(jià)值選擇。設(shè)計(jì)師的核心任務(wù)始終是滿足用戶的多樣化需求和偏好,這需要他們細(xì)致入微地觀察、理解并解決每個(gè)用戶的獨(dú)特問(wèn)題。
 
在追求一致性的同時(shí),設(shè)計(jì)師應(yīng)保持“第一性思考”的能力,即回歸問(wèn)題的本質(zhì),從用戶需求出發(fā)進(jìn)行創(chuàng)新設(shè)計(jì)。多樣性頁(yè)面的產(chǎn)出,不僅體現(xiàn)了設(shè)計(jì)師的創(chuàng)造力和靈活性,也是提升用戶體驗(yàn)、增強(qiáng)產(chǎn)品吸引力的關(guān)鍵。
 
一致性與創(chuàng)新設(shè)計(jì)并非相互排斥,而是相輔相成的關(guān)系。真正的一致性不應(yīng)導(dǎo)致單調(diào)或拒絕創(chuàng)新,而應(yīng)是在遵循品牌或產(chǎn)品核心價(jià)值的前提下,鼓勵(lì)設(shè)計(jì)師在細(xì)節(jié)和體驗(yàn)上不斷探索和突破。當(dāng)設(shè)計(jì)師感到被既定規(guī)則束縛時(shí),應(yīng)勇于質(zhì)疑并重新評(píng)估當(dāng)前的規(guī)范,確保所謂的“一致性”不是刻板的偽命題,而是真正符合用戶需求和品牌發(fā)展的價(jià)值導(dǎo)向。
 
因此,設(shè)計(jì)師應(yīng)時(shí)刻保持開(kāi)放的心態(tài)和敏銳的洞察力,不斷探索和嘗試新的設(shè)計(jì)方法和理念,以更加靈活和創(chuàng)新的方式實(shí)現(xiàn)一致性與用戶需求的完美融合。
 
用戶體驗(yàn)一致性思考
 
 
重要的設(shè)計(jì)原則
「一致性」作為設(shè)計(jì)領(lǐng)域中的一項(xiàng)基礎(chǔ)性原則,其重要性不言而喻。它不僅為設(shè)計(jì)過(guò)程提供了穩(wěn)固的基石,還顯著促進(jìn)了開(kāi)發(fā)效率與產(chǎn)品體驗(yàn)的全面升級(jí)。在設(shè)計(jì)實(shí)踐中,一致性確保了界面元素的統(tǒng)一性和連貫性,使得用戶能夠迅速熟悉并掌握產(chǎn)品的使用方式,降低了學(xué)習(xí)成本,增強(qiáng)了操作的直觀性和便捷性。
靈活變通使用
一致性原則并非一成不變的強(qiáng)制規(guī)定,而是需要根據(jù)產(chǎn)品的具體定位和市場(chǎng)環(huán)境進(jìn)行靈活變通的應(yīng)用。不同的產(chǎn)品可能面向不同的用戶群體,擁有獨(dú)特的品牌調(diào)性和功能需求,因此在追求一致性的同時(shí),也需充分考慮這些因素,確保設(shè)計(jì)既符合品牌特色,又能滿足用戶的實(shí)際需求。
 
提升用戶體驗(yàn)是價(jià)值所在
一致性的真正價(jià)值在于其能夠顯著提升用戶體驗(yàn)。通過(guò)遵循用戶的認(rèn)知和習(xí)慣,設(shè)計(jì)師能夠創(chuàng)造出更加自然、流暢的操作流程,使用戶在享受產(chǎn)品功能的同時(shí),也能感受到品牌所傳遞的舒適與和諧。因此,在追求設(shè)計(jì)一致性的過(guò)程中,我們始終應(yīng)以人為本,將用戶的體驗(yàn)和感受放在首位。建設(shè)有兼容性和長(zhǎng)期價(jià)值的的一致性框架,在一致性中做到有用戶價(jià)值的設(shè)計(jì),是設(shè)計(jì)師應(yīng)該不斷探索的命題。

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

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

設(shè)計(jì)的真需求

天宇 用戶研究

 
一、引言
 
設(shè)計(jì)的終極目標(biāo)是什么?是解決用戶問(wèn)題,滿足商業(yè)需求,還是超越功能與形式,為用戶和社會(huì)創(chuàng)造更深遠(yuǎn)的價(jià)值?這些問(wèn)題一直在設(shè)計(jì)師的職業(yè)生涯中反復(fù)思考與探索。
在《真需求》一書(shū)中,梁寧提出了一個(gè)核心觀點(diǎn):商業(yè)的本質(zhì)在于滿足“真需求”。她通過(guò)“價(jià)值、共識(shí)、模式”的商業(yè)閉環(huán)模型,幫助我們從用戶真實(shí)需求出發(fā),創(chuàng)造持久的價(jià)值。這一框架不僅為商業(yè)創(chuàng)新提供了指導(dǎo),也為設(shè)計(jì)師提供了深刻的啟發(fā),尤其是在技術(shù)快速發(fā)展、設(shè)計(jì)不斷迭代的今天。設(shè)計(jì)師如何在用戶、產(chǎn)品與社會(huì)之間找到自己的定位,這本書(shū)給出了重要的思考方向。
設(shè)計(jì)的真需求
 
 
從設(shè)計(jì)師的角度來(lái)看,用戶需求是設(shè)計(jì)的出發(fā)點(diǎn),但更重要的是如何透過(guò)顯性需求挖掘出更深層次的情感和價(jià)值訴求。通過(guò)建立價(jià)值共識(shí)、推動(dòng)設(shè)計(jì)共創(chuàng),進(jìn)而探索設(shè)計(jì)模式的創(chuàng)新,設(shè)計(jì)師不僅能夠交付優(yōu)質(zhì)的作品,還能重新定義設(shè)計(jì)的意義和角色。
本文將結(jié)合《真需求》的核心理念,從設(shè)計(jì)師的視角出發(fā),探討設(shè)計(jì)如何通過(guò)滿足用戶需求,創(chuàng)造卓越的體驗(yàn)并實(shí)現(xiàn)商業(yè)價(jià)值。同時(shí),反思設(shè)計(jì)師在職業(yè)發(fā)展中如何通過(guò)設(shè)計(jì)為社會(huì)、用戶和自身帶來(lái)更多可能性。設(shè)計(jì)的本質(zhì)不僅是一種解決問(wèn)題的能力,更是一種塑造未來(lái)的創(chuàng)造力。
 
二、設(shè)計(jì)的核心:從真需求到價(jià)值創(chuàng)造
 
1. 真需求:設(shè)計(jì)的出發(fā)點(diǎn)
在設(shè)計(jì)領(lǐng)域,理解用戶需求是所有工作的起點(diǎn)。然而,許多設(shè)計(jì)師在實(shí)際工作中容易陷入“假需求”的誤區(qū),比如過(guò)分關(guān)注表面功能或迎合主觀美感,而忽略了用戶真正需要解決的問(wèn)題。梁寧在《真需求》中提到,真正的商業(yè)價(jià)值在于“滿足用戶的真需求”——即用戶愿意為之付費(fèi)或持續(xù)使用的核心價(jià)值。
設(shè)計(jì)的真需求
 
 
對(duì)于設(shè)計(jì)師而言,理解真需求需要從三個(gè)方面入手:
剖析用戶痛點(diǎn):通過(guò)用戶調(diào)研和數(shù)據(jù)分析,找出用戶行為背后的深層原因,避免僅根據(jù)顯性需求作設(shè)計(jì)決策。
構(gòu)建需求網(wǎng)絡(luò):分析設(shè)計(jì)在更大的使用場(chǎng)景中的作用,找到“需求空洞”,填補(bǔ)用戶體驗(yàn)鏈中的缺失環(huán)節(jié)。
移情式思考:站在用戶的角度,體驗(yàn)設(shè)計(jì)的每一步,確保設(shè)計(jì)是易用、有效且能讓用戶滿意的。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:醫(yī)療產(chǎn)品的設(shè)計(jì)不僅需要滿足功能上的精確和高效,還應(yīng)從患者的角度關(guān)注操作是否友好、是否能緩解焦慮情緒。這種雙向思考幫助設(shè)計(jì)師更全面地定義價(jià)值。
設(shè)計(jì)的真需求
 
 
2. 價(jià)值的三重維度:功能、情緒與資產(chǎn)
梁寧將價(jià)值分為功能價(jià)值、情緒價(jià)值和資產(chǎn)價(jià)值,為設(shè)計(jì)師提供了系統(tǒng)化評(píng)估設(shè)計(jì)價(jià)值的框架:
設(shè)計(jì)的真需求
 
 
功能價(jià)值:解決用戶的問(wèn)題
功能價(jià)值是設(shè)計(jì)的基礎(chǔ),它回答了“這個(gè)設(shè)計(jì)能幫用戶完成什么”的問(wèn)題。功能價(jià)值要求設(shè)計(jì)師精確理解用戶任務(wù),并提供清晰、高效的解決方案。界面中的簡(jiǎn)潔布局、直觀的操作引導(dǎo),都是實(shí)現(xiàn)功能價(jià)值的關(guān)鍵。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:Google搜索的首頁(yè)設(shè)計(jì)以其簡(jiǎn)潔著稱,僅提供搜索框和按鈕。這種極簡(jiǎn)設(shè)計(jì)最大化了功能價(jià)值,讓用戶專注于搜索任務(wù)本身。
設(shè)計(jì)的真需求
 
 
情緒價(jià)值:帶給用戶的感受
功能之外,設(shè)計(jì)還能通過(guò)情緒價(jià)值與用戶建立情感連接。情緒價(jià)值可以是讓人愉悅的視覺(jué)設(shè)計(jì)、友好的提示語(yǔ),或是讓用戶感到被理解的交互體驗(yàn)。通過(guò)配色、字體、微交互動(dòng)效等手段,設(shè)計(jì)師可以在細(xì)節(jié)中增強(qiáng)情緒價(jià)值,讓用戶不僅“用得好”,還“用得開(kāi)心”。 用戶在操作困難時(shí),貼心的引導(dǎo)和輕松的提示語(yǔ)可以有效緩解負(fù)面情緒。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:Airbnb的設(shè)計(jì)注重用戶情緒體驗(yàn),從柔和的色彩到溫暖的語(yǔ)言,都讓用戶感受到一種“家”的氛圍,增強(qiáng)了品牌的情感連接力。
設(shè)計(jì)的真需求
 
 
資產(chǎn)價(jià)值:長(zhǎng)期積累的品牌效應(yīng)
資產(chǎn)價(jià)值體現(xiàn)在設(shè)計(jì)能否為品牌建立獨(dú)特的身份和記憶點(diǎn)。資產(chǎn)價(jià)值要求設(shè)計(jì)師通過(guò)一致的視覺(jué)風(fēng)格和體驗(yàn)邏輯,幫助品牌在用戶心中建立清晰的形象。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:蘋(píng)果的產(chǎn)品設(shè)計(jì)通過(guò)極簡(jiǎn)風(fēng)格、一致的界面語(yǔ)言和高辨識(shí)度的工業(yè)設(shè)計(jì),建立了強(qiáng)大的品牌資產(chǎn)價(jià)值,使得用戶一提到“極簡(jiǎn)創(chuàng)新”就聯(lián)想到蘋(píng)果。 蘋(píng)果產(chǎn)品的設(shè)計(jì)語(yǔ)言不僅傳遞了科技感,還樹(shù)立了“創(chuàng)新、簡(jiǎn)約”的品牌形象,使用戶在購(gòu)買產(chǎn)品時(shí)會(huì)優(yōu)先想到它。
設(shè)計(jì)的真需求
 
 
3. 設(shè)計(jì)師的挑戰(zhàn):如何平衡不同的價(jià)值
在設(shè)計(jì)過(guò)程中,功能、情緒和資產(chǎn)三種價(jià)值往往是相互交織的,但它們的實(shí)現(xiàn)需要不同的資源投入,有時(shí)甚至?xí)嗷_突。設(shè)計(jì)師的挑戰(zhàn)在于如何在這三者之間找到平衡點(diǎn),以最大化設(shè)計(jì)的效果。
功能至上
——可能會(huì)導(dǎo)致設(shè)計(jì)顯得冷冰冰、缺乏情感,無(wú)法與用戶建立情感連接。
情緒至上
——可能忽視設(shè)計(jì)的實(shí)用性,最終影響用戶體驗(yàn),甚至導(dǎo)致用戶流失。
資產(chǎn)至上
——可能讓設(shè)計(jì)在短期內(nèi)表現(xiàn)良好,但缺乏長(zhǎng)期的用戶粘性和實(shí)際使用價(jià)值。
設(shè)計(jì)的真需求
 
 
在設(shè)計(jì)初期,明確優(yōu)先級(jí)非常重要。例如,初創(chuàng)產(chǎn)品可以更多聚焦于功能價(jià)值,確保產(chǎn)品能夠有效解決用戶的核心問(wèn)題;而對(duì)于成熟品牌,則可以側(cè)重于情緒價(jià)值和資產(chǎn)價(jià)值的提升,強(qiáng)化品牌形象和用戶忠誠(chéng)度。在設(shè)計(jì)迭代過(guò)程中,持續(xù)校驗(yàn)這三種價(jià)值,確保它們?cè)诓煌褂脠?chǎng)景中的有效性與平衡性。
設(shè)計(jì)的真需求
 
 
根據(jù)商業(yè)目標(biāo)合理分配設(shè)計(jì)資源,確保將精力集中在最關(guān)鍵的價(jià)值上,避免在非核心價(jià)值上投入過(guò)多資源,導(dǎo)致設(shè)計(jì)失衡或資源浪費(fèi)。通過(guò)精確的優(yōu)先排序,確保每個(gè)階段的設(shè)計(jì)都能最大化其價(jià)值貢獻(xiàn)。
在了解了如何通過(guò)設(shè)計(jì)滿足用戶的真需求,并為產(chǎn)品帶來(lái)價(jià)值后,接下來(lái)的關(guān)鍵問(wèn)題是:用戶如何感知并接受這些設(shè)計(jì)價(jià)值?這就是我們接下來(lái)要討論的‘用戶共識(shí)’。設(shè)計(jì)不僅需要解決問(wèn)題,更需要與用戶建立共識(shí),確保他們能夠充分理解設(shè)計(jì)的意義,并在實(shí)際使用中感受到其價(jià)值。
 
三、用戶共識(shí):構(gòu)建設(shè)計(jì)與用戶的深層連接
 
1. 共識(shí)構(gòu)建:如何讓設(shè)計(jì)被用戶理解與接受
梁寧在《真需求》中指出,共識(shí)是連接價(jià)值與交易的橋梁,解決了“有價(jià)值卻未成交”的問(wèn)題。對(duì)于設(shè)計(jì)師來(lái)說(shuō),共識(shí)構(gòu)建的關(guān)鍵在于幫助用戶“明確感知設(shè)計(jì)價(jià)值”,并在設(shè)計(jì)與用戶心理之間建立深度連接。她提出了三個(gè)核心共識(shí)維度,帶來(lái)了重要啟示:
感知共識(shí):讓設(shè)計(jì)價(jià)值直觀可見(jiàn)
用戶對(duì)設(shè)計(jì)的第一印象來(lái)自感知。如果用戶無(wú)法在短時(shí)間內(nèi)明確設(shè)計(jì)的功能和意義,設(shè)計(jì)就無(wú)法達(dá)成感知共識(shí)。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:
Instagram 的點(diǎn)贊按鈕采用簡(jiǎn)單明了的“心形”圖標(biāo),放置在顯眼位置,并通過(guò)顏色變化(從空心到實(shí)心)和動(dòng)畫(huà)反饋清晰傳遞交互結(jié)果。用戶無(wú)需說(shuō)明便能直觀理解其功能,這種設(shè)計(jì)通過(guò)直觀的視覺(jué)符號(hào)和互動(dòng)效果,讓用戶迅速建立對(duì)功能的感知共識(shí),同時(shí)增強(qiáng)了使用體驗(yàn)的愉悅感。
設(shè)計(jì)的真需求
 
 
場(chǎng)景共識(shí):設(shè)計(jì)融入用戶使用場(chǎng)景
梁寧強(qiáng)調(diào),設(shè)計(jì)要嵌入特定的使用場(chǎng)景,才能讓用戶自然而然地接受它。場(chǎng)景的具體化能縮短用戶認(rèn)知路徑,增加設(shè)計(jì)的貼近感。深入研究用戶行為,挖掘高頻或未被滿足的使用場(chǎng)景。 針對(duì)具體場(chǎng)景定制設(shè)計(jì)解決方案,確保功能契合使用情境。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:一個(gè)為學(xué)生設(shè)計(jì)的在線教育應(yīng)用,應(yīng)強(qiáng)化“課后復(fù)習(xí)”或“考試準(zhǔn)備”的場(chǎng)景細(xì)分,而不是泛泛地解決所有教育需求。這樣的明確定位有助于設(shè)計(jì)在特定場(chǎng)景中建立聯(lián)系,提高用戶接受度。Kindle 的設(shè)計(jì)充分考慮了“碎片化閱讀”這一場(chǎng)景。通過(guò)輕便設(shè)備、簡(jiǎn)化交互和護(hù)眼模式,完美契合了用戶在旅途中或睡前的閱讀需求。
設(shè)計(jì)的真需求
 
 
想象共識(shí):與用戶人設(shè)相契合
在現(xiàn)代消費(fèi)環(huán)境中,用戶不再僅僅關(guān)心產(chǎn)品能做什么,還關(guān)心它是否符合自己的身份、價(jià)值觀或生活方式。梁寧提出“用戶人設(shè)”的概念,鼓勵(lì)設(shè)計(jì)師關(guān)注用戶的自我認(rèn)知和期許。將目標(biāo)用戶的自我期許融入設(shè)計(jì)語(yǔ)言,如視覺(jué)風(fēng)格或品牌調(diào)性。 通過(guò)個(gè)性化設(shè)計(jì)增強(qiáng)用戶與產(chǎn)品的情感連接,例如提供可定制選項(xiàng)或創(chuàng)造屬于用戶的獨(dú)特體驗(yàn)。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:Nike 通過(guò)“Just Do It”這一品牌口號(hào),精準(zhǔn)觸達(dá)了用戶內(nèi)心深處的奮斗精神與自我突破的愿望。這一策略不僅為運(yùn)動(dòng)愛(ài)好者提供功能性的運(yùn)動(dòng)裝備,還賦予其品牌一種超越功能的象征意義,激勵(lì)用戶將運(yùn)動(dòng)視為一種表達(dá)自我的方式。無(wú)論是專業(yè)運(yùn)動(dòng)員還是普通健身愛(ài)好者,都能在 Nike 的設(shè)計(jì)中找到與自己“挑戰(zhàn)極限”人設(shè)相契合的情感共鳴。
設(shè)計(jì)的真需求
 
 
2. 用戶共創(chuàng):設(shè)計(jì)如何通過(guò)用戶反饋提升價(jià)值
梁寧提到,共識(shí)的最終結(jié)果是“建立關(guān)系”,這種關(guān)系不僅是一種商業(yè)紐帶,更是一種用戶與設(shè)計(jì)共創(chuàng)的可能性。在設(shè)計(jì)中,用戶的參與不僅提升了產(chǎn)品的體驗(yàn),也讓用戶成為了設(shè)計(jì)價(jià)值的共同創(chuàng)造者。
用戶反饋驅(qū)動(dòng)設(shè)計(jì)迭代
用戶共創(chuàng)的核心是從反饋中不斷優(yōu)化設(shè)計(jì)。無(wú)論是通過(guò)用戶訪談還是可用性測(cè)試,設(shè)計(jì)師都需要打開(kāi)設(shè)計(jì)與用戶的雙向互動(dòng)通道,深入理解用戶的真實(shí)感受。將用戶測(cè)試和數(shù)據(jù)分析融入設(shè)計(jì)流程,形成“反饋—迭代”的閉環(huán)。在設(shè)計(jì)中提供“驚喜點(diǎn)”,讓用戶感受到他們的建議被轉(zhuǎn)化為實(shí)際成果。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:Airbnb通過(guò)邀請(qǐng)用戶測(cè)試新功能,不斷優(yōu)化平臺(tái)界面和流程,同時(shí)讓用戶感受到自己的意見(jiàn)被重視。這種“共創(chuàng)感”增加了用戶對(duì)產(chǎn)品的信任和忠誠(chéng)度。
設(shè)計(jì)的真需求
 
 
設(shè)計(jì)師與用戶的長(zhǎng)期關(guān)系
超越一次性的交互設(shè)計(jì),成功的設(shè)計(jì)師更關(guān)注如何通過(guò)持續(xù)的體驗(yàn)優(yōu)化,建立與用戶的深層次關(guān)系。例如,為老用戶提供專屬功能或優(yōu)待,強(qiáng)化用戶的歸屬感與參與感。為用戶提供自定義或擴(kuò)展空間,讓他們能夠個(gè)性化調(diào)整設(shè)計(jì)。 借助社區(qū)運(yùn)營(yíng)或功能升級(jí),與用戶共同打造產(chǎn)品生態(tài)系統(tǒng)。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:Spotify 不僅提供流暢的音樂(lè)播放功能,還通過(guò)年度回顧功能(Spotify Wrapped)與用戶建立深度連接。用戶在感受個(gè)性化服務(wù)的同時(shí),也增強(qiáng)了對(duì)平臺(tái)的忠誠(chéng)度。
設(shè)計(jì)的真需求
 
 
一旦設(shè)計(jì)能夠建立與用戶的共識(shí),它就能夠在實(shí)際應(yīng)用中產(chǎn)生更深的影響。那么,如何讓這些設(shè)計(jì)實(shí)現(xiàn)持久的價(jià)值并持續(xù)創(chuàng)新呢?這就引出了我們接下來(lái)要討論的設(shè)計(jì)模式。
 
四、設(shè)計(jì)的模式:創(chuàng)新與可持續(xù)發(fā)展
在商業(yè)中,模式是企業(yè)在市場(chǎng)中持續(xù)生存的能力。而在設(shè)計(jì)領(lǐng)域,模式同樣意味著設(shè)計(jì)師和團(tuán)隊(duì)在快速變化的環(huán)境中,通過(guò)系統(tǒng)化方法實(shí)現(xiàn)創(chuàng)新與可持續(xù)發(fā)展的能力。梁寧在《真需求》中提出的三大模式要素——“能力系統(tǒng)、變現(xiàn)邏輯、分配機(jī)制”,為設(shè)計(jì)的長(zhǎng)期成功提供了明確的框架。
 
1. 設(shè)計(jì)的能力系統(tǒng):創(chuàng)新與實(shí)施的平衡
梁寧提出的“認(rèn)知是頂,安全是底”這一理念,強(qiáng)調(diào)了創(chuàng)新與可行性的平衡。這一思想對(duì)設(shè)計(jì)團(tuán)隊(duì)尤其重要,因?yàn)樵O(shè)計(jì)本質(zhì)上既是創(chuàng)造性工作,又需要落地執(zhí)行。
認(rèn)知是頂:設(shè)計(jì)師如何站在前沿創(chuàng)新
創(chuàng)新需要設(shè)計(jì)師保持對(duì)趨勢(shì)、技術(shù)和用戶行為的敏銳洞察。例如,隨著AI技術(shù)(如AIGC)在設(shè)計(jì)中的廣泛應(yīng)用,設(shè)計(jì)師需要主動(dòng)學(xué)習(xí)如何將這些新技術(shù)與設(shè)計(jì)工作流相結(jié)合,以提升效率和創(chuàng)造力。定期關(guān)注行業(yè)趨勢(shì),例如UI/UX設(shè)計(jì)中語(yǔ)音交互、動(dòng)態(tài)設(shè)計(jì)等領(lǐng)域的最新發(fā)展。為團(tuán)隊(duì)搭建學(xué)習(xí)機(jī)制,通過(guò)分享會(huì)、培訓(xùn)課程保持知識(shí)更新。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:Canva 引入了 AI 支持的設(shè)計(jì)功能,幫助用戶通過(guò)簡(jiǎn)單的操作快速生成高質(zhì)量的設(shè)計(jì)內(nèi)容。設(shè)計(jì)師團(tuán)隊(duì)通過(guò)分析用戶在社交媒體和品牌設(shè)計(jì)中的常見(jiàn)需求,將 AI 技術(shù)無(wú)縫集成到工具中,讓非專業(yè)用戶也能高效完成復(fù)雜的設(shè)計(jì)任務(wù)。這一功能不僅降低了設(shè)計(jì)門(mén)檻,也為專業(yè)設(shè)計(jì)師提供了更靈活的創(chuàng)作方式。
設(shè)計(jì)的真需求
 
 
安全是底:構(gòu)建設(shè)計(jì)的可行性與穩(wěn)定性
在追求創(chuàng)新的同時(shí),設(shè)計(jì)師需要考慮現(xiàn)實(shí)限制(如技術(shù)、預(yù)算、法律合規(guī)性等)。只有在可行性與風(fēng)險(xiǎn)可控的基礎(chǔ)上,設(shè)計(jì)才能真正落地。與開(kāi)發(fā)團(tuán)隊(duì)緊密協(xié)作,確保設(shè)計(jì)方案技術(shù)上可實(shí)現(xiàn)。在項(xiàng)目中設(shè)定約束條件(例如時(shí)間與資源),優(yōu)先完成最關(guān)鍵的功能設(shè)計(jì)。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:
產(chǎn)品出海設(shè)計(jì)中,考慮不同市場(chǎng)的文化和法規(guī)限制(如隱私保護(hù)或內(nèi)容展示),能夠避免后期的不可控風(fēng)險(xiǎn),讓設(shè)計(jì)更穩(wěn)定、合規(guī)。
設(shè)計(jì)的真需求
 
 
2. 變現(xiàn)邏輯:從用戶體驗(yàn)到商業(yè)價(jià)值
設(shè)計(jì)不僅是美學(xué)和交互的表達(dá),還直接影響商業(yè)目標(biāo)的實(shí)現(xiàn)。梁寧指出,變現(xiàn)的核心在于找到“套利空間”,而設(shè)計(jì)的作用就是通過(guò)提升效率和體驗(yàn),優(yōu)化商業(yè)轉(zhuǎn)化路徑。
提高商業(yè)轉(zhuǎn)化率:設(shè)計(jì)如何推動(dòng)用戶行為
高效的設(shè)計(jì)能夠縮短用戶完成目標(biāo)的路徑,從而提升產(chǎn)品的商業(yè)轉(zhuǎn)化率。優(yōu)化用戶體驗(yàn)流程,減少操作步驟,讓用戶更快速地完成核心任務(wù)。通過(guò)微交互和視覺(jué)提示,吸引用戶注意,推動(dòng)行為轉(zhuǎn)化。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:亞馬遜的“一鍵下單”功能通過(guò)簡(jiǎn)化支付步驟,大幅提升了購(gòu)買轉(zhuǎn)化率。這種通過(guò)設(shè)計(jì)直接提升效率的方式,充分體現(xiàn)了變現(xiàn)邏輯的核心。
設(shè)計(jì)的真需求
 
 
長(zhǎng)期價(jià)值:設(shè)計(jì)如何助力品牌忠誠(chéng)度
除了短期的轉(zhuǎn)化提升,設(shè)計(jì)還能夠通過(guò)建立品牌認(rèn)同,提升用戶的長(zhǎng)期忠誠(chéng)度。通過(guò)一致的視覺(jué)語(yǔ)言和情感化設(shè)計(jì),增強(qiáng)用戶對(duì)品牌的記憶點(diǎn)。在用戶生命周期中持續(xù)提供附加價(jià)值,如專屬功能或個(gè)性化推薦。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:星巴克通過(guò)會(huì)員體系和移動(dòng)應(yīng)用設(shè)計(jì)提升用戶忠誠(chéng)度。界面保持一致的品牌風(fēng)格(如綠色主題和簡(jiǎn)潔布局),同時(shí)通過(guò)個(gè)性化推薦、積分獎(jiǎng)勵(lì)機(jī)制和專屬優(yōu)惠強(qiáng)化用戶體驗(yàn)。此外,定期推出的限量活動(dòng)和節(jié)日主題設(shè)計(jì)進(jìn)一步拉近了品牌與用戶的情感連接。這種設(shè)計(jì)策略將品牌價(jià)值與用戶體驗(yàn)深度融合,不僅提供貼心服務(wù),還通過(guò)一致性和個(gè)性化增強(qiáng)用戶的長(zhǎng)期信任與歸屬感。
設(shè)計(jì)的真需求
 
 
3. 資源分配:如何聚焦核心優(yōu)勢(shì)以實(shí)現(xiàn)長(zhǎng)期價(jià)值
分配機(jī)制是資源調(diào)配的策略。梁寧強(qiáng)調(diào),資源應(yīng)優(yōu)先流向能夠增強(qiáng)生存優(yōu)勢(shì)的領(lǐng)域。在設(shè)計(jì)中,這意味著設(shè)計(jì)師和團(tuán)隊(duì)?wèi)?yīng)集中精力在能夠帶來(lái)最大價(jià)值的關(guān)鍵點(diǎn)上,而不是平均分配資源或盲目追求全面覆蓋。
聚焦核心設(shè)計(jì)能力
每個(gè)設(shè)計(jì)團(tuán)隊(duì)都有自己的核心優(yōu)勢(shì),例如擅長(zhǎng)用戶界面、交互設(shè)計(jì)或品牌塑造。資源分配應(yīng)優(yōu)先支持這些優(yōu)勢(shì)領(lǐng)域。明確團(tuán)隊(duì)優(yōu)勢(shì),分配更多時(shí)間和預(yù)算用于強(qiáng)化核心能力。 在能力邊界內(nèi)合理試驗(yàn)創(chuàng)新,避免資源分散帶來(lái)的執(zhí)行風(fēng)險(xiǎn)。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:小米的設(shè)計(jì)團(tuán)隊(duì)專注于打造智能硬件與軟件的深度整合,通過(guò)其獨(dú)特的生態(tài)鏈戰(zhàn)略,將資源集中于優(yōu)化用戶在多個(gè)設(shè)備間的無(wú)縫體驗(yàn)。這種聚焦于智能生態(tài)系統(tǒng)的設(shè)計(jì)策略,不僅提升了各個(gè)產(chǎn)品之間的協(xié)同效應(yīng),還加深了用戶對(duì)小米品牌的忠誠(chéng)度,最大化了其在智能硬件領(lǐng)域的核心競(jìng)爭(zhēng)力。
設(shè)計(jì)的真需求
 
 
優(yōu)化設(shè)計(jì)資源分配
資源分配不僅要聚焦于優(yōu)勢(shì),還需避免對(duì)非核心需求的過(guò)度投入。例如,過(guò)度追求復(fù)雜視覺(jué)效果而忽略功能體驗(yàn),可能導(dǎo)致資源浪費(fèi)。在項(xiàng)目啟動(dòng)前明確設(shè)計(jì)優(yōu)先級(jí),將資源集中在高價(jià)值任務(wù)上。定期復(fù)盤(pán)項(xiàng)目中的資源使用情況,找到優(yōu)化空間。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:
知乎在初期發(fā)展時(shí),專注于優(yōu)化用戶的核心需求——精準(zhǔn)的信息獲取和高效的問(wèn)答功能。盡管其界面設(shè)計(jì)簡(jiǎn)潔,但團(tuán)隊(duì)將大量資源投入到交互體驗(yàn)和信息流的優(yōu)化上,而非追求復(fù)雜的視覺(jué)效果。這一策略確保了平臺(tái)的易用性和功能性,同時(shí)避免了不必要的設(shè)計(jì)過(guò)度,從而提升了用戶粘性。隨著用戶需求的變化,知乎又根據(jù)反饋逐步改進(jìn)設(shè)計(jì),確保資源分配與產(chǎn)品目標(biāo)始終對(duì)齊。
設(shè)計(jì)的真需求
 
 
在建立了設(shè)計(jì)的創(chuàng)新能力與可持續(xù)性后,我們需要將其與設(shè)計(jì)師的個(gè)人成長(zhǎng)與職業(yè)使命結(jié)合起來(lái)。設(shè)計(jì)不僅僅是解決問(wèn)題,更關(guān)乎設(shè)計(jì)師如何通過(guò)設(shè)計(jì)找到個(gè)人的歸屬感與意義。
 
五、設(shè)計(jì)師的自我反思:真需求與生命的意義
梁寧在《真需求》中提出,商業(yè)問(wèn)題歸根到底是哲學(xué)問(wèn)題:“人生到底需要什么?市場(chǎng)到底需要什么?”對(duì)于設(shè)計(jì)師而言,這一問(wèn)題可以轉(zhuǎn)換為“用戶到底需要什么?我自己到底需要什么?”設(shè)計(jì)師不僅需要關(guān)注用戶的真需求,還應(yīng)誠(chéng)實(shí)面對(duì)自己的需求和價(jià)值,以找到設(shè)計(jì)與個(gè)人成長(zhǎng)的平衡點(diǎn)。這種反思能夠讓設(shè)計(jì)從單純的職業(yè)實(shí)踐,升華為生命的自我表達(dá)。
 
1. 避免偽創(chuàng)新:如何專注于用戶的真實(shí)需求
許多設(shè)計(jì)師在工作中容易陷入“自嗨式設(shè)計(jì)”的陷阱,例如為了炫技追求復(fù)雜的視覺(jué)效果,或過(guò)分迎合流行趨勢(shì)而忽略用戶實(shí)際需求。這種設(shè)計(jì)表面上光鮮亮麗,實(shí)際上卻脫離了用戶場(chǎng)景,難以創(chuàng)造真正的價(jià)值。
拒絕偽創(chuàng)新,回歸用戶本質(zhì)需求
梁寧提到,商業(yè)價(jià)值來(lái)自于滿足用戶的真需求。同樣,設(shè)計(jì)的成功在于能否為用戶解決實(shí)際問(wèn)題,而非制造無(wú)意義的花哨。定期開(kāi)展用戶調(diào)研,與用戶直接對(duì)話,避免假設(shè)驅(qū)動(dòng)設(shè)計(jì)。在設(shè)計(jì)流程中設(shè)置校驗(yàn)機(jī)制(如可用性測(cè)試),確保設(shè)計(jì)方案符合用戶的實(shí)際需求和期望。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:Dropbox 在初期專注于簡(jiǎn)化文件存儲(chǔ)和共享的功能,而非追求復(fù)雜的設(shè)計(jì)或炫酷的視覺(jué)效果。團(tuán)隊(duì)通過(guò)與用戶的持續(xù)溝通,了解他們的核心需求:高效、安全、便捷地管理文件。通過(guò)一系列用戶調(diào)研和可用性測(cè)試,Dropbox 將其界面設(shè)計(jì)簡(jiǎn)化,確保操作直觀易懂,避免了無(wú)意義的復(fù)雜功能。
設(shè)計(jì)的真需求
 
 
透過(guò)表面需求,挖掘深層次的情感與價(jià)值
用戶往往不知道自己真正需要什么,這就需要設(shè)計(jì)師具備洞察力,找到需求背后的痛點(diǎn)或欲望。從用戶行為和場(chǎng)景中尋找隱藏需求,例如他們未被滿足的情感訴求。提升設(shè)計(jì)的情感價(jià)值,通過(guò)視覺(jué)、語(yǔ)言和交互細(xì)節(jié)拉近與用戶的距離。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:網(wǎng)易云音樂(lè)通過(guò)其個(gè)性化推薦系統(tǒng)和社交功能,成功滿足了用戶在聽(tīng)音樂(lè)時(shí)的情感需求。除了基本的音樂(lè)播放功能外,網(wǎng)易云音樂(lè)通過(guò)精準(zhǔn)的算法分析用戶的聽(tīng)歌習(xí)慣,為用戶推薦符合其情感需求的歌曲,同時(shí)允許用戶創(chuàng)建歌單并與朋友分享,從而創(chuàng)造了一種情感共鳴和社交連接。
設(shè)計(jì)的真需求
 
 
2. 設(shè)計(jì)師的成長(zhǎng):面對(duì)個(gè)人與職業(yè)需求的挑戰(zhàn)
在不斷追求創(chuàng)新和成果的過(guò)程中,設(shè)計(jì)師也需要反思自己的目標(biāo)和價(jià)值。梁寧指出,真正的安全感并非來(lái)自完美無(wú)缺,而是源于誠(chéng)實(shí)面對(duì)自己與他人的需求,這對(duì)設(shè)計(jì)師的個(gè)人成長(zhǎng)有深刻啟發(fā)。
理解自己的角色:從解決問(wèn)題到創(chuàng)造可能
設(shè)計(jì)師常被視為“問(wèn)題解決者”,但更重要的是成為“可能性創(chuàng)造者”。通過(guò)設(shè)計(jì),激發(fā)用戶的想象力,讓他們看到更多選擇和更美好的未來(lái)。在項(xiàng)目中尋找能提升用戶生活質(zhì)量的機(jī)會(huì),推動(dòng)設(shè)計(jì)從功能解決擴(kuò)展到體驗(yàn)優(yōu)化。 保持對(duì)多學(xué)科領(lǐng)域的興趣,例如心理學(xué)、行為經(jīng)濟(jì)學(xué),為設(shè)計(jì)注入更多可能性。
設(shè)計(jì)的真需求
 
 
與設(shè)計(jì)和解:接受有限性,專注長(zhǎng)期價(jià)值
很多設(shè)計(jì)師在職業(yè)生涯中容易陷入“無(wú)限追求完美”的焦慮狀態(tài)。事實(shí)上,完美設(shè)計(jì)并不存在,每個(gè)項(xiàng)目都有時(shí)間、預(yù)算和技術(shù)限制。學(xué)會(huì)接受設(shè)計(jì)的有限性,專注于長(zhǎng)期價(jià)值的積累,才能在職業(yè)道路上走得更遠(yuǎn)。在每個(gè)項(xiàng)目中明確最核心的目標(biāo),優(yōu)先解決關(guān)鍵問(wèn)題,避免過(guò)度設(shè)計(jì)。 記錄自己的設(shè)計(jì)成果和成長(zhǎng)點(diǎn),總結(jié)經(jīng)驗(yàn),逐步積累長(zhǎng)期設(shè)計(jì)資產(chǎn)。
設(shè)計(jì)的真需求
 
 
3. 設(shè)計(jì)師的社會(huì)責(zé)任:超越商業(yè),創(chuàng)造社會(huì)價(jià)值
梁寧在書(shū)中提到,“商業(yè)只是社會(huì)的一個(gè)局部,生命才是全局”。設(shè)計(jì)師不僅是為商業(yè)目標(biāo)服務(wù)的工具人,更是社會(huì)創(chuàng)新的重要力量。通過(guò)設(shè)計(jì),解決用戶問(wèn)題、傳遞價(jià)值觀,甚至影響文化和社會(huì)結(jié)構(gòu),這是設(shè)計(jì)師在更大框架中的角色所在。
設(shè)計(jì)作為改變世界的工具
設(shè)計(jì)的意義不僅在于優(yōu)化現(xiàn)有產(chǎn)品,還在于推動(dòng)社會(huì)問(wèn)題的解決。例如,環(huán)保包裝、無(wú)障礙設(shè)計(jì)和公益產(chǎn)品,這些設(shè)計(jì)不僅實(shí)現(xiàn)了功能目標(biāo),還為社會(huì)帶來(lái)了積極影響。在設(shè)計(jì)中融入社會(huì)責(zé)任感,例如使用可持續(xù)材料、優(yōu)化資源利用。 主動(dòng)參與公益項(xiàng)目,將設(shè)計(jì)能力用于支持弱勢(shì)群體或解決社會(huì)問(wèn)題。
設(shè)計(jì)的真需求
 
 
讓設(shè)計(jì)為生命賦能
梁寧指出,美好的商業(yè)應(yīng)該讓人們的生命綻放。同樣,美好的設(shè)計(jì)不僅服務(wù)于用戶的基本需求,更能激發(fā)他們的潛能,幫助他們實(shí)現(xiàn)更高層次的價(jià)值。設(shè)計(jì)關(guān)注用戶的成長(zhǎng)和進(jìn)步,例如幫助用戶學(xué)習(xí)新技能或提高效率。 通過(guò)情感化設(shè)計(jì),構(gòu)建更有溫度的產(chǎn)品體驗(yàn),給用戶帶來(lái)啟發(fā)和感動(dòng)。
設(shè)計(jì)的真需求
 
 
 
六、結(jié)語(yǔ)
 
設(shè)計(jì)不僅是解決問(wèn)題的工具,更是一種改變生活的力量?!墩嫘枨蟆纷屛覀兩羁桃庾R(shí)到,設(shè)計(jì)師的工作不僅僅是完成任務(wù),它應(yīng)致力于滿足用戶的真需求,通過(guò)創(chuàng)造價(jià)值、構(gòu)建共識(shí)和優(yōu)化設(shè)計(jì)模式,推動(dòng)產(chǎn)品、用戶與社會(huì)之間更深層次的連接。
對(duì)于設(shè)計(jì)師而言,梁寧的“價(jià)值、共識(shí)、模式”模型提供了系統(tǒng)化的實(shí)踐框架:
在價(jià)值層面
,從功能、情緒和資產(chǎn)三個(gè)維度出發(fā),創(chuàng)造打動(dòng)用戶的作品。
在共識(shí)層面
,通過(guò)感知、場(chǎng)景和想象的共識(shí)構(gòu)建,讓設(shè)計(jì)與用戶的心理、情境和期望緊密結(jié)合。
在模式層面
,不斷提升自己的能力系統(tǒng),探索設(shè)計(jì)的商業(yè)價(jià)值和資源分配策略,推動(dòng)設(shè)計(jì)的長(zhǎng)期可持續(xù)發(fā)展。
設(shè)計(jì)的真需求
 
 
設(shè)計(jì)的價(jià)值遠(yuǎn)不止于商業(yè)范疇,它應(yīng)從更廣闊的社會(huì)和生命角度進(jìn)行探索。設(shè)計(jì)師的使命不僅是完成項(xiàng)目或滿足客戶需求,更是通過(guò)設(shè)計(jì)改善世界,讓人們的生活更加豐富和有意義。關(guān)注“真需求”不僅能為用戶帶來(lái)更好的生活體驗(yàn),也能為設(shè)計(jì)師自身提供從容與篤定的成長(zhǎng)方向。這才是設(shè)計(jì)的真正力量,也是設(shè)計(jì)師應(yīng)不斷追求的目標(biāo)。
設(shè)計(jì)的真需求
 
 
設(shè)計(jì)的真需求
 
 
設(shè)計(jì)師的成長(zhǎng)離不開(kāi)對(duì)自身需求的深刻反思。只有坦誠(chéng)面對(duì)自身的局限,專注于長(zhǎng)期的積累與價(jià)值創(chuàng)造,我們才能在職業(yè)道路上走得更遠(yuǎn),在設(shè)計(jì)中找到真正的意義與從容。這不僅是《真需求》理念的實(shí)踐,更是設(shè)計(jì)師的生活態(tài)度。設(shè)計(jì)的未來(lái),除了技術(shù)創(chuàng)新和形式變化,更在于設(shè)計(jì)師如何通過(guò)真需求的思考,讓設(shè)計(jì)為社會(huì)和個(gè)人創(chuàng)造更加美好的可能性。


作者:西子小宇宙
鏈接:https://www.zcool.com.cn/article/ZMTY0MTk3Ng==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

日歷

鏈接

個(gè)人資料

存檔