• <center id="sm46c"></center>
  • <dfn id="sm46c"></dfn>
  • <strike id="sm46c"></strike>
  • <cite id="sm46c"><source id="sm46c"></source></cite>
    • <strike id="sm46c"><source id="sm46c"></source></strike>
      <option id="sm46c"></option>
      国产精品天天看天天狠,女高中生强奷系列在线播放,久久无码免费的a毛片大全,国产日韩综合av在线,亚洲国产中文综合专区在,特殊重囗味sm在线观看无码,中文字幕一区二区三区四区在线,无码任你躁久久久久久老妇蜜桃

      首頁

      我如何評審設(shè)計工作

      杰睿 隨筆的一些文章

      好的設(shè)計可能并非易事。對一個人來說顯而易見的東西,對另一個人來說可能毫無意義。設(shè)計可能感覺很主觀,但我(以及其他設(shè)計領(lǐng)導(dǎo))在評審設(shè)計時,總會關(guān)注一些因素。

      好的設(shè)計是早期良好協(xié)作的成果。早期設(shè)計通常不會面面俱到,但我們可以預(yù)見一些細節(jié),避免在不盡如人意的設(shè)計上花費太多時間。

      本文檔試圖定義 Dialpad 的設(shè)計中“好”的真正含義。它為我們提供了一個共同的目標(biāo),以便領(lǐng)導(dǎo)層在評審時能夠充分預(yù)期他們的大部分反饋,并讓他們相信設(shè)計方向是正確的。

      有敘述

      首先,我們必須弄清楚我們?yōu)槭裁匆鲆粋€項目。是我們要改進的指標(biāo)嗎?是我們要解決的未滿足的用戶需求嗎?還是我們要達成的銷售?在查看任何屏幕之前,我首先需要了解我們?yōu)槭裁匆鲞@件事。這有助于我們在審查設(shè)計時堅持第一原則。

      你知道我們怎么說講故事很重要嗎?這就是我們的意思。

      只有了解了這些背景之后,我才能給你真正有用的反饋,而不僅僅是膚淺的“在這里增加間距”類型的反饋。

      你并不總是需要幻燈片,1-2 段文字或 30 秒的演講通常就足夠了。我不喜歡被拖進一個沒有任何注釋的 Figma 文件里,也不喜歡僅僅為了了解項目是什么就被鏈接到一個冗長的 Jira Epic 文件或 15 頁的 PRD 文件。

      設(shè)計領(lǐng)導(dǎo)力涵蓋了很多方面,我依靠來告訴我什么是項目以及它為什么重要。

      對你分享的內(nèi)容和你想要的反饋要有策略性。你不應(yīng)該在設(shè)計文件中展示和解釋所有內(nèi)容。為此,提前整理好你的想法和 Figma 文件會很有幫助。通過屏幕共享來跟上一個在 Figma 畫板上快速切換的人的喋喋不休是非常困難的。你很可能無法通過這種方式獲得你想要的反饋。

      你自己的想法

      PM 或工程師通常會在介紹項目時就已經(jīng)想好了解決方案。它會被包含在 Jira 工單中,在 PRD 中描述,或在會議上提及。這很棒。我們當(dāng)然應(yīng)該探索并汲取其他人的想法。但我也希望看到你們思考自己的點子。

      弄清楚自己要做什么是高級設(shè)計角色的一個重要部分。

      我希望看到你不僅僅是在執(zhí)行別人的想法。我希望看到你至少從兩三個不同的角度探索過一個想法(也就是說,不是同一個想法,只有兩三個細微的變化)。

      想出不同的解決問題的方法,表明你不僅僅是照做別人說的,而是真正運用自己的判斷。這正是一個人在高級職位上表現(xiàn)出色的原因。不要害怕提問,不要害怕提出大膽的想法。你提出和改進想法的方式與實現(xiàn)想法的方式同樣重要。

      一致性與創(chuàng)新

      Dialpad 已經(jīng)推出一段時間了,這意味著我們已經(jīng)構(gòu)建了許多快速易用的設(shè)計模式。但是,如果還有改進空間,就不要僅僅滿足于“快速易用”。有時,新的方法可以讓事情變得更好。

      在審查設(shè)計時,我會問自己以下有關(guān)一致性和創(chuàng)新性的問題:

      • 我們是在為一個老問題提出新的解決方案嗎?有什么好的理由嗎?
      • 我們是否有針對整個產(chǎn)品做類似事情的例子,同時注意到其優(yōu)點和缺點?
      • 該設(shè)計是否使用了客戶習(xí)慣的模式,或者是否是他們必須學(xué)習(xí)的新內(nèi)容?

      如果存在一個可以完成某項任務(wù)的現(xiàn)有模式,我希望看到它。同時,如果您認(rèn)為有必要引入一個新的模式,我也希望看到它。如果您對其中一個模式有合理的偏好,我會加分。

      雖然修復(fù)不一致問題很重要,但我們也應(yīng)該考慮用戶的使用場景。有時,即使需要付出更多努力,追求更好的體驗也同樣重要。有時,為了保持一致性和速度,最好還是堅持現(xiàn)有方案。繪制多個設(shè)計方案有助于促進這方面的討論。

      掩蓋復(fù)雜性

      Dialpad 是一款極其復(fù)雜的產(chǎn)品,包含大量技術(shù)工作流程并生成大量數(shù)據(jù)。

      我們的客戶不應(yīng)該知道這一點。

      我們的目標(biāo)應(yīng)該是使交流變得即時且易于理解,就像網(wǎng)絡(luò)瀏覽器連接和顯示網(wǎng)站一樣。

      在審查設(shè)計時,我會問自己以下有關(guān)擴展功能的問題:

      • 屏幕上呈現(xiàn)的信息是否一目了然?用戶是否可以根據(jù)需要深入了解?
      • 是不是需要太多點擊?我們是不是在要求用戶做一些可以自動化的事情?
      • 新用戶會如何看待這個功能?高級用戶又會如何看待呢?
      • 我們需要構(gòu)建一些新的東西嗎?或者我們可以改變一些現(xiàn)有的東西嗎?

      設(shè)計應(yīng)該易于理解,但又足夠強大以處理復(fù)雜性和規(guī)模。

      用戶體驗復(fù)制

      記住,設(shè)計主要就是文字。我希望看到你的用戶體驗文案與用戶流程、矩形和顏色保持相同的標(biāo)準(zhǔn)。

      在審查設(shè)計時,我會問自己以下有關(guān) UX 副本的問題:

      • 能少點文字嗎?無論是博客文章還是單個表單字段,我寫任何東西時的第一反應(yīng)都是刪掉文字。
      • 語言是否清晰?我們能否簡化或刪除技術(shù)術(shù)語、縮寫和內(nèi)部用語?
      • 語言是否一致?基于我已知的 Dialpad 知識,我能理解嗎?我們使用動詞的方式是否一致?日期和時間格式如何?甚至像大小寫這樣的問題也很重要。

      我們有復(fù)制指南,還有一個經(jīng)過 Dialpad 語音和語調(diào)訓(xùn)練的ChatGPT 機器人。快來使用吧!

      在撰寫文案時,我通常會將類似這樣的內(nèi)容放入 ChatGPT 中:

      通常,最好的文案是這些示例的組合。我在撰寫本文時就使用了這種技巧。

      感覺如何?

      在審查工作流程時,一個原型勝過一千個靜態(tài)屏幕。我喜歡盡早看到原型,即使是在線框階段。它能幫助我預(yù)覽實際使用設(shè)計的感覺。

      在審查原型時,我會問自己以下問題:

      • 一個功能有多容易被發(fā)現(xiàn)?如果我是第一次接觸這個產(chǎn)品,我能理解它在哪里以及該做什么嗎?
      • 感覺怎么樣?點擊次數(shù)多嗎?步驟之間的過渡怎么樣?
      • 與我使用的其他應(yīng)用程序相比,它給我的感覺如何?如果我每天都要用這個設(shè)計,我會有什么感受?每周都用?

      用代碼制作原型并不總是可行的,所以像 Figma 這樣的原型工具能提供僅次于實際產(chǎn)品體驗的最佳設(shè)計。從新用戶引導(dǎo)到任務(wù)完成,交互式原型能讓我清晰地了解用戶從始至終的旅程。

      這怎么會失敗呢?

      大多數(shù)設(shè)計評審都側(cè)重于推銷一個想法,讓觀眾信服這個設(shè)計為什么好。但這只是設(shè)計評審的一部分。我也想知道它的缺點。我們應(yīng)該成為自己最嚴(yán)厲的批評者。

      每個設(shè)計方向的優(yōu)缺點是什么?一個設(shè)計怎么會失敗?在審查一個設(shè)計時,我會尋找它為什么行不通,或者它可能被濫用或利用的原因,所以如果你也考慮過這些,會很有幫助。提前思考這些問題有助于促進團隊之間的討論。

      雖然沒有一份詳盡的清單列出使設(shè)計“好”的因素,但提前考慮這些因素有助于將與領(lǐng)導(dǎo)層的討論集中在深刻、實質(zhì)性的話題上。

      當(dāng)我們接受“好”的不同定義,依靠清晰的框架,并創(chuàng)造一個支持批評的空間時,我們就可以提供既能滿足創(chuàng)意目標(biāo)又能滿足商業(yè)目標(biāo)的設(shè)計工作。

       

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

      未來的設(shè)計形態(tài)

      杰睿 行業(yè)趨勢

      有些想法已經(jīng)醞釀了好幾周。其他想法則是在談話中,或者在觀看某人發(fā)起一個零散的無代碼實驗時浮現(xiàn)出來的(我們最近經(jīng)常這樣做)。

      他們或許會老得漂亮,也或許不會。這不是重點。

      重點在于:變化正在發(fā)生。我們越了解它,就越能更好地塑造未來。

      1. 團隊規(guī)模更小,重點更明確

      我們正在進入一個團隊規(guī)模更小、更專注的時代——這適用于所有學(xué)科,而不僅僅是設(shè)計。

      正如 Marty Cagan 在最近為硅谷產(chǎn)品集團撰寫的文章中指出的那樣,產(chǎn)品團隊正在變得更加精簡,但效率也更高。這并不是說要用更少的資源做更多的事情,而是要消除噪音、開銷和不必要的交接。

      工具化正在飛速發(fā)展。十年前,一天內(nèi)構(gòu)建一個原型可能需要跳過關(guān)鍵步驟或加班加點。但現(xiàn)在,有了 Figma、一些無代碼工具(下文將詳細介紹 )以及 ChatGPT/Claude,一位設(shè)計師可以在早上探索五個方向,并在午餐前測試其中三個。

      人工智能并非取代我們,而是讓我們有機會進行更周全的設(shè)計。裝備精良的產(chǎn)品設(shè)計師——或者產(chǎn)品經(jīng)理——現(xiàn)在可以更快地從問題到原型,再到經(jīng)過驗證的解決方案,這并不是因為他們更加努力,而是因為環(huán)境最終讓他們能夠更智能地工作。裝備精良的產(chǎn)品設(shè)計師(或產(chǎn)品經(jīng)理)現(xiàn)在可以更快地從問題轉(zhuǎn)向原型,再轉(zhuǎn)向經(jīng)過驗證的解決方案,這并不是因為他們更加努力地工作,而是因為環(huán)境最終允許他們更聰明地工作。

      在設(shè)計領(lǐng)域(以及其他領(lǐng)域),這意味著更少的人員,但更明確的職責(zé)。更少的專業(yè)化,更多的責(zé)任。

      說實話,我迫不及待地想看到這個。我一直都很喜歡小團隊、快團隊。他們行動清晰,能快速建立信任,而且在協(xié)調(diào)上也更省力。

      說實話,如果你是一位領(lǐng)導(dǎo)者,認(rèn)為員工人數(shù)翻番就能自動改善現(xiàn)狀,那么當(dāng)經(jīng)濟形勢發(fā)生變化或公司未能實現(xiàn)目標(biāo)時,你可能會陷入困境。我們都見過這樣的情況:快速招聘,然后是恐慌性裁員,之后又是同樣的關(guān)于專注和問責(zé)的討論。

      單人團隊不再只是初創(chuàng)企業(yè)的神話。它正在成為一種可行的結(jié)構(gòu)——尤其是在小型公司和早期團隊中。隨著人工智能和無代碼工具的不斷發(fā)展,甚至可能在大型公司中也是如此。

      是的——這意味著“設(shè)計師”的定義也在發(fā)生變化。

      2. 全棧設(shè)計師的再次崛起全棧設(shè)計師的再次崛起

      高度專業(yè)化的時代正在消逝。這并不意味著專家已經(jīng)過時——遠非如此。只是現(xiàn)代產(chǎn)品設(shè)計師的工具包正在不斷擴展,人們期望他們能夠更好地利用這些工具包。

      研究、文案寫作、視覺設(shè)計、系統(tǒng)思維,甚至組件庫的實際工作——一切都融合在一起。人們越來越期望設(shè)計師能夠獨立掌控更多產(chǎn)品周期。這并不是為了取代其他角色,而是為了減少摩擦并保持發(fā)展勢頭。

      這種轉(zhuǎn)變反映在職位描述中。產(chǎn)品設(shè)計師(UX/UI 設(shè)計師等)現(xiàn)在需要定期撰寫微文案、進行可用性測試、參與設(shè)計系統(tǒng)、構(gòu)建原型、分析數(shù)據(jù)、招募用戶并與客戶溝通。預(yù)計撰寫微文案、運行可用性測試、參與設(shè)計系統(tǒng)、構(gòu)建原型、處理數(shù)據(jù)、招募用戶以及與客戶交流— 定期。

      說實話,為什么不呢?有了合適的工具,很多任務(wù)都會變得比以往更容易,而且可以做出更好、更快的決策。

      從許多方面來看,我們都回到了數(shù)字設(shè)計的早期階段,當(dāng)時同一個人會進行構(gòu)思、設(shè)計和構(gòu)建。

      但這一次,我們采用了更好的工具、更智能的系統(tǒng)以及(希望)更強的判斷力。

      3. 設(shè)計系統(tǒng)民主化

      隨著設(shè)計工具的發(fā)展和無代碼采用的增加,設(shè)計系統(tǒng)變得更加開放、可用和重要。

      我們正在看到從嚴(yán)格控制的庫向模塊化、即插即用的生態(tài)系統(tǒng)的轉(zhuǎn)變,這種轉(zhuǎn)變不僅使設(shè)計師能夠,而且使產(chǎn)品經(jīng)理、營銷人員甚至客戶成功角色能夠構(gòu)建實驗,而無需等待開發(fā)資源。

      我希望我們的產(chǎn)品經(jīng)理能夠使用我們的設(shè)計系統(tǒng)快速構(gòu)建原型——只需幾分鐘,而不是幾天——這樣他們就能快速測試各種想法。正因如此,我才致力于幾乎完全開放我們的靈魂設(shè)計系統(tǒng)。

      這令人興奮,但也提高了標(biāo)準(zhǔn)。開放式設(shè)計系統(tǒng)需要清晰的文檔、強大的組件和智能的治理。它們迫使我們像產(chǎn)品構(gòu)建者一樣思考,而不僅僅是設(shè)計師。

      與此同時,我們的系統(tǒng)越容易上手,我們就越有可能出現(xiàn)千篇一律的結(jié)果。當(dāng)每個人都使用相同的組件和模式時,千篇一律就會迅速蔓延。這并不是什么新鮮事,它一直存在。想想有多少網(wǎng)站與 Linear 的設(shè)計相似,又有多少新應(yīng)用模仿 Notion 的導(dǎo)航。正因如此,創(chuàng)造力、視覺識別和精湛工藝將變得更加重要,而不是更不重要。需要 (或想要)脫穎而出的公司需要投資于獨特的視覺/UI 設(shè)計、引人入勝的故事敘述,以及人工智能或模板無法復(fù)制的精妙之處。

      4. 工具正在改變一切(如果你允許的話)

      設(shè)計師從未擁有過如此強大的力量。我們能夠以一年前難以想象的速度進行測試、構(gòu)建和學(xué)習(xí)。

      在我的團隊中,我們正在探索一波全新的工具:可愛V0 復(fù)制, 和Bolt.new

      我們?nèi)栽跊Q定將哪一個(安全性、法律等)完全集成到我們的設(shè)計堆棧中,其中 Loveable 和 V0 目前處于領(lǐng)先地位。

      我們中的一些人也一直在研究Cursor。毫無疑問,它功能強大,但對于日常設(shè)計工作流程來說,它仍然感覺有點“更高層次” (2025 年春季——你可以打賭,幾個月后,這種情況將不再存在)。

      附注:隨著工具越來越開放,團隊界限越來越模糊,安全問題也變得越來越重要——即使對設(shè)計師而言也是如此。在討論過風(fēng)險之后,我請求我們的AI/創(chuàng)新團隊幫助我們搭建自己的MCP服務(wù)器。他們現(xiàn)在正在著手開發(fā)——即使在早期階段,我們也非常謹(jǐn)慎。

      Vibe 編碼很有趣……直到它會讓你的系統(tǒng)暴露一些不該暴露的東西。

      這些工具不僅能節(jié)省時間,還能改變文化和思維方式

      他們正瘋狂地奔跑。我完全相信,如果一年后我再回顧這件事,一定會發(fā)現(xiàn)三個功能強大的新工具。看看生成圖像模型的飛躍——不到12個月,它就從八指的噩夢變成了擁有清晰副本的視覺效果。

      為了跟上步伐,我們開始舉辦內(nèi)部培訓(xùn),讓工程師指導(dǎo)設(shè)計師如何在本地環(huán)境中運行項目、如何運用變體進行思考以及理解系統(tǒng)邏輯。這并不是要把設(shè)計師變成開發(fā)者(好吧……也許有一點)。而是要減少恐懼,增加背景知識,并在流程早期做出更好的決策。

      要點是什么?最好的工具不僅能幫助你更快地行動,還能幫助你的整個團隊使用同一種語言,共同創(chuàng)造更好的產(chǎn)品。

      提示我一直建議設(shè)計師嘗試構(gòu)建 Figma 插件(你可以使用 ChatGPT 指導(dǎo))、個人網(wǎng)站,或者——更好的是——一個可以解決你實際問題的小工具。我們的一位設(shè)計師構(gòu)建了一個徒步旅行計劃器。另一位設(shè)計師為他的業(yè)余項目創(chuàng)建了一個烹飪伴侶。還有一位設(shè)計師創(chuàng)建了一個在線圖像壓縮網(wǎng)站。你將學(xué)到比預(yù)期更多的東西。

      5. 設(shè)計工程師的回歸

      隨著工具的發(fā)展和界限的模糊,一個新舊角色正在悄然回歸:設(shè)計工程師

      這并不是什么新鮮事——用戶體驗工程師在谷歌和其他科技巨頭中已經(jīng)存在了十多年。但得益于人工智能、無代碼開發(fā)和更強大的工具,這個曾經(jīng)只存在于科技巨頭獨角獸中的職位,如今正出現(xiàn)在 SaaS 團隊、初創(chuàng)公司和設(shè)計系統(tǒng)團隊中。

      我們團隊一直在探索這條道路。我設(shè)定了一個個人目標(biāo):到今年年底,我們產(chǎn)品設(shè)計團隊的某個人將為產(chǎn)品發(fā)布一個小更新——無需開發(fā)人員參與。即使是像更新工具提示中的文本這樣簡單的事情。在我們的 UI 團隊中,挑戰(zhàn)甚至更大:在沒有開發(fā)人員參與的情況下更新組件。

      為什么?因為前端現(xiàn)在應(yīng)該更快了。可以更快。在一個設(shè)計師可以與代碼對話(或者至少可以溫柔地引導(dǎo)代碼)的世界里,等待兩周的文本修改感覺很不對勁。

      這并不意味著團隊中的每個人都需要成為一名程序員。但這確實意味著我們需要更加適應(yīng)我們參與塑造的系統(tǒng)——并且不要再把 Figma 和生產(chǎn)環(huán)境之間的空間視為黑匣子。

      設(shè)計工程師(或任何行業(yè)賦予的頭銜)可能并不適合所有團隊。但我相信,他們會自然而然地成為更多團隊的一員。

      它會順利嗎?一點也不。開發(fā)人員會注意到那些混亂的部分——語法、結(jié)構(gòu)、風(fēng)險。這很正常。原型開發(fā)也是如此,任何初次踏入陌生領(lǐng)域的人都會遇到同樣的情況。

      但如果這種方法建立在好奇心和合作之上——而不是控制——它就會開始奏效。早期的摩擦是值得的。

      接下來是更快的迭代、更好的協(xié)調(diào)和共同的尊重。

      6.專家將比以往任何時候都更重要

      這里有一個悖論:隨著角色的融合和工具變得越來越容易使用,對真正的專業(yè)知識的需求實際上正在增長。

      人工智能是一個強大的放大器,但它也可能掩蓋經(jīng)驗的不足。我見過一些初級設(shè)計師嚴(yán)重依賴人工智能生成的結(jié)果,結(jié)果卻創(chuàng)作出缺乏深度、連貫性或意圖的作品。工程領(lǐng)域也存在同樣的問題:人工智能可以自動完成代碼,但卻無法調(diào)試業(yè)務(wù)邏輯。至少目前還不行。

      在這種新環(huán)境下,普通人和杰出人才之間的差距將會擴大。這令人不安,尤其是對于那些職業(yè)生涯早期的人來說。

      但它也是一個行動號召——呼吁前輩們進行指導(dǎo),呼吁團隊投資軟技能和系統(tǒng)思維,呼吁每個人超越僅僅推動像素或生成提示。

      成為專家。如果你還不是專家,沒關(guān)系——但不要停滯不前。不斷拓展,不斷磨練。這就是與眾不同之處。

      7. 品味、創(chuàng)造力和商業(yè)思維是差異化因素

      那么,在這個人工智能增強工作流程和像素級完美模板的時代,什么才能真正讓設(shè)計師脫穎而出呢?嗯,那些成就偉大設(shè)計的要素始終如一:品味。創(chuàng)造力。商業(yè)頭腦。溝通能力

      隨著工具的改進,我們已經(jīng)看到了千篇一律的風(fēng)險。環(huán)顧四周:幾乎每個新應(yīng)用都像 Notion,每個新網(wǎng)站都沿用 Linear 的簡潔極簡主義。這些模式并非糟糕——而是非常棒。但當(dāng)所有人都遵循相同的公式時,產(chǎn)品之間的界限就會變得模糊。體驗開始變得千篇一律。

      這時,視覺品味和創(chuàng)造力就比以往任何時候都更加重要。

      隨著人工智能和無代碼工具的不斷發(fā)展,執(zhí)行力不再是瓶頸——決策才是。我們的責(zé)任是像戰(zhàn)略家一樣思考,并運用具有影響力的語言。

      最終,只有那些能夠清晰表達意圖、發(fā)揮創(chuàng)造力并具備戰(zhàn)略思維的設(shè)計師才能脫穎而出。他們不僅能夠解答如何構(gòu)建并使其外觀精美,還能解釋其背后的原因以及為誰而 做。在我上一篇為本博客撰寫的文章中,我談到了設(shè)計師領(lǐng)導(dǎo)者需要身兼數(shù)職才能產(chǎn)生影響力。在生成式人工智能時代,這一點比以往任何時候都更加重要,只有能夠?qū)⒂脩粜枨笈c業(yè)務(wù)目標(biāo)相結(jié)合、清晰地提出創(chuàng)意并引導(dǎo)團隊取得有意義成果的設(shè)計師才能獲得發(fā)展空間。

      其他人都將被困在追求快速工程技巧的道路上。

      8. 你現(xiàn)在可以做什么

      那么,我們該如何應(yīng)對這一切?該如何為這個快速逼近的未來做好準(zhǔn)備?

      我們在團隊中親眼目睹了這一點。

      幾個月前,我們的一位內(nèi)容設(shè)計師聯(lián)系了UI團隊,尋求指導(dǎo)。她主動開始提升自己的技術(shù)技能,這并非她正式的成長計劃——這對她來說很有意義。之后,她創(chuàng)建了她的第一個組件——一個顏色選擇器——現(xiàn)在,我們真心相信她可以成為一名優(yōu)秀的產(chǎn)品設(shè)計師。

      我們在用戶體驗研究領(lǐng)域也看到了類似的轉(zhuǎn)變。如今,我們有三位高技能的研究員——說實話,我認(rèn)為未來我們不需要六位或十二位研究員。這并不是因為研究不那么重要,而是因為產(chǎn)品設(shè)計師越來越擅長掌控產(chǎn)品發(fā)現(xiàn)的各個環(huán)節(jié)——驗證想法、進行訪談,并更早地做出更明智的決策。

      這為我們經(jīng)驗豐富的研究人員提供了發(fā)展空間,使他們能夠成為戰(zhàn)略合作伙伴,而不僅僅是可用性測試人員。他們作為深思熟慮、高杠桿的合作伙伴,為我們的產(chǎn)品設(shè)計師提供支持,我們的一位研究人員也已經(jīng)開始探索UI設(shè)計。

      就像內(nèi)容設(shè)計一樣,研究仍然是一門至關(guān)重要的技藝,而且通常情況下,它仍將是一個專業(yè)化的角色。但這樣的時刻提醒我,保持領(lǐng)先地位不僅僅是學(xué)習(xí)新工具或追逐潮流,更在于拓展視野。那些蓬勃發(fā)展的人,將是那些充滿好奇心、積極進取、無所畏懼超越工作職責(zé)的人——不是因為他們被要求這樣做,而是因為他們想要按照自己的方式迎接未來。

      那么,為了應(yīng)對這一新現(xiàn)實,你能做些什么呢?以下是我給設(shè)計師(不僅僅是設(shè)計師)的建議:

      • 投資軟技能。同理心、講故事的能力、引導(dǎo)能力、領(lǐng)導(dǎo)力——這些永遠不會過時。事實上,它們比以往任何時候都更重要。
      • 親手實踐無代碼。構(gòu)建一些東西。打破它。了解它能做什么和不能做什么。
      • 對人工智能保持好奇心。把它當(dāng)作陪練伙伴,而不是拐杖。
      • 像產(chǎn)品人一樣思考。設(shè)計不再僅僅關(guān)乎形式,而更關(guān)乎結(jié)果——這本該一直如此。人工智能和無代碼工具正在加速這種轉(zhuǎn)變,讓設(shè)計師有更多空間專注于戰(zhàn)略和業(yè)務(wù)。
      • 分享你的知識。指導(dǎo)、寫作、教學(xué)——你將在這個過程中學(xué)到更多。
      • 鼓勵團隊中的其他人進行嘗試。這包括產(chǎn)品經(jīng)理、營銷人員,甚至客戶成功團隊。使用你的設(shè)計系統(tǒng)和無代碼工具構(gòu)建的簡單原型,有時比冗長的 PRD 能帶來更好的反饋。

      未來不在于做得更多,而在于做得更好——更清晰、更有目的、更快速。

      給未來的我的一封信

      如果您明年讀到這篇文章,我希望其中一些想法能夠得到認(rèn)可。

      也許有些事情被證明是錯誤的——也許更大的事情發(fā)生了,再次改變了一切。沒關(guān)系。

      我希望不變的是:我們不斷適應(yīng)。我們不斷學(xué)習(xí)。我們以好奇心而非恐懼引領(lǐng)。

      因為適應(yīng)力是我們的超能力。而設(shè)計——在最佳狀態(tài)下——始終在于對未來的暢想。

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

      To B端 To C端在產(chǎn)品設(shè)計和規(guī)劃過程中有哪些區(qū)別?

      杰睿 B端ui設(shè)計文章及欣賞

      C端B端有點泛,具體問題還是在具體的地方分析。不過總得來說也能歸納出一些區(qū)別。

      首先產(chǎn)品重要的定義:目標(biāo)用戶、結(jié)果預(yù)期以及所需功能。B端一般是專業(yè)人士,他們的預(yù)期通常是多樣性、精準(zhǔn)且要求高的,而且功能入口系數(shù)高;C端是普通用戶,期望往往非常單一,功能入口要求簡單。

      其次通過這些定義,一般從表面上看是這樣的:

      1、B端功能繁重,C端肌膚功能單一化

      從用戶任務(wù)就可以看出任務(wù)不同。有一個圖形比喻,浮在水面的冰山上,其中是C端,水面下是B端,所以B端產(chǎn)品一般聽覺感受功能都異常多,而且流程繁瑣。

      2、B端講求業(yè)務(wù)精準(zhǔn)性、邏輯性,C端講求波形可用結(jié)果

      從第一點中就很容易知道在后臺設(shè)計中涉及到數(shù)據(jù)流通管理以及異常多的功能點,尤其是有的B端純粹是生產(chǎn)過程的管理,所以講究非常強的精準(zhǔn)性、邏輯性,很多時候都是直接把邏輯進行在交互層面,比如操作有明確說明,錯誤有出處,而在C產(chǎn)品端的時候說多了是沒有用的,用戶不明白沒耐心,可能告訴用戶的就是一個最簡單的結(jié)果。

      3、B端業(yè)務(wù)關(guān)聯(lián)度大,C端結(jié)構(gòu)比較稀疏

      在B端中,業(yè)務(wù)牽扯到的地方異常,通常需要方方面面都要考慮,并且能夠從關(guān)聯(lián)的很多模塊中抽象解構(gòu)出數(shù)據(jù),實現(xiàn)出完整的一套流程;而在C端,很多功能看起來非常獨立,感覺甚至對其他地方影響也較小。

      最后,“表面所得”就是告訴你,B端一看就是大坑,C端往往是陷入的坑。B端一定要求你一開始就要對業(yè)務(wù)整體流程熟悉,側(cè)重點對流程進行管理;C端不一定要求你深入業(yè)務(wù)細節(jié),更多的是對用戶體驗以及結(jié)果的響應(yīng)。

      ps.如果說哪端比較難,B端在入門難,C端在入門后難。B端入門門檻高,一開始就要求有專業(yè)積累;C端可以混進門,畢竟用戶體驗這件事誰都可以談,經(jīng)濟學(xué)和心理學(xué)都可以談,但有幾個人學(xué)得不錯。

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

      人性化界面設(shè)計:模式

      杰睿 大數(shù)據(jù)可視化設(shè)計文章及欣賞

      你會怎么評價下面兩款收音機收音機的設(shè)計?

      索尼收音機

      圖1是索尼的一款收音機。它的面板右下方4*8依次排布的黑色按鍵分別對應(yīng)了32個提前設(shè)置好的收音機。按任意一個按鍵,可以收到某一個收音機。

      某貨車收音機面板

      圖2是一個車載收音機。左邊首先把收音機劃分為三組。屏幕右下方的兩排圓形按鈕中,有一個是用來選擇三組收音機的其中之一。剩下的1*6個按鍵來選定該組中的某一個收音機(如果需要切換AM-FM,操作還比較復(fù)雜)

      以前索尼的無線電設(shè)計看起來很復(fù)雜,但它實際上更好用。因為每一個按鍵對應(yīng)著同一個收音機,當(dāng)用戶熟悉了健身并使用習(xí)慣后,他們甚至可以不用揉捏操作面板,而直接通過手指觸摸數(shù)字按下自己想要的按鍵。這樣的操作即使是在黑夜中也能進行。前置遙控器的設(shè)計雖然減少了按鍵并節(jié)省了空間,卻犧牲了易用性。因為這是該設(shè)計中引入了模式(modes):當(dāng)用戶使用同一個操作時,而系統(tǒng)由于不同的狀態(tài)給出了不同的回應(yīng)。

      這里引入了《人性化界面》這本書推崇的一個主要原則:好的界面不應(yīng)該存在模式。

      如果無論系統(tǒng)狀態(tài)如何,相同的用戶輸入總是會產(chǎn)生相同的結(jié)果,則系統(tǒng)是非模式的。

      重要的概念

      為了更好的理解模式和界面設(shè)計的關(guān)系,以下是一些需要了解的概念:

      注意力點(locus of Attention):是指時刻我們意識的集中的地方。人類在任何時刻都有一個注意力點。你對這個點以外的區(qū)域是盲目的。比如當(dāng)你集中注意力在閱讀可能的文字時,就注意不到你的曼谷脊柱屏幕的頂端時間指針發(fā)生了變化。

      夜間操作(手勢):指用戶對界面的一個連續(xù)的操作,可能是一個鼠標(biāo)或雙擊。

      模式(mode) : 針對一個操作,如果一個系統(tǒng)根據(jù)其當(dāng)前的狀態(tài)有不同的反應(yīng),就代表這個系統(tǒng)存在不同的模式,而每個一個模式下界面的反應(yīng)是一致的

      ——比如作者非常反對的大寫鎖定鍵(Caps Lock):當(dāng)這個按鍵被按下時,電腦處于一個大寫輸出模式中;當(dāng)這個按鍵被再次按下時,電腦回到另一個模式;

      — — 再比如所有電腦的電源鍵就存在模式。根據(jù)電腦當(dāng)前的開關(guān)狀態(tài),同樣按下電源會導(dǎo)致電腦開機或關(guān)機;

      — — 還有 Photoshop 中的鼠標(biāo)操作,在不同的繪畫狀態(tài)中,點擊鼠標(biāo)的結(jié)果是完全不同的。

      界面模式的嚴(yán)格定義

      為了從用戶的角度討論模式的利弊,作者進一步嚴(yán)格定義了界面模式:

      針對用戶操作: 1. 根據(jù)當(dāng)前系統(tǒng)狀態(tài)的不同而給出不同的反應(yīng),2. 并且此時的系統(tǒng)狀態(tài)是在用戶的注意點之外(即用戶無法感知到的系統(tǒng)狀態(tài))此時就認(rèn)為界面存在模式

      • 在這個定義下再看一個例子:鍵盤的刪除鍵(退格/刪除)。每當(dāng)你按下刪除鍵,被刪掉的內(nèi)容都是不一樣的。因為但是人們往往注意力集中在即將被刪掉的文字上,因此不構(gòu)成模式。

      模式是用戶誤操作和影響業(yè)余性的主要原因之一:因為用戶沒有意識當(dāng)前的系統(tǒng)狀態(tài),因此無法了解到哪一個模式下,也不會知道自己的操作會帶來什么樣的結(jié)果。很多時候他們只能不斷試錯來完成任務(wù),這也阻礙了使用習(xí)慣的養(yǎng)成。

      對設(shè)計的啟示

      為了避免上述問題,界面設(shè)計應(yīng)該完全采用Quasimode。Quasimode的是用戶必須通過連續(xù)的物理操作讓系統(tǒng)維持在某種特定狀態(tài)下,并在此狀態(tài)下避免引入某種模式。典型的例子就是電腦的Shift鍵,按下Shift的同時敲擊鍵盤會進入大寫字母輸入模式。這樣的優(yōu)勢在于連續(xù)的動作動作讓用戶時刻記住自己在某個模式中,從而不會誤操作。

      值得強調(diào)的是,遵循模式設(shè)計原則的產(chǎn)品往往也會影響盲人所用(可訪問性設(shè)計)。因為模式的定義就考慮了人們的注意力集中點,而我們每個人對于我們注意力之外的事物,都是“看不見”的。

      從非常真實的意義上來說,我們對于我們關(guān)注點之外的世界都是盲目的。

      《人性化界面》的杰夫·拉斯金(Jef Raskin)是Mac的初代設(shè)計師和思考者。他相信機器的交互方式應(yīng)該是人性化的:即交互的過程能夠最大化作者的考慮并遏制我們?nèi)祟惖哪芰腿毕荨?/span>

      本書的第二章為讀者鋪墊了很多重要的理論基礎(chǔ),而后面的章節(jié)會開始剖析和挑戰(zhàn)我們平時習(xí)習(xí)的UI模式,比如文件夾,桌面,導(dǎo)航。

      因為本書讀完相見恨晚深受啟發(fā),決定開坑一系列讀后感!

       

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

      【蘭亭妙微】用戶體驗設(shè)計優(yōu)化 | 什么是“嵌入式成長機制”?

      杰睿 設(shè)計管理與成長

       

      ——從 Hook 模型到行為慣性設(shè)計的交互進階路徑

      一、起點:為什么“用戶投入”才是粘性最高的設(shè)計?

      在許多交互體驗中,設(shè)計者常常追求“即時反饋”:點擊即響應(yīng)、瀏覽即推薦、登錄即得禮。但用戶一旦體驗完畢,離開就再無回頭。
      原因在于:用戶沒有留下任何可積累的“成長性投入”
      根據(jù)《Hooked》模型,產(chǎn)品形成用戶習(xí)慣的四個階段中,Investment(投入)是最被低估卻最決定復(fù)訪意愿的一環(huán)
      “當(dāng)用戶在產(chǎn)品中投入時間、精力、數(shù)據(jù)或情緒,便不再是旁觀者,而是利益相關(guān)方。”
      但是,僅有“投入”還不夠,這些投入是否“嵌入”用戶未來體驗,是否帶來持續(xù)增長感,是設(shè)計的關(guān)鍵挑戰(zhàn)。
      這就引出一個更高級的設(shè)計模型:嵌入式成長機制

      二、定義:“嵌入式成長機制”到底是什么?

      嵌入式成長機制(Embedded Growth Mechanism) 是指:
      產(chǎn)品通過系統(tǒng)性結(jié)構(gòu),讓用戶的每一次投入行為產(chǎn)生未來可感知的回報,并對下一次使用產(chǎn)生預(yù)期依賴,最終形成習(xí)慣與留存。
      它具備四個核心特征:
      特征 說明 常見誤解
      行為路徑可復(fù)用 用戶走過的路徑會影響下一次決策 不是“歷史記錄”,而是路徑強化
      成果可積累 用戶的操作結(jié)果以結(jié)構(gòu)化形式沉淀 不是“完成任務(wù)”,而是“建立資產(chǎn)”
      成長性可感知 反饋不僅是即時,而是具有階段性躍遷 不是“獲得獎勵”,而是“具備成長感”
      結(jié)構(gòu)性嵌入 用戶資產(chǎn)影響后續(xù)流程、推薦、權(quán)限 不是“數(shù)據(jù)留存”,而是“體驗參與權(quán)”

      三、原理:從 Hook 模型到“行為慣性引擎”

      1. Hook 模型復(fù)盤
      在《Hooked》中,用戶習(xí)慣的形成來自于:
      1. Trigger(觸發(fā))
      2. Action(行動)
      3. Variable Reward(變動獎勵)
      4. Investment(投入)
      但模型本身不解釋 “投入之后發(fā)生了什么?” 投入成為“行為慣性”的方式是:嵌入式成長結(jié)構(gòu) + 可視化反饋機制 + 結(jié)構(gòu)性復(fù)利回路
      我們可以用如下公式理解這一點:
      markdown
      復(fù)制編輯
      Investment × Embedding × Future Payoff = Habitual Use
      也就是說,僅僅讓用戶“寫了一篇筆記”沒意義,除非:
      • 這篇筆記成為未來推薦算法的一部分
      • 它帶來新用戶點贊、收藏、互動(外部性收益)
      • 它在視覺層面沉淀為“知識資產(chǎn)”并被系統(tǒng)引用
      • 它解鎖了下一階段內(nèi)容 / 權(quán)限 / 工具
      這就是“嵌入式成長機制”與一般投入反饋機制的根本區(qū)別:
      用戶的行為介入并塑造了未來體驗結(jié)構(gòu)

      四、結(jié)構(gòu):嵌入式成長機制的 3 層設(shè)計框架

      我們可以從交互設(shè)計的角度,將其拆解為三層結(jié)構(gòu):
      第一層:結(jié)構(gòu)性投入點設(shè)計(Structure of Investment)
      識別產(chǎn)品中的可“沉淀性操作”:
      類型 示例 表現(xiàn)方式
      內(nèi)容結(jié)構(gòu)投入 Notion 筆記、飛書文檔 用戶參與“搭建”產(chǎn)品結(jié)構(gòu)
      關(guān)系結(jié)構(gòu)投入 社交圈建立、關(guān)注體系 用戶構(gòu)建“社會資產(chǎn)”
      行為偏好結(jié)構(gòu) 推薦算法訓(xùn)練、偏好標(biāo)簽 用戶塑造算法“映射自己”
      權(quán)限成長結(jié)構(gòu) 功能權(quán)限隨投入解鎖 用戶獲得“控制感”與進階通道
      設(shè)計建議
      • 所有可投入點,應(yīng)具備:數(shù)據(jù)結(jié)構(gòu)、可查詢性、可回顯。
      • 不要把用戶操作設(shè)計成“消耗品”,而是“積累點”。

      第二層:回報路徑嵌入(Embedded Feedback Loop)

      關(guān)鍵在于:用戶操作后的結(jié)果能否影響未來體驗
      投入行為 影響維度 回報機制
      編輯頁面 頁面結(jié)構(gòu)保存 下次自動載入、自定義默認(rèn)
      點贊內(nèi)容 訓(xùn)練算法模型 推薦更符合偏好的內(nèi)容
      填寫興趣 用戶畫像建模 頁面布局動態(tài)調(diào)整
      學(xué)習(xí)任務(wù)完成 解鎖新模塊 路徑“只屬于你”而不是大眾用戶
      設(shè)計建議
      • 讓回報不止出現(xiàn)在當(dāng)前頁面,而是改變系統(tǒng)反應(yīng)方式
      • 讓用戶感受到自己“塑造”了這個系統(tǒng)。

      第三層:增長可視化機制(Growth Visualization)

      即便系統(tǒng)有“嵌入性回報”,用戶如不能感知,就不會形成行為慣性
      設(shè)計任務(wù)是將成長數(shù)據(jù)顯性化為“變化圖景”
      可視形式 舉例 情緒作用
      進度軌跡圖 番茄時間記錄曲線 感知掌控感
      資產(chǎn)地圖 筆記結(jié)構(gòu)腦圖、知識沉淀庫 感知自我能力增長
      使用成長階梯 等級標(biāo)識、勛章系統(tǒng) 感知“在升級”
      反饋路徑可追溯 用戶行為→系統(tǒng)推薦鏈路圖 感知“產(chǎn)品聽懂我了”
      設(shè)計建議
      • 成長可視化 ≠ 簡單圖表,而是體現(xiàn)“行動-結(jié)構(gòu)-反饋”的閉環(huán)感;
      • 成長展示要避免“游戲化套路感”,要強調(diào)功能性連接與用戶“建設(shè)感”。

      五、誤區(qū)與反思:嵌入式成長 ≠ 成癮設(shè)計

      不少人將“用戶投入”等同于“上癮機制”,這是理解上的誤區(qū)。
      嵌入式成長機制不鼓勵用戶沉迷于操作本身,而鼓勵他們主動塑造體驗結(jié)構(gòu)。區(qū)別在于:
      維度 成癮機制 嵌入式成長機制
      反饋節(jié)奏 高頻、即時 階段性、結(jié)構(gòu)性
      用戶參與感 被動反饋接受 主動結(jié)構(gòu)塑造
      成果屬性 一次性、多巴胺驅(qū)動 累計性、功能驅(qū)動
      設(shè)計倫理 容易引發(fā)依賴 傾向于能力增強
      最理想的狀態(tài):
      用戶使用產(chǎn)品越久,越能建立自己的體系,產(chǎn)生“離不開”而非“停不下”的依賴。

      交互設(shè)計的進階,不在于“好看”,而在于“結(jié)構(gòu)”

      “嵌入式成長機制”作為一種設(shè)計方法,其終極目標(biāo)是:
      把用戶的參與設(shè)計進產(chǎn)品本身,讓體驗隨行為進化,讓系統(tǒng)隨著使用更懂用戶。
      它連接了用戶行為 → 體驗結(jié)構(gòu) → 長期留存之間的底層路徑,是行為慣性型產(chǎn)品的核心邏輯。
       
       
      更多項目/合作請私信,支持定制設(shè)計服務(wù)
      我們是蘭亭妙微
      商務(wù)合作請聯(lián)系
      郵箱:weihua@lanlanwork.com
      電話:400-6086026 010-6333494
      了解更多設(shè)計案例 → www.li-bodun.cn
      蘭亭妙微( 藍藍設(shè)計)是一家專注而深入的UI設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、網(wǎng)頁設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計

      桌面端界面設(shè)計 | 如何設(shè)計淺色主題 UI

      杰睿 設(shè)計管理與成長

      如果您曾經(jīng)嘗試設(shè)計輕量級 UI,您就會理解這個悖論:它看起來很簡單,但卻很容易出錯。

      增加亮度可能會導(dǎo)致圖像變得平淡、褪色,甚至刺眼。

      你以為白色=光。但這就像說糖等于甜點一樣。

      憑借 6 年多為 SaaS、移動和商業(yè)平臺進行設(shè)計的經(jīng)驗,我了解到淺色主題需要與深色主題一樣多的改進和意向性,甚至更多。

      它們在所有環(huán)境中都體現(xiàn)了清晰度、對比度、結(jié)構(gòu)性和實用性。

      讓我來分解一下。

       

      淺色主題背后的心理學(xué)
      將顯示縮放圖像

      輕量級 UI 感覺:

      • 冷靜的
      • 熟悉的
      • 值得信賴

      這就是為什么你會在以下地方找到它們:

      • 銀行應(yīng)用程序
      • 醫(yī)療保健儀表板
      • 政府網(wǎng)站
      • SaaS 產(chǎn)品

      在生產(chǎn)力應(yīng)用中,81% 的用戶更喜歡將淺色主題作為默認(rèn)主題。

      人們需要清晰的信息,尤其是在特定場景下。不要讓他們失望。

      總是問自己:“這會用在哪里?” 室內(nèi)、室外還是移動? 這會改變一切。

      設(shè)計 Light 主題的分步工作流程

      1. 從柔軟的中性基底開始

      將顯示縮放圖像

      避免使用#FFFFFF。認(rèn)真的。

      相反,我選擇中等中性色,如#F4F6F8 或#F9FAFB,它們可以提供微妙的深度并減輕眼睛的疲勞。

      在模態(tài)框或照片上使用透明白色覆蓋層來創(chuàng)建深度而不反射光線。

      2.建立模塊化色彩系統(tǒng)

      將顯示縮放圖像

      使用語義標(biāo)記bg-default,例如text-muted,,border-light。這使得主題保持一致且可擴展。

      3. 控制對比度(不僅僅是為了可訪問性)

      不要止步于 WCAG 兼容性。真正的目標(biāo)是現(xiàn)實世界的可讀性。

      • 文本對比度至少為 4.5:1
      • 為灰色添加色調(diào)以增加溫暖感
      • 使用鮮艷的色彩突出顯示 CTA 和錯誤。

      我犯的錯誤:我曾經(jīng)在儀表盤中使用了符合WCAG標(biāo)準(zhǔn)的灰色文本。雖然在我的屏幕上看起來很棒,但在戶外日光下用戶很難閱讀。

      教訓(xùn):合規(guī)性≠可用性。

      4. 限制使用陰影

      陰影很棒,但要小心。

      • 使用 1-2 個深度級別
      • 更喜歡柔和的陰影或內(nèi)嵌陰影
      • 避免使用硬輪廓

      5. 反射和陽光的設(shè)計

      • 在陽光直射下進行測試(是的,在戶外走走)。
      • 避免使用淺色圖標(biāo),因為它們會消失。
      • 使用 400 多種字體粗細。

      過亮的設(shè)置可能會使屏幕對比度降低多達 40%。請適當(dāng)調(diào)整。

      6. 仔細突出交互狀態(tài)

      在淺色主題中,懸停和焦點等狀態(tài)經(jīng)常被忽略。

      • 使用微妙的陰影、下劃線或發(fā)光效果
      • 定義每個狀態(tài):懸停、活動、禁用

      專業(yè)提示:我總是在灰度模式下測試我的元件庫。如果狀態(tài)保持清晰,就說明我做得對。

      7.不要忘記品牌個性

      一個常見的錯誤:品牌在輕量級 UI 中消失。

      反而:

      • 使用品牌顏色來調(diào)配背景
      • 使用品牌插圖或圖標(biāo)
      • 使用字符設(shè)置空狀態(tài)的樣式

      即使在燈光模式下,Notion 的 UI 也保持著自己的個性。

      將框架應(yīng)用于 Figma 社區(qū)項目

      我通常會使用隨機的 Figma 模板來測試我的設(shè)計工作流程。它不僅提升了我的技能,還揭示了通用 UI 的弱點。

      設(shè)計師常犯的淺色主題錯誤

      • 過度使用空白(可讀性下降)
      • 低對比度+色彩過載=不可讀。
      • 沒有視覺層次。
      • 忽略組件狀態(tài)。
      • 在黑色畫布上設(shè)計一切會導(dǎo)致判斷偏差。

      黃金法則:首先用灰度創(chuàng)建光圖案。添加顏色只是為了提高清晰度,而不是為了定義清晰度。

      設(shè)計一個令人驚嘆的燈光主題是一門藝術(shù),也是一門科學(xué)。

      • 功能勝過花哨。
      • 對比意味著清晰度。
      • 深度應(yīng)該感覺自然。
      • 始終在現(xiàn)實世界中進行測試!

      設(shè)計從來都不是孤立完成的。你的燈光主題應(yīng)該存在于陽光明媚的環(huán)境、繁忙的工作站和疲憊的雙眼之中。

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

      新的用戶體驗規(guī)則:人工智能推薦如何改變設(shè)計

      杰睿 交互設(shè)計及用戶體驗

      新的用戶體驗規(guī)則:人工智能推薦如何改變設(shè)計 — 0001

      你知道那種滾動頁面的瞬間嗎?——感覺網(wǎng)站好像已經(jīng)知道你想要什么了?沒錯,這就是人工智能在幕后運作。如今的用戶體驗設(shè)計不再只是按鈕或漂亮的顏色。感覺就像……界面在和你一起思考。有點詭異,也有點酷。

      Netflix 的界面、亞馬遜的產(chǎn)品推薦,甚至ChatGPT UI 等工具都展現(xiàn)了人工智能如何改變游戲規(guī)則。而且,就連 Plerdy SEO Analyzer 或 Visual Inspector 等 Chrome 擴展程序也加入了這場革命。

      為什么這很重要?因為如果你的設(shè)計還停留在 2015 年的水平,用戶很快就會跳出。

      為什么傳統(tǒng)的用戶體驗規(guī)則不再有效

      將顯示縮放圖像
      新的用戶體驗規(guī)則:人工智能推薦如何改變設(shè)計 — 0002

      說實話——舊的用戶體驗設(shè)計已經(jīng)行不通了。用戶的行為不再像以前那樣。他們不再遵循你漂亮的布局。他們滾動得太快。他們瘋狂點擊。他們像忍者一樣跳過橫幅。你那簡潔的設(shè)計?現(xiàn)在都消失了。

      我在測試的一家網(wǎng)店里看到了這種情況。看起來不錯。但當(dāng)我們查看熱力圖時,發(fā)現(xiàn)大多數(shù)用戶根本沒看過側(cè)邊欄。就好像它根本不存在一樣。就在那時,我想——好吧,也許是時候放棄傳統(tǒng)的用戶體驗“規(guī)則”了,開始相信人們的實際行為。

      靜態(tài)設(shè)計滿足動態(tài)期望

      用戶想要快速、智能、響應(yīng)迅速的用戶界面。但傳統(tǒng)的設(shè)計呢?它只是僵硬、靜止,就像沒有遙控器的老電視一樣。你點擊某個按鈕……除非你強制操作,否則什么也不會改變。這才是糟糕的用戶體驗。

      您是否注意到:

      • 菜單永遠停留在同一個地方
      • 滾動感覺就像一條漫長而無聊的隧道
      • 橫幅彈出,但沒人看

      是的。這就是為什么靜態(tài)用戶體驗不再有效。設(shè)計必須隨著用戶而動,而不是僅僅停留在外觀上。

      預(yù)測性用戶體驗的興起

      這部分很瘋狂。預(yù)測性用戶體驗意味著人工智能會觀察用戶的行為——他們點擊了哪里,跳過了什么——然后自動更改下次訪問的界面。也就是說,你不用再猜測了。人工智能知道。

      TikTok?預(yù)測性。亞馬遜?也一樣。就連Netflix也會根據(jù)你觀看的內(nèi)容改變圖像。這不是魔法——而是用戶體驗設(shè)計中的人工智能。

      而且你不需要一個價值數(shù)十億美元的團隊。你可以輕松地測試。上周我用了 Plerdy SEO Analyzer,它能告訴我哪些內(nèi)容塊值得關(guān)注,哪些不值得。它甚至還能提供修復(fù)元標(biāo)簽、標(biāo)題和可讀性的人工智能技巧。這對于我們這樣的用戶體驗人員來說意義重大。

      舊用戶體驗關(guān)注的是“好看”。新用戶體驗關(guān)注的是“反應(yīng)快”。設(shè)計如今充滿活力。如果它不再活躍,你的用戶可能已經(jīng)流失了。

      人工智能在個性化用戶體驗中的作用

      將顯示縮放圖像
      新的用戶體驗規(guī)則:人工智能推薦如何改變設(shè)計 — 0003

      你有沒有打開一個網(wǎng)站,感覺就像——等等,這個頁面認(rèn)識我?這不是魔法。這是人工智能在后臺運行,讓用戶體驗比你的晨間播放列表更個性化。而且,這不僅僅是谷歌或Meta的專利。現(xiàn)在,即使是小型團隊也會使用人工智能工具來針對每一位用戶調(diào)整設(shè)計。

      用戶體驗不再是千篇一律的布局。現(xiàn)在,設(shè)計需要做出反應(yīng)、進行調(diào)整,有時甚至在用戶說出之前就能猜測他們想要什么。沒錯,人工智能非常擅長猜測。

      去年我?guī)椭^的一家網(wǎng)店就出現(xiàn)了這種情況。我們添加了AI驅(qū)動的產(chǎn)品區(qū)塊,它會根據(jù)用戶之前的操作進行調(diào)整。結(jié)果如何?短短兩周內(nèi),轉(zhuǎn)化率就提升了21%。這可不是理論,而是真實的數(shù)據(jù)。所以,如果你的用戶體驗仍然在等待用戶操作,而不是預(yù)測用戶行為,那么你可能已經(jīng)落后了。

      以下是推動現(xiàn)代個性化用戶體驗的因素:

      • 行為模式
      • 基于意圖的設(shè)計轉(zhuǎn)變
      • 實時 UI 決策

      這不是未來,而是現(xiàn)在。用戶已經(jīng)對此有所期待。

      人工智能實時推薦

      它的工作原理如下:用戶點擊一個產(chǎn)品。突然,下一個版塊就變了。不同的推薦、新的橫幅,甚至可能是另一個行動號召 (CTA)。無需重新加載,無需等待。這就是實時個性化。AI 會跟蹤用戶操作并立即更新設(shè)計。

      我曾與波蘭一家小型電商合作。我們使用了一種工具,可以查看點擊歷史記錄,然后推送“智能區(qū)塊”——一些顯示更匹配的小設(shè)計元素。用戶在網(wǎng)站上停留的時間更長了。跳出率下降了 15%。這就是人工智能提升用戶體驗的成果。

      想想 Dynamic Yield 或 Plerdy SEO Analyzer 這樣的工具——它們能幫你了解哪些內(nèi)容效果顯著,以及哪些方面可以提升價值。它們不僅僅基于屏幕尺寸,還基于實際操作。這幾乎就像網(wǎng)站現(xiàn)在有了大腦一樣。

      相信我,一旦你嘗試過,就不會再回頭了。

      自適應(yīng)布局與響應(yīng)式設(shè)計

      現(xiàn)在,不要混淆響應(yīng)式和自適應(yīng)——它們聽起來很相似,但本質(zhì)上并不相同。響應(yīng)式設(shè)計只是根據(jù)設(shè)備改變布局。平板電腦?更小的按鈕。手機?折疊菜單。僅此而已。

      但自適應(yīng)布局更深入。人工智能會檢查用戶的行為——快速滾動、不點擊、來回滑動——并實時調(diào)整設(shè)計。它可能會隱藏菜單,或者將浮動按鈕向上推。這就是用戶體驗變得智能的地方。

      Netflix 也這么做。如果你經(jīng)常暫停,他們會把控制鍵移得更近。亞馬遜會根據(jù)滾動深度調(diào)整產(chǎn)品行。這不是 CSS 媒體查詢,而是 AI 在讀懂你的想法。

      沒錯,響應(yīng)式設(shè)計固然很好,但自適應(yīng)性呢?這才是本能的設(shè)計。人工智能讓用戶體驗不僅實用,更令人難忘。

      幫助你分析人工智能驅(qū)動的用戶體驗的 Chrome 擴展程序

      我不太喜歡猜測,尤其是在用戶體驗設(shè)計方面。你添加了一些人工智能驅(qū)動的區(qū)塊,但你不知道用戶是否能看到它?這就是為什么我開始使用 Chrome 擴展程序進行用戶體驗測試。它們不是昂貴的大型工具,而是快速、簡單的插件,可以展示真實的情況。有些我每天都會用,有些則只用于 A/B 測試。但當(dāng)人工智能擾亂你的布局時,它們結(jié)合起來會非常有幫助。

      這是我的首選組合:

      相信我,當(dāng)您的用戶體驗由人工智能驅(qū)動并且您希望確保用戶不會迷失在“智能”布局中時,這種組合會非常有效。

      Plerdy 分析網(wǎng)站— 用戶體驗?zāi)J胶蜔釄D

      將顯示縮放圖像
      新的用戶體驗規(guī)則:人工智能推薦如何改變設(shè)計 — 0004

      在任何重新設(shè)計之前,我都會先運行這個工具。即使是在競爭對手的網(wǎng)站上,它也能顯示滾動深度、熱門點擊區(qū)域以及沒人觸及的區(qū)域。你甚至不需要在他們的網(wǎng)站上安裝任何東西——它就能正常工作。

      它幫助我發(fā)現(xiàn),40% 的用戶會跳過一位客戶主頁上的產(chǎn)品橫幅。我們將橫幅位置下移,并修改了 CTA,跳出率下降了。快速簡潔的用戶體驗贏得了勝利。

      Lighthouse — 核心用戶體驗指標(biāo)和可訪問性洞察

      將顯示縮放圖像
      新的用戶體驗規(guī)則:人工智能推薦如何改變設(shè)計 — 0005

      這個插件內(nèi)置于 Chrome 瀏覽器內(nèi),無需安裝。當(dāng)我想知道我的設(shè)計是否真的有效時,我會使用它——加載速度快、布局無偏移、對比度好、移動端視圖清晰。

      有一次,AI 在我工作的主頁上添加了一個漂亮的輪播圖。看起來很漂亮。但 Lighthouse 顯示,它的加載速度降低了 1.6 秒。移動評分也下降了。我們把它移除了。頁面體驗好上百倍。

      它還會檢查可訪問性,這是良好用戶體驗的一部分。如果您的字體太小或背景顏色太淡——Lighthouse 會直接告訴您。毫不留情。

      Visual Inspector — 實時編輯與協(xié)作

      將顯示縮放圖像
      新的用戶體驗規(guī)則:人工智能推薦如何改變設(shè)計 — 0006

      說實話,當(dāng)我不想碰代碼的時候,我會用這個。你只需點擊一下,更改顏色,移動一個塊——就搞定了。非常適合演示,或者當(dāng)客戶說“你能把那個按鈕移開一點嗎?”的時候。

      另一個很酷的功能是:你可以添加評論或與團隊分享預(yù)覽。它讓反饋更容易,設(shè)計也更有趣。當(dāng)AI做出奇怪的布局,而你需要快速“人工修復(fù)”時,這是一個很棒的工具。

      Plerdy SEO 分析器— 實時內(nèi)容和結(jié)構(gòu)審核

      將顯示縮放圖像
      新的用戶體驗規(guī)則:人工智能推薦如何改變設(shè)計 — 0007

      這個工具簡直是救星。我在一個包含 AI 生成版塊的博客上測試了它。它在幾秒鐘內(nèi)就幫我完成了一次完整的 SEO 審核。它可以檢查標(biāo)題、文本可讀性、關(guān)鍵詞密度,甚至還能顯示內(nèi)容中哪些部分比較薄弱。

      最棒的是?它能提供真正的 AI 提示。比如,“這個標(biāo)題太長了”或“這里缺少 H2 按鈕”。所以,當(dāng) AI 搞亂了你的頁面結(jié)構(gòu)時,這個擴展程序會準(zhǔn)確地告訴你該如何修復(fù)。沒有廢話,只有直接的建議,讓用戶體驗更強大。

      需要分析人工智能如何影響你的用戶體驗嗎?這些擴展程序不僅能為你展示數(shù)字,還能幫助你了解用戶的感受。而這才是真正的設(shè)計發(fā)生的地方。

      A/B 測試 AI 驅(qū)動的 UI 決策

      將顯示縮放圖像
      新的用戶體驗規(guī)則:人工智能推薦如何改變設(shè)計 — 0007

      有時人工智能會給出很酷的想法。但并非所有想法都對真實用戶有益。這聽起來可能顯而易見,但測試人工智能生成的設(shè)計是絕對必要的。即使用戶體驗看起來很棒,也并不意味著人們會點擊或滾動。設(shè)計需要驗證。用戶體驗需要行為數(shù)據(jù)。否則,它就只是猜測。

      我記得我做過一個測試——我們用人工智能修改了主頁布局。它擁有智能用戶體驗、自適應(yīng)設(shè)計,看起來很新穎。但用戶互動性很差。滾動地圖很冷門。我們把CTA(行動號召)移到了更高的位置,改變了按鈕樣式——A /B測試之后,點擊率躍升了31%。這就是測試的作用。

      人工智能雖然強大,但卻無法解讀人類的情感。A/B 測試可以幫助你的用戶體驗匹配真實的用戶,而不僅僅是算法。

      從假設(shè)到熱圖

      假設(shè)AI告訴你要更改UI布局。新的結(jié)構(gòu)。新的區(qū)塊。聽起來很棒。但你怎么知道這對設(shè)計有幫助呢?

      測試一下,就這么簡單。我總是從一個小想法開始——比如改變標(biāo)題順序或移動定價區(qū)塊。然后我會用 Plerdy Analyze Websites 來觀察真實用戶的行為。這個工具可以顯示熱圖、滾動深度和點擊次數(shù)。它對于測試動態(tài)用戶體驗非常方便。

      以下是我的做法:

      1. 通過新的用戶體驗創(chuàng)建 AI 變體
      2. 根據(jù)實際點擊跟蹤交互模式
      3. 審查每個設(shè)計元素的滾動、彈跳和行為

      設(shè)計的意義不在于看起來有多酷,而在于用戶實際使用的內(nèi)容。這就是為什么我從來不會在沒有檢查行為數(shù)據(jù)的情況下發(fā)布新的UI。即使是最聰明的AI創(chuàng)意,如果用戶體驗不能與人產(chǎn)生共鳴,也會失敗。

      通過內(nèi)容審核衡量結(jié)果

      現(xiàn)在讓我們將設(shè)計和 SEO 結(jié)合起來。因為現(xiàn)代用戶體驗不僅僅關(guān)乎布局或按鈕。它還關(guān)乎內(nèi)容的體驗、閱讀方式以及搜索引擎的運作方式。

      每次 A/B 測試后,我都會用 Plerdy SEO Analyzer。它會檢查內(nèi)容是否仍然遵循良好的結(jié)構(gòu)。它會顯示標(biāo)題是否正確,關(guān)鍵詞是否仍然有效,以及 AI 是否改寫了某些錯誤的內(nèi)容。有一次,AI 把 H2 改成了一個笑話——流量就下降了。一點也不好笑。

      分析器幾分鐘內(nèi)就幫我解決了問題。我再次調(diào)整了設(shè)計。用戶體驗變得更簡潔了。SEO流量也回來了。

      所以,沒錯——用AI來改進UI和設(shè)計,但千萬別跳過測試。沒有測試的UX是沒有未來的。

      用戶體驗的未來是人工智能

      將顯示縮放圖像
      新的用戶體驗規(guī)則:人工智能推薦如何改變設(shè)計 — 0008

      用戶體驗不再僅僅依靠人工智能。用戶體驗正在成為人工智能。這是事實。而且,這并非科幻故事。它已經(jīng)存在。你瀏覽TikTok——這就是人工智能驅(qū)動的用戶體驗。你在亞馬遜上購物——整個產(chǎn)品頁面都會根據(jù)你過去的行為進行調(diào)整。設(shè)計不再是一成不變的。它變得智能、靈活,當(dāng)然,還有點令人毛骨悚然。但這是一種好的方面。

      我相信這不是一種“趨勢”。這是新的基礎(chǔ)。沒有人工智能的用戶體驗會讓人感覺陳舊、緩慢、愚蠢。而且用戶不會等待。如果你的設(shè)計不能理解用戶的想法,他們兩秒后就會離開。

      我們不能再把人工智能僅僅視為一個插件了。它是界面的新大腦。它控制著設(shè)計如何運作,用戶如何移動,以及他們看到什么。如果你還沒有這樣想過……那么,是時候開始了。

      從AI支持的用戶體驗到AI創(chuàng)建的用戶體驗

      最瘋狂的部分來了。以前,AI 只是在內(nèi)容方面提供幫助,比如提供一些文字和一些布局建議。現(xiàn)在,它構(gòu)建了整個用戶體驗,包括結(jié)構(gòu)、按鈕、哪些內(nèi)容先顯示、哪些內(nèi)容會消失——所有的一切。像 Galileo AI 或 Uizard 這樣的 AI 工具可以在幾分鐘內(nèi)創(chuàng)建完整的界面模型,真正的原型。你只需要給出一個簡短的提示。

      即使是像 Booking.com 這樣的大型公司,也使用 AI 來設(shè)計和運行數(shù)千個 UI 測試,無需人工干預(yù)。這并非為了節(jié)省時間,而是為了更智能的用戶體驗。更快的決策,更優(yōu)的結(jié)果。

      有些設(shè)計師感到害怕。我理解。但你知道嗎?如果人工智能能讓用戶體驗更簡潔,設(shè)計更實用——我完全支持。

      成為 AI 優(yōu)先設(shè)計師

      你不需要成為一名程序員,也不需要構(gòu)建自己的模型。但你需要改變思維。別再問:“我該如何在這里添加人工智能?” 而是要問:“如果從一開始就由人工智能掌控,設(shè)計會是什么樣子?”

      從您熟悉的工具入手。使用 Plerdy SEO Analyzer 檢查 AI 如何影響內(nèi)容結(jié)構(gòu)。在 Plerdy Analyze Websites 中試用熱圖,看看哪些方法有效。多考慮用戶行為,少考慮固定的網(wǎng)格。

      AI優(yōu)先的思維模式意味著:你的設(shè)計會生存、學(xué)習(xí)并適應(yīng)。這才是真正的用戶體驗。

      結(jié)論

      如果你仍然認(rèn)為人工智能只是一種趨勢,那你就錯過了全局。人工智能并非要扼殺用戶體驗設(shè)計,而是要大力推動它的發(fā)展。它就像渦輪增壓模式一樣。你,設(shè)計師,仍然是規(guī)則的制定者。但現(xiàn)在,人工智能可以幫助你打破那些枯燥乏味的規(guī)則。像 Plerdy、Uizard甚至Figma AI 這樣的工具,它們并非取代技能,而是加速了創(chuàng)造奇跡。所以,不要抗拒,要利用它。在用戶點擊離開之前,提升你的用戶體驗。

       

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

      B端界面設(shè)計入門:不僅是界面,更是效率工具

      杰睿 B端ui設(shè)計文章及欣賞

       

      在數(shù)字產(chǎn)品設(shè)計中,B端設(shè)計(即面向企業(yè)或?qū)I(yè)用戶的后臺系統(tǒng)設(shè)計)常常被誤解為“只要能用就行”,但事實正好相反:

      B端界面不僅是操作入口,更是提升工作效率的工具。

      本篇文章將幫助你快速理解 B端界面設(shè)計的核心價值、與C端設(shè)計的區(qū)別、設(shè)計難點以及實操建議,適合 UI/UX 初學(xué)者或轉(zhuǎn)向B端設(shè)計的產(chǎn)品團隊參考。


      一、B端是什么?和C端有何不同?

      項目 B端(Business) C端(Consumer)
      用戶 企業(yè)員工、內(nèi)部操作人員 普通消費者、終端用戶
      目標(biāo) 提升效率、流程準(zhǔn)確 吸引關(guān)注、促成轉(zhuǎn)化
      場景 工作、管理、系統(tǒng)維護 生活、娛樂、社交購物
      界面特點 信息密集、操作復(fù)雜 視覺豐富、體驗流暢

      你可以理解為:
      B端系統(tǒng)是企業(yè)用來“做事”的工具,而C端產(chǎn)品是用戶用來“體驗”的服務(wù)。


      二、B端設(shè)計的核心特點

      1. 多角色、多權(quán)限、多流程

      一個后臺系統(tǒng)往往需要服務(wù)多個角色:運營、客服、財務(wù)、倉庫……每個角色的權(quán)限、數(shù)據(jù)視角都不一樣,這對信息架構(gòu)提出更高要求。

      2. 信息密度高

      B端界面常常需要同時呈現(xiàn)大量數(shù)據(jù),表格、篩選器、圖表、狀態(tài)標(biāo)識等密集排列,如果布局不清晰、信息層級混亂,用戶就很難找到重點。

      3. 操作鏈條長

      與C端的“點一下完成購買”不同,B端用戶可能需要多次輸入、校驗、關(guān)聯(lián)操作才能完成一次任務(wù)。例如:開票流程、商品發(fā)布、審批流程等。

      4. 容錯與反饋機制嚴(yán)格

      一旦數(shù)據(jù)錄入錯誤,可能會影響整個業(yè)務(wù)鏈條。因此B端對「防誤操作、明確反饋、回滾機制」的設(shè)計要求更高。

       

      三、B端設(shè)計容易踩的坑

      ? 為了炫酷而犧牲效率

      不要盲目追求“高級感動畫”或“極簡留白”,B端最重要的是信息清晰、操作順暢

      ? 濫用組件,缺乏一致性

      組件不統(tǒng)一、命名混亂、交互模式不一致,會讓用戶在操作過程中反復(fù)“學(xué)習(xí)”,增加認(rèn)知負擔(dān)。

      ? 忽視使用場景和業(yè)務(wù)流程

      不了解業(yè)務(wù)就上手畫界面,很容易導(dǎo)致“設(shè)計和工作方式不匹配”,讓用戶繞路甚至誤操作。


      四、那該怎么做好B端界面設(shè)計?

      ? 建立模塊化思維:用組件思考界面

      將界面拆解成基礎(chǔ)組件(輸入框、按鈕、表格、篩選器)、復(fù)合組件(搜索條、操作區(qū)、數(shù)據(jù)卡片)以及業(yè)務(wù)組件(商品卡、審批單等)。

      ? 重視信息架構(gòu)(IA)和任務(wù)流

      • 理清用戶的使用目標(biāo)和路徑(從操作起點到完成)

      • 通過布局設(shè)計和交互層級,引導(dǎo)用戶一步步完成任務(wù)

      ? 提高信息的可讀性和掃描效率

      • 統(tǒng)一字體層級(例如標(biāo)題 14px Bold,內(nèi)容 12px Regular)

      • 合理使用顏色傳遞狀態(tài),如:綠色=成功,紅色=失敗,灰色=禁用

      ? 加強容錯機制與反饋設(shè)計

      • 設(shè)計“撤銷、二次確認(rèn)、狀態(tài)回顯”等操作緩沖

      • 保留日志、操作記錄,避免錯誤無法回溯


      五、設(shè)計工具推薦(針對B端)

      • Ant Design / Element Plus / Arco Design:成熟的 B端組件庫

      • Figma / Sketch:快速搭建組件庫和 UI 頁面

      • ProcessOn / Flowchart.com:可視化流程圖繪制工具

      • Axure / Framer:原型交互演示


      好的B端設(shè)計,是讓人“更省事”的設(shè)計

      B端界面不追求視覺花哨,它的美感來自:

      • 流程的清晰

      • 信息的有序

      • 操作的高效

      • 問題的可控

      它不是“酷炫的舞臺”,而是一張讓用戶快速處理業(yè)務(wù)的“辦公桌”。

       

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

      平臺基礎(chǔ)的B端流程搭建|產(chǎn)品分析

      杰睿 B端ui設(shè)計文章及欣賞

      公司平臺的B端流程中,發(fā)現(xiàn)原來平臺規(guī)范有這么多細節(jié)要注意,包括上架、維運、客服、下架、匯款、結(jié)案等,每個部分都是平臺運營關(guān)系,但也牽涉到客戶維護、消費者關(guān)系。

      這個有點像新平臺的心路歷程,賽道管理一個平臺,初學(xué)者會需要建議哪些文件規(guī)范。

      一、上線前

      先用大家比較常見的案例:「活動通」、「好學(xué)校」,因為我們的模式跟他們比較接近。

      想像一個活動主辦單位第一次在上面舉辦的活動中,會先遇到什么問題:

      1. 如何開通主辦單位權(quán)限?
      2. 一份活動門票的手續(xù)費如何計算?
      3. 如何開始建立活動?

      以下的問題看起來很簡單,但確實都是新手可能會遇到的問題,而平臺規(guī)范有一個大任務(wù):

      「讓 B 端簡單的問題可以快速找到答案」

      迫切減少時間在回覆基本問題上,因為必須把更多的時間花在大客戶身上,而身為臺灣最大的活動平臺,這類常見問題當(dāng)然都準(zhǔn)備好了:

      將顯示縮放圖像

      活動通甚至有部落格,已經(jīng)放出了各種式的活動教學(xué)文,不再是制式的QA。

      將顯示縮放圖像

      拉回到我現(xiàn)在參與的新平臺,看到上述的都要從0開始建立,必須是針對先導(dǎo)新手的教學(xué)文件,或者是較惡劣的經(jīng)驗分享文章,都需要大量的文字寫作能力。

      因此可以想像的到,當(dāng)聽到別人說要建立一個平臺,除了考量到雙邊的客戶來源,接著就是所有規(guī)范的建立,想像一個陌生人第一次接觸陌生平臺,勢必要準(zhǔn)備足夠詳細的教學(xué)文件、常見問題集,絕對不僅僅是后臺程序碼寫完就。

      二、上線中

      再以活動為例,假設(shè)我們現(xiàn)在活動已經(jīng)上線,主辦單位通常會遇到哪些問題呢?

      1. 編輯頁面的位置有bug,圖片上傳失敗,文字存儲失敗?
      2. 想要調(diào)整價格或數(shù)量,但不知道怎么調(diào)整?
      3. 要怎么出現(xiàn)在活動通首頁?
      4. 如何查看現(xiàn)在的報名信息?

      接下來的問題乍一看很簡單,也確實新手都可能會遇到的問題,但其實平臺在這個期間會收到C端更多的消息,相當(dāng)于:

      1. 要怎么退票?
      2. 可以換票嗎?

      因此金字塔的任務(wù)變成了:

      「讓C端消費者去詢問該場次的B端客服」

      由于平臺的客服量非常巨大,我們很難承擔(dān),雖然都會建立常見的問題集,但遇到很簡單、處理繁瑣的問題,也只能走最簡單的方式,因此以目前新平臺的處理方式,我們面對消費者的訂單文件問題,都會直接傳B端的聯(lián)絡(luò)信箱給,繼后續(xù)連續(xù)來回溝通的時間,而接下來就能用多的時間建立更完整的QA。

      三、結(jié)束后

      一個活動結(jié)束,通常是一個問題:

      1. 多久才能收到款項?

      而身為平臺方,大會的任務(wù)我認(rèn)為是:

      「讓B端客戶滿意本次的服務(wù),并再次愿意來平臺上架」

      有些人可能覺得這跟前面的說法矛盾,如果減少與B端客戶交流,那要怎么讓他們感受到「服務(wù)良好」呢?

      我在構(gòu)想這件事時,會用「乘客旅程地圖用戶旅程」來發(fā)想,意思是客戶跑完整流程遇到所有卡關(guān),平臺方如何用「系統(tǒng)」的方式來解決,但同時又讓對方感到「客制」?

      以目前的方式我們實現(xiàn)的是「真理的文字」,有些平臺的常見問題集可能是制作冷冰冰,很文字化的答案,我們近期正在修改每一個答案,都變成好像我當(dāng)面說話的口吻,也是一樣的概念。

      雖然有公版信,但我們也在修改公版信的「溫度」,讓收到的人不會覺得他是收到機器自動回復(fù)的

       

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

      【蘭亭妙微圖標(biāo)設(shè)計】為什么視覺大小和實際大小不相同?如何做到視覺統(tǒng)一?

      杰睿 圖標(biāo)設(shè)計文章及欣賞


      26082bb9-3b33-4e00-b4c1-4c60727d6087.png
      在 UI 設(shè)計和圖標(biāo)開發(fā)中,我們常常遇到一個讓人困惑的問題:
      明明兩個圖標(biāo)尺寸一樣,為什么看起來一個大一個小?
      這就是「視覺大小」和「實際大小」不一致所引發(fā)的經(jīng)典設(shè)計挑戰(zhàn)。
       這篇文章將帶你了解其中的原理,并分享一些實操方法,幫你設(shè)計出視覺協(xié)調(diào)、統(tǒng)一專業(yè)的圖標(biāo)。

      ---
      一、為什么視覺大小 ≠ 實際大小?
      在設(shè)計中,「實際大小」是指圖標(biāo)在畫布上的像素尺寸,而「視覺大小」是指人眼感知到的圖形體積或重量感。這兩者之所以不一致,主要有以下幾個原因:
      1. 圖形形狀對視覺感知的影響
      不同形狀對人眼的“占據(jù)感”不同:
      - 圓形、橢圓形:邊界柔和,看起來比實際尺寸小;
      - 尖角圖形:具有延伸感,看起來更“張揚”;
      - 封閉 vs. 開放圖形:封閉圖形更“緊湊”,視覺重心靠內(nèi);開放圖形更“輕”,容易被忽視。
      舉例說明:一個 24x24 的正方形圖標(biāo)和一個 24x24 的圓形圖標(biāo)放在一起,圓形常常顯得更小。
      2. 視覺重心偏移
      圖標(biāo)的視覺重心不是幾何中心:
      - 有些圖標(biāo)上方留白較多,若嚴(yán)格居中,整體會顯得“偏下”;
      - 有些圖標(biāo)線條向一側(cè)偏移,也會影響視覺穩(wěn)定性。
      3. 顏色、線條粗細的錯覺
      - 顏色明亮的圖標(biāo)通常看起來更大;
      - 線條較細的圖標(biāo)會顯得“輕”或“空”;
      - 相同尺寸下,深色圖標(biāo)比淺色圖標(biāo)更具“存在感”。

      ---
      二、如何實現(xiàn)圖標(biāo)的視覺統(tǒng)一?
      4. 關(guān)注“視覺等值”而非“尺寸一致”
      優(yōu)秀的圖標(biāo)設(shè)計不會追求數(shù)值上完全一致,而是讓圖標(biāo)“看起來”一樣大。這就需要設(shè)計師具備一定的視覺判斷力和對比經(jīng)驗。
      5. 使用統(tǒng)一的對齊原則
      - 每個圖標(biāo)放在相同的畫布尺寸(如 24×24、48×48)中;
      - 保證主圖形部分在視覺上居中,而非僅僅坐標(biāo)居中;
      - 調(diào)整視覺重心,讓圖標(biāo)看起來平衡、不傾斜。
      6. 使用光學(xué)微調(diào)
      所謂「光學(xué)對齊」,就是打破機械對齊規(guī)則,讓視覺更舒服:
      暫時無法在飛書文檔外展示此內(nèi)容
      7. 放在真實場景中預(yù)覽
      設(shè)計圖標(biāo)時,建議不要孤立操作,而是:
      - 放入實際使用場景(如按鈕、導(dǎo)航欄);
      - 對比多個圖標(biāo)在一組中是否協(xié)調(diào);
      - 測試在不同設(shè)備分辨率下的適配情況。

      ---
      三、圖標(biāo)設(shè)計實操建議
      以下是一些日常圖標(biāo)設(shè)計中實用的技巧和判斷標(biāo)準(zhǔn):
      暫時無法在飛書文檔外展示此內(nèi)容

      視覺大小與實際大小的偏差,是每一位圖標(biāo)設(shè)計師都會經(jīng)歷的學(xué)習(xí)過程。
       真正優(yōu)秀的設(shè)計不是追求數(shù)值一致,而是注重 用戶感受的和諧統(tǒng)一。
      圖標(biāo)設(shè)計的細節(jié)感,往往藏在你“感覺不舒服但又說不出哪里不對”的那一刻。
      理解視覺感知,訓(xùn)練視覺判斷力,才是做出專業(yè)、協(xié)調(diào)圖標(biāo)系統(tǒng)的關(guān)鍵。

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

      日歷

      鏈接

      個人資料

      藍藍設(shè)計的小編 http://www.li-bodun.cn

      存檔

      主站蜘蛛池模板: 国产成人久久精品流白浆| 亚洲AV无码久久久一区二不卡| 深夜福利啪啪片| 同心县| www.精品视频| 97在线视频免费观看| 国产精品久久精品国产| 国产欧美在线手机视频| 精品嫩模福利一区二区蜜臀| 欧美性精品不卡在线观看| 亚洲人午夜射精精品日韩| 欧美在线资源| 国产欧美自拍视频| 国产在线一区二区香蕉 在线| 成人免费一区二区三区| 欧美黑人又粗又大xxxx| 人人妻人人澡人人爽欧美精品| 日本狂喷奶水在线播放212| 永久免费无码网站在线观看个| 普格县| 亚洲精品成人7777在线观看| 天天日天天干天天操| 动漫av网站免费观看| 亚洲无线码中文字幕在线| 18禁无遮挡啪啪无码网站破解版 | 在线视频中文字幕二区| 国产精品亚洲精品日韩已满| 亚洲国产精品电影人久久| 国产999久久高清免费观看| 美女禁区a级全片免费观看| 2021在线精品自偷自拍无码| 日韩av天堂综合网久久| 亚洲色精品aⅴ一区区三区| 嫩草国产露脸精品国产软件| 精品一区二区三区自慰喷水| 国产日韩精品免费二三氏| 国产天堂亚洲国产碰碰| 热99re久久国免费超精品首页| 好吊妞人成视频在线观看| 国产精品国产免费无码专区不卡 | 久久夜色精品国产爽爽|