氣泡卡片和文字氣泡都是常見的溝通工具，被廣泛應(yīng)用于網(wǎng)絡(luò)聊天、社交媒體平臺(tái)以及電子商務(wù)等領(lǐng)域。本文旨在探討氣泡卡片和文字氣泡的用法區(qū)別，并通過理論分析和案例實(shí)證來說明它們?cè)谝曈X呈現(xiàn)和溝通效果方面的差異。
氣泡卡片是一種在移動(dòng)應(yīng)用程序和網(wǎng)頁(yè)中常見的用戶界面元素，通常用于顯示短文本、圖像和按鈕等內(nèi)容。氣泡卡片通常具有圓角矩形或圓形的形狀，并包含一個(gè)標(biāo)題和一個(gè)主要內(nèi)容區(qū)域。氣泡卡片可以用于顯示通知、提醒、提示和操作等信息。氣泡卡片的優(yōu)點(diǎn)是可以在界面上占用較小的空間，同時(shí)提供足夠的信息和操作選項(xiàng)。
文字氣泡是一種在即時(shí)通訊應(yīng)用程序和社交媒體中常見的用戶界面元素，通常用于顯示聊天記錄和用戶之間的對(duì)話。文字氣泡通常具有圓角矩形或圓形的形狀，并包含一個(gè)頭像、一個(gè)用戶名和一個(gè)聊天內(nèi)容區(qū)域。文字氣泡可以用于顯示文本、表情符號(hào)、圖片和語音等多種類型的聊天內(nèi)容。文字氣泡的優(yōu)點(diǎn)是可以清晰地顯示聊天記錄，同時(shí)提供了個(gè)性化的用戶界面。
在使用場(chǎng)景方面，氣泡卡片適用于移動(dòng)應(yīng)用程序和網(wǎng)頁(yè)中需要顯示通知、提醒、提示和操作等信息的情況。文字氣泡適用于即時(shí)通訊應(yīng)用程序和社交媒體中需要顯示聊天記錄和用戶之間的對(duì)話的情況。
在功能方面，氣泡卡片可以包含文本、圖像和按鈕等內(nèi)容，通常用于顯示簡(jiǎn)短的信息和操作選項(xiàng)。文字氣泡可以包含文本、表情符號(hào)、圖片和語音等多種類型的聊天內(nèi)容，通常用于顯示用戶之間的對(duì)話。
在效果方面，氣泡卡片通常具有圓角矩形或圓形的形狀，并且可以使用顏色、陰影和動(dòng)畫等效果來吸引用戶的注意力。文字氣泡通常具有圓角矩形或圓形的形狀，并且可以使用不同的顏色和頭像來區(qū)分不同的用戶。
總的來說，氣泡卡片和文字氣泡是兩種不同的用戶界面設(shè)計(jì)元素，它們?cè)谑褂脠?chǎng)景、功能和效果方面有所不同。氣泡卡片適用于移動(dòng)應(yīng)用程序和網(wǎng)頁(yè)中需要顯示通知、提醒、提示和操作等信息的情況，而文字氣泡適用于即時(shí)通訊應(yīng)用程序和社交媒體中需要顯示聊天記錄和用戶之間的對(duì)話的情況。
今日分享這篇文章是藍(lán)藍(lán)設(shè)計(jì)的原創(chuàng)文章，未來將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，添加vx藍(lán)小助ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等，歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
藍(lán)藍(lán)設(shè)計(jì)( m.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
彈窗是一種常見的用戶界面元素，通常用于顯示提示、警告、錯(cuò)誤、確認(rèn)等信息。彈窗通常具有模態(tài)和非模態(tài)兩種類型。模態(tài)彈窗會(huì)阻止用戶對(duì)應(yīng)用程序的其他部分進(jìn)行操作，直到用戶關(guān)閉彈窗。非模態(tài)彈窗則不會(huì)阻止用戶對(duì)應(yīng)用程序的其他部分進(jìn)行操作，用戶可以在彈窗和應(yīng)用程序之間自由切換。
彈窗的優(yōu)點(diǎn)是可以在用戶界面中突出顯示重要信息，同時(shí)提供用戶操作選項(xiàng)。彈窗可以使用顏色、陰影和動(dòng)畫等效果來吸引用戶的注意力。
抽屜是一種常見的用戶界面元素，通常用于顯示導(dǎo)航、菜單、設(shè)置等內(nèi)容。抽屜通常具有從屏幕邊緣滑入的動(dòng)畫效果，用戶可以通過點(diǎn)擊按鈕或手勢(shì)來打開或關(guān)閉抽屜。
抽屜的優(yōu)點(diǎn)是可以在用戶界面中提供額外的信息和操作選項(xiàng)，同時(shí)不會(huì)占用太多的空間。抽屜可以使用顏色、圖標(biāo)和文本等效果來吸引用戶的注意力。
折疊面板是一種常見的用戶界面元素，通常用于顯示可折疊的內(nèi)容，例如文本、圖片、表格等。折疊面板通常具有展開和折疊的狀態(tài)，用戶可以通過點(diǎn)擊標(biāo)題或圖標(biāo)來切換展開和折疊狀態(tài)。
折疊面板的優(yōu)點(diǎn)是可以在用戶界面中提供大量的信息，同時(shí)不會(huì)占用太多的空間。折疊面板可以使用顏色、圖標(biāo)和文本等效果來吸引用戶的注意力。
總的來說，彈窗、抽屜和折疊面板是三種不同的用戶界面設(shè)計(jì)元素，它們?cè)谑褂脠?chǎng)景、功能和效果方面有所不同。彈窗適用于顯示提示、警告、錯(cuò)誤、確認(rèn)等信息的情況，抽屜適用于顯示導(dǎo)航、菜單、設(shè)置等內(nèi)容的情況，折疊面板適用于顯示可折疊的內(nèi)容的情況。它們各自具有優(yōu)點(diǎn)和缺點(diǎn)，在設(shè)計(jì)用戶界面時(shí)需要根據(jù)實(shí)際情況進(jìn)行選擇和使用。
今日分享這篇文章是藍(lán)藍(lán)設(shè)計(jì)的原創(chuàng)文章，未來將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，添加vx藍(lán)小助ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等，歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
藍(lán)藍(lán)設(shè)計(jì)( m.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
作者：大啵少女
鏈接：https://www.zhihu.com/question/454091157/answer/1850120473
來源：知乎
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
一、了解自己
1.我有什么優(yōu)勢(shì)：第一步一定是了解自己的優(yōu)勢(shì)，哪怕是一點(diǎn)技能或見識(shí)，要把優(yōu)勢(shì)變成更優(yōu)勢(shì)，一定要突出自己的優(yōu)勢(shì)，掩蓋劣勢(shì)。
2.我想要什么：這就是目標(biāo)，例如3年內(nèi)我想成為專家，要升到P8，又或者3年內(nèi)我要成為管理者。把這些都一一記錄下來，逐一去做分析怎樣才可以達(dá)到目的。
3.我要怎么做：接下來就是要規(guī)劃自己。短可以計(jì)劃三五天，長(zhǎng)則可以一兩年，把自己的計(jì)劃寫下來。然后按著 STAR 原則：Situation（情景），Task（任務(wù)），Action（行動(dòng)），Result （結(jié)果）去執(zhí)行。
二、了解行業(yè)趨勢(shì)同樣是設(shè)計(jì)師，一個(gè)在短視頻行業(yè)，一個(gè)在傳統(tǒng)行業(yè)，最簡(jiǎn)單的來說，收入差距就可想而知了。比如現(xiàn)在很多大廠已經(jīng)沒有純 UI 崗位了，你這個(gè)時(shí)候還義無反顧的深耕純 UI，那最后就會(huì)面臨失業(yè)的風(fēng)險(xiǎn)。
三、打造個(gè)人 IP設(shè)計(jì)師都是獨(dú)一無二的，如果要問打造個(gè)人 IP 最佳開始時(shí)間，就是現(xiàn)在。
這個(gè)是很重要的，尤其是在高級(jí)崗位以后，你要在細(xì)分行業(yè)有一定的影響力，他是可以給你簡(jiǎn)歷加很多分的。打造 IP 的行動(dòng)項(xiàng)有很多，比如定期各大設(shè)計(jì)網(wǎng)站發(fā)表作品集、在信息類網(wǎng)站上發(fā)表自己的文章等等… 當(dāng)然了，這個(gè)是需要長(zhǎng)期堅(jiān)持的才有明顯收益的。你可以給自己制定一些獎(jiǎng)勵(lì)計(jì)劃，激勵(lì)自己堅(jiān)持輸出。或者找一些志同道合的設(shè)計(jì)師一起互相督促，去找那些比你厲害的人，慢慢超過他們。 行業(yè)內(nèi)深耕，不要蜻蜓點(diǎn)水：有的設(shè)計(jì)師覺得設(shè)計(jì)不分行業(yè)，只要另外一個(gè)行業(yè)給的薪資足夠，就義無反顧的換行業(yè)。這樣長(zhǎng)期下來，你在每個(gè)行業(yè)都只是蜻蜓點(diǎn)水，做不到足夠深入的了解行業(yè)相關(guān)知識(shí)，很難在一個(gè)高級(jí)職位上立住腳。只有充分具備了某個(gè)行業(yè)相關(guān)的知識(shí)背景，才能勝任更高級(jí)的職位，而不只是做一個(gè)只懂表面的設(shè)計(jì)師。四、提升自己
交互能力：不必多說，交互能力的重要性大家也都知道了。隨著行業(yè)的發(fā)展，現(xiàn)在很多公司的 UI 崗已經(jīng)不是單純的 UI 崗了，更多的是一種多元化的職位，交互能力是必不可缺的一種能力。
眼界：對(duì)于設(shè)計(jì)師來說，眼界決定高度，眼界低是做不出好設(shè)計(jì)的。想要提升設(shè)計(jì)能力，首先提高自己的眼界。多看、多看、多看……
審美能力：這個(gè)也是設(shè)計(jì)師的基本功，你要能看出別人作品的好與壞。練習(xí)方法就是多看多思考，多去參加一些設(shè)計(jì)展。
視覺表現(xiàn)力：創(chuàng)意、軟件技能：作為設(shè)計(jì)師，視覺表現(xiàn)力是最基礎(chǔ)的，也是最重要的。這里我把它分為兩個(gè)方面：創(chuàng)意和軟件技能。創(chuàng)意：設(shè)計(jì)重在想法和創(chuàng)意，且要不斷的通過學(xué)習(xí)去給自己的大腦輸入靈感。讓大腦一直處于活躍狀態(tài)；軟件技能：一切的設(shè)計(jì)實(shí)現(xiàn)都要由軟件來實(shí)現(xiàn)。在自己時(shí)間允許的情況下，多學(xué)習(xí)一些軟件技能，現(xiàn)在軟件更新非常之快，前些年還用 PS / AI 來做界面呢，現(xiàn)在你還會(huì)用嗎？
產(chǎn)品把控力產(chǎn)品：一是對(duì)設(shè)計(jì)方案的設(shè)計(jì)把控，保證設(shè)計(jì)效果做到最好；二是對(duì)設(shè)計(jì)進(jìn)度的把控，按時(shí)把控設(shè)計(jì)方案的上線；三是對(duì)實(shí)際開發(fā)結(jié)果的把控，保證上線后的設(shè)計(jì)還原度最大化。
溝通演講能力：設(shè)計(jì)師有一個(gè)好的溝通能力可以讓團(tuán)隊(duì)更好的運(yùn)作，提升工作效率。好的演講能力體現(xiàn)在設(shè)計(jì)評(píng)審的討論時(shí)，能夠更好的 hold 場(chǎng)面，讓整個(gè)溝通更加順暢。
管理能力：對(duì)內(nèi)－設(shè)計(jì)團(tuán)隊(duì)的管理、人員的分工、任務(wù)分配、發(fā)展部門內(nèi)學(xué)習(xí)氛圍、與團(tuán)隊(duì)人員溝通等等；對(duì)外－與其他部門的溝通協(xié)作、工作銜接，保證整個(gè)業(yè)務(wù)線的工作有條不紊的進(jìn)行。
調(diào)研能力：調(diào)研能力可以考驗(yàn)人的信息搜索、整理、分析的能力。他可以在設(shè)計(jì)前期找到設(shè)計(jì)的切入點(diǎn)，在設(shè)計(jì)中期提供有力的理論觀點(diǎn)。同時(shí)調(diào)研結(jié)果也可以作為評(píng)判自己產(chǎn)品評(píng)分的一個(gè)標(biāo)準(zhǔn)。如果沒做過設(shè)計(jì)調(diào)研的話，前期可以去看一些大神做的完整的調(diào)研報(bào)告，分析他們的邏輯、寫作手法等，需要多看多分析。
規(guī)范意識(shí)：近些年大家對(duì)規(guī)范意識(shí)都有了明顯的提升，規(guī)范可以提升工作效率以及降低溝通成本，同時(shí)也可以避免一些低級(jí)錯(cuò)誤。如果你在團(tuán)隊(duì)中沒有團(tuán)隊(duì)意識(shí)的話，工作就會(huì)很吃力。
學(xué)習(xí)能力：畢業(yè)后，提升能力有兩個(gè)方面：從項(xiàng)目中學(xué)習(xí)和自學(xué)。從項(xiàng)目中學(xué)習(xí)：每次做完項(xiàng)目及時(shí)做設(shè)計(jì)復(fù)盤，把從項(xiàng)目中學(xué)到的知識(shí)再熟悉一遍，做好知識(shí)沉淀；走過的坑再溫習(xí)一遍，避免之后再犯；自學(xué)：這部分做的好與不好，幾年后的差距是非常之大的，每個(gè)人的工作時(shí)間基本是差不多的，區(qū)別大的就是業(yè)余時(shí)間。最怕的就是比你厲害的人比你還努力。
知識(shí)沉淀：俗話說好記性不如爛筆頭。你有沒有看到一個(gè)好的東西趕緊保存下來的習(xí)慣，但是從來也不看？這是大部分人的通病，覺得我保存了就是我學(xué)到了。知識(shí)沉淀指的是通過自己的整理，不斷對(duì)項(xiàng)目進(jìn)行復(fù)盤，把自己真正需要的東西保存下來，用的時(shí)候可以即時(shí)拿出來查閱。找到自己的職業(yè)定位，想清楚自己要往哪個(gè)方向發(fā)展，不斷的學(xué)習(xí)技能點(diǎn)就對(duì)了，加油吧，設(shè)計(jì)人！
藍(lán)藍(lán)設(shè)計(jì)( m.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
技術(shù)與人性的碰撞！給設(shè)計(jì)師的用戶體驗(yàn)設(shè)計(jì)發(fā)展簡(jiǎn)史
2023-06-21 09:19北京北京蘭亭妙微科技有限公司官方帳號(hào)
背景介紹
在界面設(shè)計(jì)中，字體的選擇和運(yùn)用是非常重要的一環(huán)。合理的字體搭配可以讓界面更加美觀、易讀、易于理解，從而提高用戶的使用體驗(yàn)。而不合適的字體搭配則可能造成視覺上的疲勞和不適。因此，在界面設(shè)計(jì)中，選擇合適的字體并進(jìn)行規(guī)范化是非常必要的。
常用字體
2.1 英文字體
在英文界面設(shè)計(jì)中，常見的字體有Arial、Times New Roman、Verdana、Calibri等。其中，Arial字體是Microsoft Office軟件的默認(rèn)字體之一，它具有清晰明了、易讀易懂的特點(diǎn)，適用于各種場(chǎng)合。而Times New Roman字體則常用于正式的文本排版中，例如學(xué)術(shù)論文、報(bào)告等。Verdana字體相比起Arial更加圓潤(rùn)，具有更好的可讀性和視覺效果。Calibri則是一種比較新的字體，它具有現(xiàn)代感，同時(shí)也非常適合界面設(shè)計(jì)。
2.2 中文字體
在中文界面設(shè)計(jì)中，常見的字體有宋體、黑體、微軟雅黑、仿宋等。其中，宋體是Windows操作系統(tǒng)的默認(rèn)字體之一，具有比較好的可讀性和兼容性。黑體相比較宋體更加粗壯，適用于強(qiáng)調(diào)和突出展示的場(chǎng)合。微軟雅黑則是微軟公司開發(fā)的一款中文設(shè)計(jì)字體，它簡(jiǎn)潔清新、易讀易懂，非常適合作為界面設(shè)計(jì)的基礎(chǔ)字體。仿宋則具有較高的書法美感，適合于書信、印章等正式場(chǎng)合。
字體規(guī)范化
為了使界面設(shè)計(jì)更加一致和規(guī)范，我們需要對(duì)字體進(jìn)行規(guī)范化。具體而言，需要從以下幾個(gè)方面進(jìn)行規(guī)范化：
3.1 字號(hào)
字號(hào)是指字體的大小，通常使用pt（磅）作為單位。在界面設(shè)計(jì)中，需要根據(jù)不同元素的大小進(jìn)行選擇和調(diào)整，以達(dá)到界面整體比例協(xié)調(diào)的效果。一般而言，主標(biāo)題的字號(hào)應(yīng)該在36pt-48pt之間，副標(biāo)題的字號(hào)應(yīng)該在24pt-30pt之間，正文的字號(hào)應(yīng)該在12pt-16pt之間。
3.2 行距
行距是指一行文字與下一行文字之間的距離。一般而言，行距的大小應(yīng)該是字號(hào)的1.5倍左右。如果行距太小，會(huì)導(dǎo)致文字過于緊密，不利于閱讀；而行距過大，則會(huì)造成視覺上的浪費(fèi)，不利于排版美觀。
3.3 字體顏色
字體顏色需要根據(jù)不同場(chǎng)合、不同元素的特點(diǎn)進(jìn)行選擇。一般而言，主要內(nèi)容（如標(biāo)題、正文等）的字體顏色應(yīng)該是黑色或深灰色，強(qiáng)調(diào)內(nèi)容（如重要提示、鏈接等）的字體顏色可以是藍(lán)色、紅色等。同時(shí)，需要注意背景色與字體顏色之間的對(duì)比度，以確保字體清晰可讀。
3.4 字間距
字間距是指字體中各個(gè)字符之間的間距。一般而言，字間距應(yīng)該適當(dāng)擴(kuò)大，以保證單詞和句子之間的空隙，增加字體的易讀性。但是，字間距過大也會(huì)影響排版的美觀性，因此需要根據(jù)實(shí)際情況進(jìn)行調(diào)整。
總結(jié)
在界面設(shè)計(jì)中，字體的選擇和規(guī)范化是非常重要的一環(huán)。根據(jù)不同的場(chǎng)合和元素特點(diǎn)進(jìn)行合理的字體搭配，并進(jìn)行規(guī)范化，可以提高用戶的使用體驗(yàn)，讓界面更加美觀、易讀易懂。
今日分享這篇文章是藍(lán)藍(lán)設(shè)計(jì)的原創(chuàng)文章，未來將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，添加vx藍(lán)小助ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等，歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
藍(lán)藍(lán)設(shè)計(jì)( m.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
標(biāo)簽: ui 界面設(shè)計(jì) 設(shè)計(jì)流行趨勢(shì) 社交APP
寫一期大熱的AIGC的設(shè)計(jì)師必備的生圖軟件，文章詳細(xì)講解Midjourney如何使用，增強(qiáng)我們工作的效率，現(xiàn)在很多大廠都已經(jīng)對(duì)AIGC開始制定詳細(xì)的工作流程，所以你還在猶豫什么，為什么還不趕緊學(xué)起來。
交流群分享AIGC輔助網(wǎng)站
Midjourney是搭載在Discord（Discord 是一個(gè)功能豐富且方便使用的通訊工具，還允許用戶創(chuàng)建自己的服務(wù)器以便和他人協(xié)作）上的，因此要想使用Midjourney需要先注冊(cè)一個(gè)Discord賬號(hào)。
打開Midjourney官網(wǎng) http://www.midjourney.com
點(diǎn)擊【Join the Beta】，根據(jù)提示完成Discord賬號(hào)注冊(cè)
沒有賬戶，點(diǎn)擊注冊(cè)。此app可以下載電腦的
注冊(cè)頁(yè)面，按需填寫
登錄剛剛注冊(cè)的郵箱，找到驗(yàn)證郵件，點(diǎn)擊郵件里面的按鈕進(jìn)行驗(yàn)證
注冊(cè)完成后，登錄Discord賬號(hào)，在左側(cè)找到“Midjourney圖標(biāo)”，即Midjourney官方服務(wù)器，然后就可以看到各種小群組。新用戶只能加入新人群組【NEWCOMER ROOMS】，選擇一個(gè)加入，可以看到群組里有網(wǎng)友繪制的各種圖片。
由于新手群人數(shù)較多，自己生成的圖片很快會(huì)淹沒在網(wǎng)友生成的圖片中。為避免干擾，可以在Discord中創(chuàng)建自己的服務(wù)器，安靜的創(chuàng)作。
首先在左側(cè)菜單欄中點(diǎn)擊加號(hào)圖表，根據(jù)流程依次選擇，輸入服務(wù)器名稱，完成服務(wù)器的創(chuàng)建。
輸入自己的服務(wù)器名稱
然后，返回Midjourney 的服務(wù)器，進(jìn)入房間，點(diǎn)擊機(jī)器人的頭像就可以選擇添加至剛創(chuàng)建的服務(wù)器中
然后進(jìn)入自己創(chuàng)建的服務(wù)器中，在下方輸入框中輸入一些指令就可以使用Midjourney創(chuàng)作圖片了。
新注冊(cè)的用戶有25次免費(fèi)生成圖像的機(jī)會(huì)，如果經(jīng)常使用建議訂閱會(huì)員 按年費(fèi)訂閱為8折，訂閱會(huì)員需要支持外幣支付的信用卡，有外幣信用卡的可以自行訂閱會(huì)員，沒有的可以去某寶或某魚代訂閱會(huì)員或租共享賬號(hào) 相關(guān)命令：查看剩余會(huì)員資源“/info”，切換快速模式“/fast”，切換放松模式“relax”
訂閱官網(wǎng)： https://www.yuque.com/r/goto?url=https%3A%2F%2Fwww.midjourney.com%2Faccount%2F
在對(duì)話框中，輸入/imagine 指令后，輸入框會(huì)變成以下樣式，即可輸入一些圖像描述詞匯（prompt），大約一分鐘的時(shí)間Midjourney Bot 會(huì)根據(jù)prompt生成四張圖片。 一個(gè)基本的Prompt可以是簡(jiǎn)單的一個(gè)詞、短語或表情符號(hào)。 更高級(jí)的提示可以包括一個(gè)或多個(gè)圖像URL，多個(gè)文本短語，以及一個(gè)或多個(gè)參數(shù)。
圖片URL會(huì)影響最終結(jié)果圖像的風(fēng)格和內(nèi)容，地址必須以 .png、.gif 或 .jpg 等擴(kuò)展名結(jié)尾
也可以在網(wǎng)站上扒圖片地址
可以復(fù)制多個(gè)圖片（建議輸入同類型的圖片） 在圖片地址后直接輸入關(guān)鍵詞或參數(shù)即可
輸入?yún)?shù)時(shí)，記得加空格。ps：--no+空格+你需要的提詞
改變生成圖形的長(zhǎng)寬比，默認(rèn)為1:1，支持的長(zhǎng)寬比如下圖所示。
用于添加不希望圖片中出現(xiàn)的內(nèi)容。例如，--no plants，會(huì)嘗試從圖像中去除植物。
圖像渲染時(shí)間。默認(rèn)值是1，數(shù)值越高，消耗的時(shí)間越多，圖像質(zhì)量越好，反之亦然。例如，--q 2 差不多會(huì)消耗兩倍的時(shí)間額度。更高的 --quality 設(shè)置并不總是更好，有時(shí)較低的 --quality 設(shè)置可以產(chǎn)生更好的結(jié)果——這取決于您嘗試創(chuàng)建的圖像。較低的 設(shè)置可能最適合生成抽象的圖像。需要許多細(xì)節(jié)可以設(shè)置更高的值。
這可以使得生成的圖像之間保持更穩(wěn)定或可重復(fù)性，可選任何正整數(shù)。例如，--seed 100。
用于選擇使用的模型版本，默認(rèn)為V4，可以選擇 <1 2, or 3>。因?yàn)閂4版本生成的圖像比較寫實(shí)，因此有時(shí)可能需要選擇之前的版本。--video用于保存生成的初始圖像的進(jìn)度視頻。
詳細(xì)的參數(shù)情況請(qǐng)前往官方文檔查看： https://docs.midjourney.com/docs/parameter-list
輸入prompts后，在生成的初始圖像網(wǎng)格下方會(huì)出現(xiàn)兩行按鈕，其中： U 按鈕用于放大圖像，生成所選圖像的更大版本并添加更多細(xì)節(jié)。 V 按鈕用于創(chuàng)建變體，會(huì)生成與所選圖像的整體風(fēng)格和構(gòu)圖相似的新圖像（4張?jiān)?圖）。
（四張圖片順時(shí)針排序：V1、V2、V3、V4；U1、U2、U3、U4）
MJ version 1,MJ version 2,
MJ version 3：偏抽象
MJ version 4：風(fēng)格多樣
MJ version 5：真實(shí)圖片
Niji mode：二次元
模型測(cè)試算法： MJ test , MJ test photo
模型只能使用一個(gè)，點(diǎn)擊切換模型，每個(gè)模型側(cè)重點(diǎn)不同
Half quality：圖片質(zhì)量低 (相當(dāng)于--q 0.5)
Base quality：圖片質(zhì)量中等 (相當(dāng)于--q 1 )
Base quality：圖片質(zhì)量高 (相當(dāng)于--q 2 )
--stylize或-s 參數(shù)影響了這種訓(xùn)練的強(qiáng)度。低風(fēng)格化值 產(chǎn)生的圖像與提示密切相關(guān)，但藝術(shù)性較差。高風(fēng)格化值產(chǎn)生的圖像非常有藝術(shù)性，但與提示的聯(lián)系較少。
Style Low = --s 50
Style Med = --s 100
Style High = --s 250
Style Very High = --s 750
--stylize的默認(rèn)值為 100，并且在使用 默認(rèn)【V4模型】時(shí)接受 0-1000的整數(shù)值。
public mode：公共模式，出的圖會(huì)在官網(wǎng)社區(qū)顯示
Stealth mode:隱私模式，出圖僅自己可見（需要會(huì)員）
生成圖片，點(diǎn)擊(v)的時(shí)候可更改提示詞
fast mode：快速模式，該速度下生圖沒有限制，會(huì)根據(jù)你生圖占用的 CPU排隊(duì)，生圖量越大，排隊(duì)時(shí)間越長(zhǎng)
relax mode :輕松模式，會(huì)優(yōu)先生成你的圖（需要會(huì)員）
獲取全部關(guān)鍵詞，添加群主微信獲取
用相同的“seed種子”產(chǎn)生相同的結(jié)果，然后可以微調(diào)畫面細(xì)節(jié) 選擇郵件表情發(fā)給機(jī)器人，這樣就會(huì)收到一個(gè)機(jī)器人的私信。發(fā)“E”可以快捷搜索出圖標(biāo)
發(fā)送后，底部會(huì)出小郵件圖標(biāo)，點(diǎn)擊等待機(jī)器人回復(fù)
收到消息，復(fù)制種子
在輸入新的關(guān)鍵詞后，結(jié)尾輸入-- seed指令，復(fù)制上你的種子
3、復(fù)制圖片地址，利用墊圖來保持創(chuàng)作的關(guān)聯(lián)性
本文描述如何使用ChatGPT成為我們?cè)诠ぷ髋c學(xué)習(xí)中的超強(qiáng)助手 ChatGPT是一種大型語言模型，它可以通過處理自然語言文本來產(chǎn)生回復(fù)，可進(jìn)行自然、流暢的對(duì)話。ChatGPT可以在多種應(yīng)用場(chǎng)景中使用，例如智能客服、智能助手、問答系統(tǒng)、聊天機(jī)器人、翻譯等等。
你可能對(duì)ChatGPT帶來的變革毫不關(guān)心，認(rèn)為只是一個(gè)聊天的工具，但是ChatGPT的出現(xiàn)確實(shí)見證了技術(shù)的革新，對(duì)于新事物，尤其是現(xiàn)在處在一個(gè)AI科技爆發(fā)時(shí)代，越早接觸新技術(shù)，越早擁有核心競(jìng)爭(zhēng)力。堅(jiān)持看完文章相信對(duì)你會(huì)有很大幫助。
以調(diào)研專員身份進(jìn)行對(duì)話，使他可以用更專業(yè)的詞匯回答你的問題。
可以針對(duì)某個(gè)產(chǎn)品，生成對(duì)應(yīng)用戶年齡段的用戶畫像，輔助產(chǎn)品調(diào)研工作
指令：請(qǐng)寫 [N 份]，關(guān)于 [某個(gè)產(chǎn)品 /NN～NN歲] 的用戶畫像
針對(duì)某個(gè)產(chǎn)品，去分析產(chǎn)品高頻、低頻功能。可以生成列表，統(tǒng)計(jì)使用頻率。
指令：請(qǐng)查閱 [某產(chǎn)品] 用戶 [經(jīng)常使用或最少使用] 的功能，要求數(shù)據(jù)真實(shí)可查詢
生成某產(chǎn)品的調(diào)研報(bào)告，可規(guī)定字?jǐn)?shù)，如果寫到一半停下，發(fā)送「繼續(xù)」的指令就可以繼續(xù)發(fā)送啦～
指令：請(qǐng)總結(jié)一份 [某產(chǎn)品] 用戶使用 [某功能] 的調(diào)研報(bào)告
以競(jìng)品研究員的身份進(jìn)行對(duì)話。如果有需求可以附加競(jìng)品研究員所處的行業(yè)類別。
可以選擇自己關(guān)注的競(jìng)品產(chǎn)品，生成報(bào)告，可以規(guī)定競(jìng)品報(bào)告的側(cè)重點(diǎn)。
指令：生成一份有關(guān) [選擇你的競(jìng)品] 的競(jìng)品分析報(bào)告，詳細(xì)分析其雙方的 [你的需求]
當(dāng)你在對(duì)產(chǎn)品某個(gè)領(lǐng)域不太清楚時(shí)，你可以隨時(shí)收起相關(guān)的材料，比如你對(duì)金融行業(yè)的用戶體驗(yàn)的行情感興趣，你想深度了解的時(shí)候，用你的資料整理助手幫你整理資料。
指令：給我 [N 篇] [領(lǐng)域] 的文章
接著你可以讓助手對(duì)上述文章進(jìn)行總結(jié)
指令：用列點(diǎn)的方式總結(jié)上述文章中的 [數(shù)字] 重點(diǎn)
指令：用列點(diǎn)的方式總結(jié)出 [數(shù)字] 個(gè) 領(lǐng)域 知識(shí)重點(diǎn)
在寫報(bào)告時(shí)，經(jīng)常會(huì)對(duì)某個(gè)領(lǐng)域或知識(shí)點(diǎn)不清晰，無從下手的情況。遇到這種情況，可以直接使用下面的指令獲取專業(yè)的研究報(bào)告，幫你了解最新的研究以及專家觀點(diǎn)。
指令：寫出一篇有關(guān) [領(lǐng)域] 的 [數(shù)字] 研究報(bào)告，要求引用真實(shí)數(shù)據(jù)與專家觀點(diǎn)。
針對(duì)某個(gè)主題可以提出反對(duì)觀點(diǎn)，改變角度，擴(kuò)大寫報(bào)告的思維。
指令：針對(duì)一下論述 [觀點(diǎn)] 提出反駁的觀點(diǎn)，每個(gè)論點(diǎn)都要有論證
寫報(bào)告時(shí)，可以針對(duì)某個(gè)部分，用AI幫你去提煉你所需的內(nèi)容。
指令：你是金融互聯(lián)網(wǎng)專家，請(qǐng)總結(jié)以下內(nèi)容，并針對(duì)以下內(nèi)容提出未來能進(jìn)一步研究的方向 [附上內(nèi)容]
可以輔助你寫出一份ppt大綱，為你提供思路。雖然無法寫出細(xì)節(jié)，但是可以根據(jù)標(biāo)題再去發(fā)指令，生成詳情內(nèi)容。
指令：請(qǐng)寫一份有關(guān)于 [領(lǐng)域] 的PPT，頁(yè)數(shù)在 [數(shù)量] 頁(yè)以內(nèi)
根據(jù)大綱標(biāo)題，細(xì)化內(nèi)容
指令：輸入標(biāo)題名稱，[字?jǐn)?shù)] 以內(nèi)
先去培養(yǎng)角色，讓他用簡(jiǎn)潔的英文單詞，為你提供AI繪畫的關(guān)鍵詞。
指令： 現(xiàn)在起，當(dāng)我想要你發(fā)送圖片、照片的時(shí)候，用3/8Markdown寫，不要有反射線，不要用代碼塊。使用 Unsplash API(https://source.unsplash.com/1280x720/?)。如果聽懂了請(qǐng)回復(fù)明白，以后需要這樣
可以設(shè)定面試場(chǎng)景，生成一個(gè)對(duì)話場(chǎng)景，為面試做準(zhǔn)備，提前準(zhǔn)備面試中可能被問到的問題。
指令：請(qǐng)以 [崗位] 的身份，情景再現(xiàn)一場(chǎng)面試工作
將AI的身份塑造成面試官，模擬真實(shí)的面試場(chǎng)景，提高自己的面試能力
指令：請(qǐng)你以 [崗位] 面試官的身份與我對(duì)話，進(jìn)行一場(chǎng)面試
針對(duì)職業(yè)方向如何發(fā)展，可以讓ChatGPT根據(jù)大數(shù)據(jù)為你推薦現(xiàn)在的職業(yè)發(fā)展的熱門方向，為未來開展明燈。
指令：[行業(yè)] 未來職業(yè)方向，哪個(gè)比較熱門
針對(duì)職業(yè)方向，可以繼續(xù)探索自己感興趣的職業(yè)規(guī)劃
指令：請(qǐng)?zhí)峁?strong> [崗位] 未來的職業(yè)規(guī)劃
輸入網(wǎng)頁(yè)，可幫您總結(jié)當(dāng)前網(wǎng)頁(yè)的信息，提煉關(guān)鍵信息，提高閱讀效率
指令：[網(wǎng)站] 請(qǐng)總結(jié)這個(gè)網(wǎng)站的信息
指令：詳細(xì)的說明 [想了解的知識(shí)]
指令：[科目] 學(xué)習(xí)看哪些網(wǎng)站
指令：我學(xué)習(xí)使用 [工具]，我應(yīng)該看哪些網(wǎng)站的教程
3、英語學(xué)習(xí)助手
1）、英語對(duì)話
指令：Can we have a conversation about [話題] ?
指令：Please correct my grammar and spelling mistakes in the text above:[附上英文文字]
安裝「Voice Control for ChatGPT」谷歌插件，可播報(bào)Chatgpt的文字，練習(xí)聽力與口語。在谷歌應(yīng)用商店中搜索下載即可。
這些就是我在用chatGPT中對(duì)設(shè)計(jì)師來說比較有價(jià)值的提問方向，希望對(duì)大家有啟發(fā)。
SaaS 產(chǎn)品體驗(yàn)要求越來越高，用戶體驗(yàn)已經(jīng)成為產(chǎn)品競(jìng)爭(zhēng)力的重要組成部分，怎樣在多業(yè)務(wù)線的產(chǎn)品環(huán)境中做好體驗(yàn)設(shè)計(jì)，本文從貼合業(yè)務(wù)線的設(shè)計(jì)規(guī)范、敏捷易用的前端組件庫(kù)、產(chǎn)品研發(fā)協(xié)作流程保障、UI體驗(yàn)文化打造、UI設(shè)計(jì)質(zhì)量品控5個(gè)方面闡述項(xiàng)目快速、規(guī)模化提升多產(chǎn)品線整體體驗(yàn)過程中方法論和實(shí)踐經(jīng)驗(yàn)。
關(guān)鍵詞：
用戶體驗(yàn)設(shè)計(jì)；UI設(shè)計(jì)規(guī)范；多產(chǎn)品線；體驗(yàn)文化；UI設(shè)計(jì)落地
面對(duì)多產(chǎn)品體系，多產(chǎn)品線，需要積極尋找和探索適合我們客觀情況的最佳實(shí)踐，我們面臨的問題有：
1.過往以功能堆砌為主、基本“能用”，缺乏平臺(tái)規(guī)范和一致性，體驗(yàn)不足。
2.產(chǎn)品線多、體量大。
3.客戶對(duì)產(chǎn)品體驗(yàn)要求越來越高。
4.產(chǎn)品歷史包袱、修復(fù)改動(dòng)困難。
5.對(duì)用戶體驗(yàn)認(rèn)知不一，協(xié)同、溝通成本高。
6.重復(fù)的開發(fā)成本。
7.第三方組件與業(yè)務(wù)的匹配度不佳。
解決以上幾大難題，我們啟動(dòng)了UI 設(shè)計(jì)規(guī)范的搭建、UI組件庫(kù)的開發(fā)等，讓規(guī)范和組件庫(kù)成為各產(chǎn)品線堅(jiān)實(shí)底座的一部分，使用戶體驗(yàn)文化賦能前端和產(chǎn)品經(jīng)理，協(xié)同 QA 力量一起推動(dòng)產(chǎn)品體驗(yàn)升級(jí)，以下整理分享的實(shí)踐方法適用于中小型UED團(tuán)隊(duì)支撐復(fù)雜、多業(yè)務(wù)線的企業(yè)，本文嘗試從以下幾個(gè)方面總結(jié)和提煉實(shí)踐經(jīng)驗(yàn)，跟業(yè)界同行探討。
設(shè)計(jì)規(guī)范體系的搭建對(duì)于新的團(tuán)隊(duì)，如何從復(fù)雜海量的業(yè)務(wù)場(chǎng)景中制定出一套適用于自己產(chǎn)品的UI設(shè)計(jì)規(guī)范，是第一道待翻越的高墻，完整的設(shè)計(jì)規(guī)范應(yīng)該是包含視覺規(guī)范與交互規(guī)范，本文主要針對(duì)設(shè)計(jì)規(guī)范實(shí)踐過程進(jìn)行闡述。
貼合場(chǎng)景的設(shè)計(jì)規(guī)范：
雖然市面上已經(jīng)有眾多成熟的設(shè)計(jì)規(guī)范體系可供使用，但是當(dāng)前我們所處的產(chǎn)品階段、多業(yè)務(wù) 線以及復(fù)雜的業(yè)務(wù)場(chǎng)景等綜合因素，決定了需要重新搭建一套符合我們自己業(yè)務(wù)場(chǎng)景的設(shè)計(jì)規(guī) 范體系。
UI規(guī)范效益最大化：
一旦我們決定制作規(guī)范，就要把規(guī)范當(dāng)成一個(gè)產(chǎn)品去做。去梳理一套高效合理、可復(fù)用的制作流 程，去分析產(chǎn)出什么樣的「規(guī)范產(chǎn)品」才能產(chǎn)生最大的價(jià)值。 依據(jù)規(guī)范效益模型，在規(guī)范的制定中盡可能的提高規(guī)范的通用性至90%，先解決統(tǒng)一性，再解決場(chǎng)景細(xì)分，打造高質(zhì)量通用的模式庫(kù)以提高質(zhì)量和效率，并力求讓更多人從這套設(shè)計(jì)體系中獲益， 從而讓規(guī)范體系發(fā)揮更大的價(jià)值。
UI規(guī)范制定的策略：
明確用戶對(duì)設(shè)計(jì)規(guī)范的訴求，構(gòu)建適合產(chǎn)品的UI設(shè)計(jì)規(guī)范，首先，需要明確規(guī)范體系的用戶群體經(jīng)過設(shè)計(jì)團(tuán)隊(duì)多輪調(diào)研，確定設(shè)計(jì)規(guī)范面向的目標(biāo)用戶群、基于核心用戶的訴求，為后續(xù)規(guī)范內(nèi)容框架的制定提供依據(jù)。
確定UI設(shè)計(jì)價(jià)值觀：
產(chǎn)品歷史包袱重，系統(tǒng)結(jié)構(gòu)復(fù)雜，在提升用戶體驗(yàn)時(shí)，內(nèi)容表達(dá)「清晰明確」是第一要?jiǎng)?wù)，例如尊重已經(jīng)形成的用戶習(xí)慣，優(yōu)化改造時(shí)，注意版本之間的銜接，讓用戶「清晰明確」，這也是為什么將「清晰明確」作為價(jià)值觀之首，另外提升效率是企業(yè)級(jí)產(chǎn)品用戶體驗(yàn)的永恒主題，同時(shí)兼顧系統(tǒng)的簡(jiǎn)潔與一致。
梳理UI規(guī)范框架：
UI設(shè)計(jì)規(guī)范包括設(shè)計(jì)價(jià)值觀、全局規(guī)則、組件庫(kù)、模式庫(kù)、典型頁(yè)面、移動(dòng)端規(guī)范和設(shè)計(jì)資源框架整理主要從以下3個(gè)方面進(jìn)行：
1.梳理現(xiàn)有組件，剔除不使用的部分 。?
2.同類競(jìng)品的框架借鑒，查漏補(bǔ)缺。 ?
3.場(chǎng)景驗(yàn)證，與業(yè)務(wù)場(chǎng)景深度結(jié)合經(jīng)過充分論證和梳理，對(duì)規(guī)范框架做了重新定義，增補(bǔ)了業(yè)務(wù)缺少的內(nèi)容。
如上圖所示，例如對(duì)高頻的工具欄組件的補(bǔ)充，典型頁(yè)面的補(bǔ)充，增加模式庫(kù)以及全局規(guī)則，當(dāng)前第一個(gè)版本的規(guī)范框架是基于業(yè)務(wù)場(chǎng)景優(yōu)先級(jí)最高的內(nèi)容進(jìn)行制定，更多的規(guī)范內(nèi)容的增加依托于不斷的迭代，逐漸完善規(guī)范框架。
規(guī)范內(nèi)容的制定及評(píng)審：
組件規(guī)范包含：變更記錄、組件定義、何時(shí)使用、組件的類型、組件的響應(yīng)。
規(guī)范內(nèi)容制定的原則： ?
1.有明確場(chǎng)景可依。?
2.精簡(jiǎn)不必要的分支 例如在定義表單規(guī)范時(shí)，對(duì)于表單標(biāo)簽的對(duì)齊方式做了統(tǒng)一的約束，標(biāo)簽右對(duì)齊，輸入框左對(duì)齊全局保持統(tǒng)一。
邏輯正確、規(guī)則明確易懂： ?
例如常見的alert （警告提示）名稱調(diào)整為常駐提示，語義更貼合場(chǎng)景，便于理解。
規(guī)則的可拓展性，多場(chǎng)景的兼容性： ?
產(chǎn)品架構(gòu)是PC端到移動(dòng)端的自動(dòng)適配，因此在組件設(shè)計(jì)的時(shí)候需同時(shí)考慮PC端與移動(dòng)端的對(duì)應(yīng)關(guān)系以及兩端場(chǎng)景的兼容性。
協(xié)作及敏捷迭代： ?
規(guī)范發(fā)布后，伴隨著實(shí)際項(xiàng)目的檢驗(yàn)，業(yè)務(wù)場(chǎng)景的擴(kuò)充變化，如何高效的對(duì)設(shè)計(jì)規(guī)范進(jìn)行迭代，決定了設(shè)計(jì)系統(tǒng)能否持續(xù)的走得更遠(yuǎn)，規(guī)范內(nèi)容定期評(píng)審，必須通過業(yè)務(wù)、技術(shù)、設(shè)計(jì)評(píng)審，確保規(guī)范是可用的、可落地并且易于使用的規(guī)范后期不同的規(guī)范模塊專屬人負(fù)責(zé)，同時(shí)有backup，可以幫助走查復(fù)盤雙重保障規(guī)范的質(zhì)量。
敏捷易用的前端組件庫(kù)： ?
復(fù)雜的業(yè)務(wù)場(chǎng)景和多產(chǎn)品線特點(diǎn)，快速打造一套敏捷易用、高質(zhì)量并符合實(shí)際業(yè)務(wù)場(chǎng)景的前端組件庫(kù)，是提高產(chǎn)品研發(fā)效率、改善UI質(zhì)量、提升用戶體驗(yàn)的關(guān)鍵。
復(fù)雜的業(yè)務(wù)場(chǎng)景和多產(chǎn)品線特點(diǎn)，快速打造一套敏捷易用、高質(zhì)量并符合實(shí)際業(yè)務(wù)場(chǎng)景的前端組件庫(kù)，是提高產(chǎn)品研發(fā)效率、改善UI質(zhì)量、提升用戶體驗(yàn)的關(guān)鍵。
前端組件庫(kù)建立目標(biāo)： ?
1.提高開發(fā)效率，對(duì)高頻使用、通用組件進(jìn)行代碼化封裝，避免重復(fù)開發(fā)工作。 ?
2.提高開發(fā)質(zhì)量，通過各類業(yè)務(wù)場(chǎng)景和業(yè)務(wù)線的錘煉，沉淀組件代碼最佳實(shí)踐。 ?
3.提高產(chǎn)品體驗(yàn)，組件封裝代碼化，減少在多角色協(xié)同中因?yàn)槔斫馄睢⑿畔鬟f問題等導(dǎo)致的不確定性和結(jié)果不可控性，不同業(yè)務(wù)線、不行項(xiàng)目、共用一套基礎(chǔ)代碼，保證體驗(yàn)的一致性，組件的組織形式： 結(jié)合實(shí)際業(yè)務(wù)場(chǎng)景和原子設(shè)計(jì)理論，將組件劃分為不同顆粒度：基礎(chǔ)組件、業(yè)務(wù)組件、典型頁(yè)面 組件，以適用于不同研發(fā)場(chǎng)景使用。
1.基礎(chǔ)組件，基礎(chǔ)組件為組件庫(kù)最小顆粒度，構(gòu)成系統(tǒng)界面的基本構(gòu)件。 ?
2.業(yè)務(wù)組件，在基礎(chǔ)組件的基礎(chǔ)上，結(jié)合具有共性業(yè)務(wù)特征的業(yè)務(wù)場(chǎng)景，梳理出具有業(yè)務(wù)特征的 業(yè)務(wù)組件。 ? 3.典型頁(yè)面組件，梳理具有業(yè)務(wù)特點(diǎn)的典型頁(yè)面，相比基礎(chǔ)組件和業(yè)務(wù)組件，典型頁(yè)面更加具體， 為用戶提供具有代表性的內(nèi)容和框架，并準(zhǔn)確描述用戶最終看到的內(nèi)容。如列表和左樹右表典型 頁(yè)面組件，作為最為常見的頁(yè)面結(jié)構(gòu)，各業(yè)務(wù)場(chǎng)景可復(fù)用頁(yè)面組件，保證了頁(yè)面組件內(nèi)各基礎(chǔ)組 件的一致性，最大程度的實(shí)現(xiàn)不同產(chǎn)品線產(chǎn)品中頁(yè)面體驗(yàn)的一致性。
推進(jìn)前端組件庫(kù)落地執(zhí)行： ?
前期設(shè)計(jì)規(guī)范落地到組件庫(kù)過程中，面臨諸多問題和阻礙，比如開發(fā)落地質(zhì)量不高、內(nèi)容遺漏、 各方理解不一致、驗(yàn)收及修復(fù)問題不到位等問題。處理這些問題對(duì)UI團(tuán)隊(duì)資源造成很大消耗， 通過總結(jié)復(fù)盤前期組件庫(kù)落地時(shí)的經(jīng)驗(yàn)和教訓(xùn)，梳理落地執(zhí)行流程，在新的協(xié)作流程下，新一 批的組件開發(fā)不論在協(xié)作效率和開發(fā)質(zhì)量上都有質(zhì)的提升。
分層推進(jìn)： ?
組件庫(kù)開發(fā)是一個(gè)持續(xù)迭代的過程，考慮到組件庫(kù)開發(fā)資源極為有限且無專職負(fù)責(zé)人員，在跟組 件庫(kù)開發(fā)團(tuán)隊(duì)協(xié)同過程中，我們通過分步開發(fā)來解決組件庫(kù)更新優(yōu)化的問題并通過不斷優(yōu)化協(xié)作流程來助力組件庫(kù)高效落地。
前端組件庫(kù)分步開發(fā)原則： ?
1.優(yōu)先級(jí)原則，優(yōu)先開發(fā)適用于業(yè)務(wù)線普適場(chǎng)景的組件。 ?
2.緊急性原則，對(duì)于急需的業(yè)務(wù)線所需組件優(yōu)先開發(fā)。 ?
3.快速可實(shí)現(xiàn)原則，開發(fā)實(shí)現(xiàn)成本高的組件暫緩處理。
自查走查驗(yàn)收： ?
組件UI責(zé)任人梳理出下屬組件需開發(fā)落地的細(xì)節(jié)點(diǎn)，整理為文檔，待開發(fā)人員完成組件開發(fā)后，自行參照UI提供的自查文檔，查漏補(bǔ)缺，保障進(jìn)入U(xiǎn)I驗(yàn)收環(huán)節(jié)的前端組件不會(huì)出現(xiàn)較多的缺陷，降低后期走查和溝通修改的工作量，同時(shí)監(jiān)督開發(fā)人員提高組件落地還原度和質(zhì)量。
組件庫(kù)的持續(xù)迭代： ?
UI團(tuán)隊(duì)通過一套標(biāo)準(zhǔn)的流程來把控組件庫(kù)迭代的質(zhì)量，在日常工作中經(jīng)常會(huì)收到產(chǎn)品經(jīng)理或項(xiàng)目 方提出新的組件需求或?qū)ΜF(xiàn)有組件的優(yōu)化。UI部門作為推動(dòng)組件庫(kù)搭建的核心環(huán)節(jié)，需要以全局 和更深入的視角加以判斷把關(guān)，保證前端組件庫(kù)內(nèi)容的普適性和高質(zhì)量，避免組件庫(kù)內(nèi)容冗余， 降低研發(fā)維護(hù)成本。
產(chǎn)品研發(fā)協(xié)作流程保障： ?
好的過程是好的結(jié)果的有力保障，一個(gè)業(yè)務(wù)需求從產(chǎn)生到開發(fā)落地需要經(jīng)過多角色協(xié)同、一系 列環(huán)節(jié)。必須依靠規(guī)范的研發(fā)協(xié)作流程，確保各角色清楚自己職責(zé)以及如何跟上下游銜接，同 時(shí)我們也希望協(xié)作流程能夠確保設(shè)計(jì)資源可以向重點(diǎn)業(yè)務(wù)模塊傾斜，以及發(fā)揮各個(gè)角色可以發(fā) 揮的作用去共同提升產(chǎn)品體驗(yàn)。
UED團(tuán)隊(duì)建立之初，我們面臨的首要問題是：需求隨機(jī)，完全取決于各產(chǎn)品線和產(chǎn)品經(jīng)理 個(gè)人，為了解決這個(gè)問題，我們制定了UI融入研發(fā)體系的流程以解決合理、有效利用UI資 源的問題。
企業(yè)級(jí)產(chǎn)品特點(diǎn)、多業(yè)務(wù)線、大量面向管理員用戶的具有相似頁(yè)面結(jié)構(gòu)和交互模式的業(yè)務(wù) 模塊、產(chǎn)品經(jīng)理跟交互團(tuán)隊(duì)人員配比等因素都決定了并非所有需求都需要流轉(zhuǎn)到UI團(tuán)隊(duì)進(jìn) 行設(shè)計(jì)，在判斷哪些需求需要流轉(zhuǎn)至UI團(tuán)隊(duì)設(shè)計(jì)時(shí)，我們給出了如下指導(dǎo)性方向： ?
1.用戶量角度，大量終端用戶使用的場(chǎng)景，例如訂票、報(bào)銷、采購(gòu)頁(yè)面 。 ?
2.用戶重要程度角度，核心、重要用戶使用的場(chǎng)景 eg.公司領(lǐng)導(dǎo)、決策層。 ?
3.通用性角度，通用組件或框架，需要UI通盤考慮各個(gè)業(yè)務(wù)線場(chǎng)景需求進(jìn)行設(shè)計(jì)。 其他需求則主要由產(chǎn)品經(jīng)理進(jìn)行設(shè)計(jì)，UX以評(píng)審方式輕度參與。
協(xié)作流程迭代，UI驗(yàn)收成為必要一環(huán)： 隨后我們又面臨新的問題：設(shè)計(jì)還原度差，被公司老板生動(dòng)的形容為：看設(shè)計(jì)稿是“精裝修”， 開發(fā)落地后就成了“毛坯房”了。為盡可能確保設(shè)計(jì)還原質(zhì)量，我們?cè)谘邪l(fā)流程中明確了所有涉 及前端頁(yè)面的功能需求都需要在研發(fā)協(xié)同工具中流轉(zhuǎn)到UI負(fù)責(zé)人驗(yàn)收，在產(chǎn)品團(tuán)隊(duì)TAPD中記 錄UI缺陷、標(biāo)明嚴(yán)重程度，對(duì)于 “嚴(yán)重” 級(jí)別以上UI缺陷，禁止發(fā)版。
UI工期評(píng)估合理化：
為了既能盡力配合各產(chǎn)品線迭代計(jì)劃又要爭(zhēng)取合理UI設(shè)計(jì)時(shí)間、保證產(chǎn)出質(zhì)量，合理評(píng)估設(shè)計(jì)周期對(duì)UI人力管理尤其重要。對(duì)此，我們對(duì)設(shè)計(jì)需求分成了ABC三級(jí)進(jìn)行評(píng)估。 對(duì)于A和B級(jí)需求，通常模塊較大，先有UI設(shè)計(jì)方案再去分期迭代開發(fā)，對(duì)于這兩類需求，在評(píng)估 模型中給出了大致工期概念，比如以月為單位，大于1個(gè)月或2個(gè)月。
對(duì)于C級(jí)需求，通常為產(chǎn)品經(jīng)理先排進(jìn)某個(gè)迭代再來提UI設(shè)計(jì)需求，設(shè)計(jì)范圍相對(duì)明確，我們則結(jié)合典型頁(yè)面數(shù)量因子和設(shè)計(jì)難度因子給出了UI工期大概評(píng)估公式，以天為單位。 ?
1.設(shè)計(jì)難度因子：根據(jù)業(yè)務(wù)線的復(fù)雜程度而定，范圍為（0.8~1.5）。 ?
2.典型頁(yè)面數(shù)量因子：評(píng)估需求范圍規(guī)模（N）。
UI設(shè)計(jì)團(tuán)隊(duì)在協(xié)作過程中面臨諸多挑戰(zhàn)：產(chǎn)品線多、產(chǎn)品邏輯復(fù)雜、研發(fā)鏈路長(zhǎng)、各級(jí)人員對(duì)產(chǎn)品認(rèn)知及重視程度不一、好的體驗(yàn)設(shè)計(jì)難落地、溝通成本高等問題，想要解決這些問題，若僅靠UI團(tuán)隊(duì)自身力量是不夠的，需要?jiǎng)訂T公司各個(gè)環(huán)節(jié)和人員重視用戶體驗(yàn)，共同促進(jìn)產(chǎn) 品體驗(yàn)提升。
搭建體驗(yàn)文化灌溉機(jī)制：
UI部門通過多維度的體驗(yàn)知識(shí)內(nèi)容矩陣、多渠道多場(chǎng)景全員覆蓋，普及和加深各級(jí)對(duì)產(chǎn)品體驗(yàn) 價(jià)值的認(rèn)識(shí)，提升產(chǎn)品體驗(yàn)思考力和洞察力，幫助企業(yè)以新的視角思考業(yè)務(wù)、產(chǎn)品研發(fā)和用戶 體驗(yàn)的關(guān)系，賦能產(chǎn)品經(jīng)理及研發(fā)人員高質(zhì)量的輸出，“以用戶為中心”和“打造產(chǎn)品極致體驗(yàn)” 的價(jià)值觀根植與企業(yè)文化中，指導(dǎo)研發(fā)流程中各項(xiàng)工作最終影響到產(chǎn)品的戰(zhàn)略層、范圍層、結(jié) 構(gòu)層、框架層和表現(xiàn)層這5個(gè)產(chǎn)品體驗(yàn)維度，以實(shí)現(xiàn)企業(yè)產(chǎn)品的“極致產(chǎn)品體驗(yàn)”目標(biāo)。 通過搭建體驗(yàn)文化灌溉機(jī)制，提升全員體驗(yàn)意識(shí)，能為產(chǎn)品研發(fā)帶來長(zhǎng)久的價(jià)值： ?
1.提高設(shè)計(jì)還原度 ?
2.減少培訓(xùn)成本 ?
3.提升跨部門溝通效率 ?
4.提升UI團(tuán)隊(duì)影響力 ?
5.提升客戶滿意度
體驗(yàn)文化落地實(shí)踐：
針對(duì)不同類型的體驗(yàn)知識(shí)，我們采取不同的傳播渠道進(jìn)行透，以期達(dá)到最好的效果，避免形式化， 將體驗(yàn)文化滲透、學(xué)習(xí)落到實(shí)處，最終影響產(chǎn)品研發(fā)的各個(gè)環(huán)節(jié)。
以下為UI團(tuán)隊(duì)在企業(yè)體驗(yàn)文化 推廣的主要渠道和方法： ?
極致體驗(yàn)公眾號(hào)主要發(fā)布產(chǎn)品體驗(yàn)的基礎(chǔ)原理，體驗(yàn)價(jià)值、項(xiàng)目復(fù)盤、常見體驗(yàn)問題等深度長(zhǎng)文。讓公司各級(jí)人 員認(rèn)識(shí)用戶體驗(yàn)及價(jià)值，讓用戶體驗(yàn)理念深入人心。 ?
體驗(yàn)知識(shí)小卡片整理產(chǎn)品體驗(yàn)小的知識(shí)點(diǎn)，閱讀學(xué)習(xí)成本低。利用員工碎片時(shí)間，對(duì)細(xì)小體驗(yàn)知識(shí)點(diǎn)的學(xué)習(xí)，積 跬步，至千里。 ?
直播宣講針對(duì)重點(diǎn)且復(fù)雜的產(chǎn)品體驗(yàn)內(nèi)容，如交互規(guī)范宣講、重點(diǎn)問題復(fù)盤、產(chǎn)品經(jīng)理及開發(fā)人員應(yīng)知應(yīng) 會(huì)的知識(shí)點(diǎn)，采用宣講直播的方式，更好的對(duì)內(nèi)容進(jìn)行詳細(xì)解說和疑難問題溝通。 ?
體驗(yàn)調(diào)研分享UI部門成員對(duì)核心競(jìng)品進(jìn)行體驗(yàn)調(diào)研，整理分析后對(duì)產(chǎn)品經(jīng)理及相關(guān)人員進(jìn)行分享，賦能產(chǎn)品經(jīng) 理，為產(chǎn)品的體驗(yàn)設(shè)計(jì)提供新的思路。
UI團(tuán)隊(duì)專業(yè)水平一定程度上決定了公司產(chǎn)品體驗(yàn)的上限，持續(xù)提升UI自身專業(yè)輸出能力可以從源頭提升公司產(chǎn)品體驗(yàn)。
設(shè)計(jì)自查：
企業(yè)級(jí)產(chǎn)品的大量體驗(yàn)問題都是設(shè)計(jì)基礎(chǔ)問題。因此需要設(shè)計(jì)師不論在內(nèi)審前，還是內(nèi)審過程中都要牢記設(shè)計(jì)原則，查漏補(bǔ)缺，守住底線。我們?cè)诓块T內(nèi)部制定了一套適合企業(yè)產(chǎn)品的UI自查表來檢查設(shè)計(jì)方案，通過這些自查點(diǎn)來避免產(chǎn)品中出現(xiàn)基礎(chǔ)體驗(yàn)問題，從UI設(shè)計(jì)師自己這里 把好第一道關(guān)。
在日常工作中，UI自查表始終占據(jù)工區(qū)的醒目位置。在評(píng)審過程中，大家也會(huì)通過線上文檔的形 式來對(duì)設(shè)計(jì)原則的條目進(jìn)行逐一檢查。
做好UI內(nèi)部評(píng)審：
設(shè)計(jì)團(tuán)隊(duì)內(nèi)評(píng)審（Design critique）是幾乎所有國(guó)內(nèi)外設(shè)計(jì)團(tuán)隊(duì)的普遍、經(jīng)典做法，可以有效提 高設(shè)計(jì)產(chǎn)出水平、保證團(tuán)隊(duì)對(duì)外輸出質(zhì)量。方法是普適的，但具體執(zhí)行時(shí)如何做才能有更好的效果卻各有各異。 在如何做好內(nèi)部評(píng)審上，我們進(jìn)行了如下嘗試。 從“全員參與” 到 “組成內(nèi)部評(píng)審委員會(huì)” 團(tuán)隊(duì)內(nèi)評(píng)審時(shí)邀請(qǐng)全員參加，但發(fā)現(xiàn)只有少數(shù)同事發(fā)言，另外一些同事因資歷淺、不了解評(píng)審產(chǎn)品或者積極性不高給不出建議。同時(shí)隨著團(tuán)隊(duì)成員數(shù)量從幾個(gè)增加到十幾個(gè)，評(píng)審會(huì)議的時(shí)間成 本大大增加。
選取團(tuán)隊(duì)內(nèi)相對(duì)資深和積極提出問題、建議的同事組成內(nèi)部評(píng)審委員會(huì)，以月為周期輪流進(jìn)行， 可以有效分散評(píng)審委員在團(tuán)隊(duì)內(nèi)部評(píng)審上的工作負(fù)荷，并明確一次UI內(nèi)部評(píng)審除了內(nèi)部評(píng)審委員 會(huì)還有哪些關(guān)聯(lián)同事需要參加。 關(guān)于邀請(qǐng)?jiān)u審內(nèi)容關(guān)聯(lián)同事，比如“消息中心” UI評(píng)審跟另外一位同事負(fù)責(zé)的“討論消息”有關(guān)聯(lián)，則需要邀請(qǐng)這位同事一起評(píng)審，以便發(fā)現(xiàn)關(guān)聯(lián)問題，整體考慮設(shè)計(jì)方案。
以上參與評(píng)審機(jī)制明確在團(tuán)隊(duì)內(nèi)部協(xié)作工具上，做到人人清楚。另外，對(duì)于評(píng)審建議，要做到有 記錄、有回應(yīng)、有跟蹤，確保有效發(fā)揮了內(nèi)部評(píng)審的價(jià)值。
UI設(shè)計(jì)師的能力模型：不言而喻，UI設(shè)計(jì)師自身能力的培養(yǎng)是UI品控的重要一環(huán)。因此對(duì)于設(shè)計(jì)師能力培養(yǎng)通道上，我 們引入了以下模型。
我們將UI設(shè)計(jì)師能力歸納成了3x3能力矩陣。這可以設(shè)計(jì)師在工作中也可以有目的提升自身薄弱環(huán)節(jié)，同時(shí)也讓企業(yè)對(duì)UI設(shè)計(jì)師的要求更加清晰，除此之外，我們要求UI設(shè)計(jì)師也需要多了解業(yè)務(wù)和前端知識(shí)，往前多走一步，跟上下游角色更好的銜接，一方面，UI設(shè)計(jì)師需要理解業(yè)務(wù)，要能夠有半個(gè)產(chǎn)品經(jīng)理的業(yè)務(wù)知識(shí)儲(chǔ)備， 如果能站在更高的行業(yè)視角對(duì)自己所服務(wù)的業(yè)務(wù)領(lǐng)域（向 業(yè)務(wù)產(chǎn)品經(jīng)理再邁進(jìn)一點(diǎn)）有一定的理解是更好的了，另外一方面，UI設(shè)計(jì)師跟自己的下游-前端 開發(fā)工程師也需要很好的銜接上，知道相關(guān)前端技術(shù)概念、基本頁(yè)面布局和交互實(shí)現(xiàn)邏輯、方法，能夠無縫地將界面和交互設(shè)計(jì)翻譯成前端可理解的語言。
產(chǎn)品體驗(yàn)提升關(guān)鍵取決于兩個(gè)重要因素：一是設(shè)計(jì)團(tuán)隊(duì)的專業(yè)能力水平；二是結(jié)合企業(yè)實(shí)際情況，將“不斷提升產(chǎn)品體驗(yàn)”融入到每個(gè)相關(guān)角色的具體工作中。在企業(yè)中，小規(guī)模UED團(tuán)隊(duì)支撐復(fù)雜、多產(chǎn)品線產(chǎn)品體驗(yàn)快速規(guī)模化提升任重道遠(yuǎn)，我們會(huì)持續(xù)在未來的實(shí)踐中積極探索切 實(shí)有效的方法。
文案的重要性：
說到文案在交互設(shè)計(jì)中，我們需要通過對(duì)話的方式和用戶產(chǎn)生共鳴，精準(zhǔn)、清晰的語言會(huì)更容易讓用戶理解，合適的語氣更容易讓用戶建立信任感，因此在界面設(shè)計(jì)時(shí)，文案運(yùn)用也應(yīng)當(dāng)被重視，在使用和書寫文案時(shí)有以下幾點(diǎn)需要注意：
1. 從用戶或角色的角度出發(fā)，角色換位思考一下，所謂的「同理心」理論；
2. 表述一致；
3. 重要的內(nèi)容放在顯著的位置；
4. 專業(yè)、精準(zhǔn)、完整；
5. 精簡(jiǎn)、友好、正能量；
在界面中，文案是我們與用戶或角色溝通的基礎(chǔ)，語言文字的表述也需要精心推敲，仔細(xì)設(shè)計(jì)；清晰、準(zhǔn)確、簡(jiǎn)潔的文案設(shè)計(jì)能夠讓界面擁有更好的可用性，同時(shí)讓用戶體驗(yàn)更加友好；
接下來就是要明確表述立足點(diǎn)，這個(gè)很重要，在表述內(nèi)容時(shí)，關(guān)注點(diǎn)應(yīng)該是用戶和他們能用你的產(chǎn)品做什么，而不是你和你的產(chǎn)品在為他們做什么，所以內(nèi)容表述立足點(diǎn)很重要；（當(dāng)用戶向后臺(tái)反饋問題、提出建議或申訴時(shí)，使用「我們」是合理的語境，例如「我們將會(huì)審核你的申訴」）；
舉個(gè)例子：
精簡(jiǎn)語句：
省略無用詞匯，不重復(fù)用戶已知事實(shí)；在絕大多數(shù)交互場(chǎng)景下，都無需界面描述出全部細(xì)節(jié)，盡量提供簡(jiǎn)短、易于快速獲取的內(nèi)容；
例如：
使用用戶熟悉的語言：
使用簡(jiǎn)單、直接、易于理解的詞匯，讓內(nèi)容和指示更容易被用戶接受和理解，間接、曖昧模糊的說法，生僻和過于“文雅”的用詞，會(huì)增加用戶的認(rèn)知成本，所以應(yīng)當(dāng)盡量避免使用這類用戶無法識(shí)別的詞匯；
例如：
表述一致：
描述同一個(gè)事物的詞匯要保持統(tǒng)一；上下文的語法、語種、語序要保持統(tǒng)一；操作的名稱和目標(biāo)頁(yè)面標(biāo)題的名稱保持統(tǒng)一；
例如：
重要的信息放在顯著位置：
讓用戶第一眼看到最重要的內(nèi)容，不用到段落中尋找；（如果考慮安全性問題時(shí)，隱私信息也可調(diào)整為「點(diǎn)擊后可見」的方式）
例如：
完整、直接得闡述信息：
當(dāng)我們希望用戶進(jìn)一步操作時(shí)，要專注于用戶能得到什么，以及用戶的感受；在操作前引導(dǎo)告知用戶操作的目的或重要性，能促進(jìn)用戶更愿意去執(zhí)行；
例如：
報(bào)錯(cuò)是 UI 中常見的功能，它同樣是用戶體驗(yàn)中不可小視的組成部分，當(dāng)用戶填寫的內(nèi)容出錯(cuò)的時(shí)候，你的報(bào)錯(cuò)信息應(yīng)當(dāng)符合用戶的認(rèn)知，用易于理解的方式表述出來；
用詞精準(zhǔn)完整：
通用基本用語，要規(guī)范，不能出現(xiàn)錯(cuò)別字，詞語表達(dá)完整；專業(yè)用語要精準(zhǔn)，并且是所屬行業(yè)認(rèn)可的通用語言；時(shí)間的表述必須要明確；
例如：
這邊列出一個(gè)語言模度的表單給小伙伴們參考：
語氣運(yùn)用規(guī)范：
語言定義的是內(nèi)容，而情緒和氣氛更多的是通過語氣來表達(dá)，并且同樣的內(nèi)容面對(duì)不同的用戶我們可以使用不同的語氣來表達(dá)；例如，我們對(duì)應(yīng)專業(yè)的運(yùn)維人員和小白用戶應(yīng)該有不同的表達(dá)方式；
拉近彼此的距離：
直接使用「你」、「我」來和用戶對(duì)話，與用戶建立親密感，避免使用「您」，讓用戶感覺太過疏遠(yuǎn)；
例如：
不要在同一個(gè)句式中混用「你」和「我」，交互中指代混亂會(huì)讓用戶產(chǎn)生疑惑，增加用戶認(rèn)知負(fù)擔(dān)；
例如：
友好、尊重用戶：
多給用戶支持與鼓勵(lì)，不要命令和強(qiáng)迫用戶；如果你想留住你的用戶，當(dāng)出錯(cuò)的時(shí)候就不要責(zé)怪用戶，專注解決問題而不是指責(zé)；
例如：
表述不能過于極端：
不要使用過于絕對(duì)的表述，這樣會(huì)讓用戶感覺不適；
例如：
大小寫和標(biāo)點(diǎn)符號(hào)：
英文名詞大小寫規(guī)范：產(chǎn)品名稱全稱，首字母大寫；產(chǎn)品名稱縮寫要全部大寫，例如：SEO、SAP等；整個(gè)單詞都大寫不利于閱讀和識(shí)別，應(yīng)盡量避免這種用法；
例如：
正確使用專有名詞的大小寫規(guī)范
例如：
全英文的標(biāo)題，標(biāo)簽，菜單項(xiàng)等等都要遵循英文句式中首字母大寫的規(guī)范
例如：
統(tǒng)計(jì)數(shù)據(jù)使用阿拉伯?dāng)?shù)字：
這是常見問題，用戶對(duì)于數(shù)字的感知速度更快，使用數(shù)字而非文字表述會(huì)更加有效；
例如：
省略不必要的標(biāo)點(diǎn)：
為了幫助用戶更加高效的掃視文本內(nèi)容，可以省略不必要的斷句點(diǎn)；
以下元素單獨(dú)出現(xiàn)時(shí)可以省略標(biāo)點(diǎn)：
A. 標(biāo)簽
B. 標(biāo)題
C. 輸入框下的提示
D. 懸停文本中的提示
E. 表格中的句子
以下元素單獨(dú)出現(xiàn)時(shí)需要加上標(biāo)點(diǎn)：
A. 多句或多段的文案和列表內(nèi)容
B. 任何文字鏈前的句子
感嘆號(hào)使用規(guī)則：
感嘆號(hào)會(huì)讓文案顯得過于激動(dòng)，容易讓氣氛變的緊張，功能類少用；但是向用戶表達(dá)問候或祝賀時(shí)，使用「！」是合理的的語境，例如：「歡迎回到社區(qū)！」
例如：
基本標(biāo)點(diǎn)規(guī)范：
正確使用標(biāo)點(diǎn)符號(hào)會(huì)讓句子看起來更加清晰和具有可讀性；具體使用可以看一下 1995 年中國(guó)標(biāo)準(zhǔn)出版社出版的《標(biāo)點(diǎn)符號(hào)用法》，以下展示設(shè)計(jì)中需要注意的部分；
在如今用戶為王的時(shí)代，用戶體驗(yàn)成為一種新的品牌競(jìng)爭(zhēng)力。隨著技術(shù)進(jìn)步和體驗(yàn)意識(shí)的普及，習(xí)慣了C端產(chǎn)品流暢愉悅的體驗(yàn)，用戶對(duì)B端產(chǎn)品體驗(yàn)的期望也越來越高。
B端C化的概念也由此產(chǎn)生，但B、C端有著本質(zhì)區(qū)別，C端的設(shè)計(jì)思維無法完全復(fù)用到B端，那是否可以基于B端產(chǎn)品特征，融合C端體驗(yàn)設(shè)計(jì)思維，即“B+C”來幫助提升B端產(chǎn)品體驗(yàn)?zāi)兀勘疚木劢乖谔剿魅绾瓮ㄟ^“B+C”的設(shè)計(jì)思維，提升B端產(chǎn)品體驗(yàn)。
我們先簡(jiǎn)單了解下B、C端產(chǎn)品各自的定義。B、C端其實(shí)是以使用對(duì)象的類型，來代指的產(chǎn)品類型，C指?jìng)€(gè)人消費(fèi)者 (Customer) ，B指組織 (Business) ，這個(gè)組織可以是個(gè)人、公司、政府或機(jī)構(gòu)，因此B端模式也是多樣的，除了B2B，還有B2C、B2G等。
C端產(chǎn)品幫助個(gè)人解決生活場(chǎng)景中的需求痛點(diǎn)，提供人們消費(fèi)的物質(zhì)、信息和情感。常見產(chǎn)品類型有工具類、內(nèi)容類、社交類、游戲類等，如滴滴、知乎、微信、王者榮耀等。
B端產(chǎn)品幫助組織實(shí)現(xiàn)其商業(yè)目的，提供商業(yè)的工具、方法和服務(wù)。常見的產(chǎn)品類型有：CRM 客戶關(guān)系管理、ERP 企業(yè)資源計(jì)劃、OA辦公等，如企業(yè)微信、金蝶、釘釘?shù)取?/span>
下面我將從產(chǎn)品設(shè)計(jì)的角度，分析B、C端的差異化。
1、設(shè)計(jì)原則的差異
C端產(chǎn)品主要通過流量轉(zhuǎn)化獲得收益，因此人的注意力和使用頻率是關(guān)鍵，所以設(shè)計(jì)原則為“UCD”（User Center Design）以用戶為中心的設(shè)計(jì)。
B端產(chǎn)品主要是為了能高效解決行業(yè)業(yè)務(wù)問題而存在的，所以其設(shè)計(jì)原則是以效率為中心。
2、功能流程的差異
C端產(chǎn)品主打一個(gè)滿足用戶核心痛點(diǎn)的功能，通過這個(gè)核心功能明確產(chǎn)品的特性和定位，附加N個(gè)增值功能，提高用戶粘性，加之創(chuàng)新和趣味性，保持與競(jìng)品之間的差異化。
B端產(chǎn)品功能重全面，為的是能滿足組織的各種業(yè)務(wù)需求，組織的業(yè)務(wù)邏輯通常就是產(chǎn)品邏輯，功能流程也由業(yè)務(wù)場(chǎng)景轉(zhuǎn)化而來。
3、交互邏輯的差異
C端產(chǎn)品是單線程操作，完成一項(xiàng)任務(wù)后才能進(jìn)行另一項(xiàng)。碎片化的使用場(chǎng)景和廣泛的用戶群體，使得C端產(chǎn)品必須信息簡(jiǎn)潔、容易上手、操作路徑短，否則將會(huì)導(dǎo)致用戶流失影響收益。
B端產(chǎn)品是多線程操作，支持多個(gè)任務(wù)并行。交互以優(yōu)化業(yè)務(wù)流程，提升用戶操作效率為主，關(guān)注信息架構(gòu)，清晰的信息架構(gòu)能幫助用戶在呈網(wǎng)狀的功能和交織的流程中，定位到自己所在功能頁(yè)面，找到所需的有效信息。
4、視覺表現(xiàn)的差異
C端產(chǎn)品視覺設(shè)計(jì)風(fēng)格多樣，如賽博朋克、孟菲斯、3D、酸性設(shè)計(jì)等，注重情感化表達(dá)和氛圍的渲染，加上短視頻和直播，讓用戶沉浸其中。
B端產(chǎn)品視覺服務(wù)于功能和信息的傳遞，視覺元素較為簡(jiǎn)潔，常用色彩對(duì)比的形式，建立內(nèi)容邊界和視覺層次。
無論是在設(shè)計(jì)原則、功能流程、交互和視覺方面，B端產(chǎn)品與C端產(chǎn)品都有比較明顯的差異。基于以上差異，結(jié)合B端產(chǎn)品特征和C端體驗(yàn)設(shè)計(jì)思維，我們可以從以下三個(gè)方面提升B端體驗(yàn)：
視覺—降低認(rèn)知負(fù)荷
B端產(chǎn)品講究屏效，看得多通常比看的美重要，信息密度高，則屏效高，卻也相應(yīng)的會(huì)增加用戶的認(rèn)知負(fù)荷，因此我們需要為用戶認(rèn)知減負(fù)。
交互—以用戶效率為中心
從用戶的行為和感知出發(fā)，本著以用戶為中心的原則提升操作效率。
情感—關(guān)注情緒感受
關(guān)注體驗(yàn)過程的“峰”與“終”，提升用戶整體的體驗(yàn)感受。
下面我將結(jié)合實(shí)際工作案例，講述如何用“B+C”的設(shè)計(jì)思維，提升B端產(chǎn)品體驗(yàn)。
Speedshop Omnichannel（下面簡(jiǎn)稱為Omnichannel）是款針對(duì)國(guó)內(nèi)及東南亞中小商家，統(tǒng)一管理多渠道商品、訂單、交易、會(huì)員的ERP系統(tǒng)。
目前共支持Lazada、Shopee、Tokopedia、抖音等7個(gè)渠道，最多可管理100個(gè)線上店，集訂單管理、產(chǎn)品管理、會(huì)員管理、聊天、導(dǎo)入導(dǎo)出等功能為一體，服務(wù)超40,000商家。
視覺 — 降低認(rèn)知負(fù)荷
對(duì)信息的識(shí)別和處理是認(rèn)知負(fù)荷的主要來源，在視覺層，我們主要解決的是信息識(shí)別帶來的負(fù)荷，信息識(shí)別就是用戶看到內(nèi)容并選擇的過程，B端產(chǎn)品有信息量大，選擇多的特點(diǎn)，降低認(rèn)知負(fù)荷也將圍繞這兩點(diǎn)進(jìn)行。
1、優(yōu)化信息展示
/ 符合用戶訴求
B端產(chǎn)品根據(jù)用戶規(guī)模的大小，可以分為大B (一定規(guī)模的中大型企業(yè)) 和小B (小微企業(yè)、個(gè)人創(chuàng)業(yè))，兩者對(duì)信息的關(guān)注點(diǎn)和訴求不同。
表格是B端產(chǎn)品最常用的信息展現(xiàn)形式，且能將信息有序、高效、直觀的傳達(dá)給用戶，避免信息堆砌帶來的認(rèn)知負(fù)荷。
比如同樣是訂單頁(yè)，大B用戶的訂單數(shù)據(jù)量龐大，且訂單通常是自動(dòng)流轉(zhuǎn)的，無需手工操作，所以針對(duì)大B用戶，表格信息展示有兩個(gè)側(cè)重點(diǎn)，一是增加信息密度，二是幫助用戶能夠快速精準(zhǔn)過濾信息。
小B用戶的訂單數(shù)據(jù)量相對(duì)較小，且以手工處理為主，所以在展示訂單時(shí)，可以將關(guān)鍵信息整合，通過將信息進(jìn)行分層、分組的展示形式，降低單頁(yè)面信息的復(fù)雜度，還可以通過各模塊之間字體大小、顏色、圖標(biāo)、間距等手段將信息層次區(qū)分開。
/ 豐富信息展示維度
還可以通過圖形化、可視化和視頻的形式，豐富信息的內(nèi)容維度，化抽象為具象，讓信息能更高效的傳達(dá)。
在Omnichannel中，用戶需要完成新手配置后才能使用產(chǎn)品，進(jìn)入首頁(yè)看到的是任務(wù)型的引導(dǎo)，通過圖形輔助任務(wù)說明，豐富畫面的同時(shí)還能增加產(chǎn)品的親和力。
B端產(chǎn)品由于業(yè)務(wù)的復(fù)雜性和技術(shù)的局限性，通常操作沒有那么靈活，需要遵守一定的使用規(guī)則，傳統(tǒng)的做法會(huì)通過文字說明的方式傳達(dá)給用戶，面對(duì)一長(zhǎng)段的規(guī)則說明，讀幾遍還不一定能理解。
比如在導(dǎo)入產(chǎn)品時(shí)，規(guī)則內(nèi)容多且邏輯復(fù)雜，可以將內(nèi)容可視化，使其易于傳達(dá)和理解。
視頻比文字的畫面感更豐富，傳播的內(nèi)容也更加具體，在幫助中心，圖文的基礎(chǔ)上增加視頻，幫助用戶更高效的獲取幫助信息。
2、提供個(gè)性化配置
B端產(chǎn)品通常包含多種用戶角色，每個(gè)角色的需求關(guān)注點(diǎn)不同，為了滿足各角色的需求，單頁(yè)面信息往往會(huì)出現(xiàn)超負(fù)荷的情況。
我們可以借鑒C端的個(gè)性化，對(duì)于非業(yè)務(wù)性的功能，允許用戶根據(jù)自己的需求和工作習(xí)慣進(jìn)行自定義。
比如下圖，在列表頁(yè)，我們?yōu)橛脩籼峁┝俗远x篩選條件和表格字段的設(shè)置。
3、提供有效決策信息
由于業(yè)務(wù)復(fù)雜，保障功能的全面，帶來的結(jié)果通常是操作和選項(xiàng)較多，如果沒有任何指引，B端產(chǎn)品的用戶通常無法做出合適的選擇。
比如下圖的添加商品，根據(jù)不同的使用場(chǎng)景，產(chǎn)品為用戶提供了三種添加商品的方式：
只有三個(gè)選擇，看似沒有任何操作難度，但用戶面對(duì)未知功能時(shí)，通常會(huì)根據(jù)自己過往的工作經(jīng)驗(yàn)，選擇熟悉的功能，這樣一來，可能會(huì)誤增了工作量，因此在設(shè)計(jì)上，要提供輔助介紹說明，幫助用戶決策。
我們?cè)诖嘶A(chǔ)上，為第一次使用該功能的用戶又做了優(yōu)化，除了消息提示框，還通過標(biāo)簽強(qiáng)化視覺重點(diǎn)，推薦最適合新用戶的選擇，添加商品的文案也改的更通俗易懂。
交互 — 以用戶效率為中心
1、 提升用戶行為效率
無論B端還是C端產(chǎn)品，都有一個(gè)共同的體驗(yàn)?zāi)繕?biāo)：提升操作效率，高效率意味著用戶通過更少的操作，更少的時(shí)間完成任務(wù)，實(shí)現(xiàn)降低成本的目標(biāo)。在C端產(chǎn)品中，常見的提升效率的方式有：1、根據(jù)用戶行為的流程分析，推薦相應(yīng)功能；2、聚合用戶行為，縮短操作路徑；3、轉(zhuǎn)移用戶操作成本，讓產(chǎn)品承擔(dān)更多的用戶引導(dǎo)、行為判斷和行為記憶，我們可以從以上幾點(diǎn)切入優(yōu)化B端操作效率。
/ 引導(dǎo)用戶操作
在C端產(chǎn)品中，經(jīng)常會(huì)有根據(jù)用戶的操作行為，產(chǎn)品給出相應(yīng)的推薦操作，如截屏后，在用微信發(fā)信息時(shí)，系統(tǒng)會(huì)提示是否要發(fā)送截圖，這種在操作過程中增加相關(guān)功能的曝光或引導(dǎo)，提高用戶操作效率的同時(shí)也不影響流程的順暢進(jìn)行。
下圖是商品管理頁(yè)，用戶首次進(jìn)入時(shí)，可以根據(jù)用戶觸發(fā)的操作推薦相關(guān)的幫助引導(dǎo)。
手動(dòng)創(chuàng)建商品時(shí)，需要完善很多商品信息，可以為經(jīng)常出錯(cuò)的內(nèi)容預(yù)設(shè)提示，先發(fā)的避免用戶出現(xiàn)錯(cuò)誤。
在收起/展開菜單欄時(shí)，提示快捷鍵功能。
/ 優(yōu)化任務(wù)路徑
B端產(chǎn)品中通常會(huì)有一個(gè)任務(wù)關(guān)聯(lián)一些子任務(wù)，如果用戶在子任務(wù)中遇到困難，往往會(huì)造成整個(gè)任務(wù)效率的降低甚至任務(wù)中斷。
比如在手動(dòng)創(chuàng)建商品的流程中，需要將商品信息推送到渠道線上店才算創(chuàng)建成功，所以在創(chuàng)建商品前，需要完成渠道線上店的創(chuàng)建。針對(duì)這種關(guān)鍵子任務(wù)，我們可以嘗試并行任務(wù)，在選擇線上店時(shí)，增加創(chuàng)建線上店的入口，將任務(wù)連貫起來。還可以通過操作的合并，比如保存和添加同步進(jìn)行，提升整體的任務(wù)效率。
2、弱化低效感知
好的產(chǎn)品體驗(yàn)，不止強(qiáng)調(diào)功能，還會(huì)在意體驗(yàn)中的感受，設(shè)計(jì)也可以左右用戶感知產(chǎn)品效率的快與慢。
/ 等待時(shí)間可感知
用戶對(duì)等待的耐受度是有限的，等待時(shí)間在2s內(nèi)是相對(duì)愉悅的，在時(shí)間不可控或時(shí)間較長(zhǎng)的情況下，我們應(yīng)盡可能縮短用戶的感知時(shí)間。
比如在下圖中，用戶完成新手配置后，產(chǎn)品有個(gè)加載的過程，通過加載動(dòng)畫和加載步驟的分解，告知用戶系統(tǒng)在運(yùn)行中，縮短感知時(shí)間的同時(shí)消除用戶的負(fù)面情緒。
/ 容錯(cuò)性設(shè)計(jì)
在產(chǎn)品使用過程中，經(jīng)常會(huì)出現(xiàn)因用戶“犯錯(cuò)”而導(dǎo)致的任務(wù)中斷或失敗，這里的“犯錯(cuò)”，通常是因?yàn)橛脩舨僮髌x產(chǎn)品的使用要求，但這并不是用戶的錯(cuò)，人不是精密的儀器，好的體驗(yàn)應(yīng)該包含這部分“錯(cuò)誤”。
比如錄入數(shù)據(jù)時(shí)，應(yīng)給予實(shí)時(shí)的提醒，讓用戶可以及時(shí)更正，而不是等到提交時(shí)才拋出錯(cuò)誤提示，還有比如在數(shù)字輸入框中誤輸入其他字符時(shí)，自動(dòng)幫用戶清除等。
在涉及對(duì)用戶影響較大、重要且不可挽回的操作時(shí)，給出提示。
情感 — 關(guān)注情緒感受
在整段體驗(yàn)感受中，情緒最強(qiáng)烈和結(jié)束時(shí)的感受影響著用戶對(duì)整個(gè)體驗(yàn)好與壞的判斷，這個(gè)現(xiàn)象就是峰終定律，因此我們可以通過關(guān)注這些關(guān)鍵時(shí)刻，來確保用戶對(duì)整段體驗(yàn)是感到愉悅的。
1、減少負(fù)峰
消極的情緒，不僅影響用戶對(duì)產(chǎn)品的體驗(yàn)感受，最終還會(huì)落到降低效率上，因此在設(shè)計(jì)時(shí)，我們要考慮減少用戶的消極情緒。
/ 提供明確反饋
用戶使用產(chǎn)品的過程就像是與產(chǎn)品進(jìn)行“對(duì)話”，良好明確的反饋能幫助用戶理解和使用產(chǎn)品，在工作完成時(shí)，應(yīng)告知用戶已完成，出錯(cuò)時(shí)，告知用戶哪個(gè)環(huán)節(jié)錯(cuò)了，如何改進(jìn)或提供幫助，不要讓用戶去猜，而是主動(dòng)為用戶提供解決方案，提供確定感。
比如在創(chuàng)建商品的流程中，商品創(chuàng)建完成后要推送到渠道線上店，中間有一段較長(zhǎng)時(shí)間的等待，在設(shè)計(jì)時(shí)，根據(jù)推送中、推送完成、推送失敗，分別提供了3種對(duì)應(yīng)場(chǎng)景的提示，讓用戶知道當(dāng)前任務(wù)進(jìn)展，以及展示相關(guān)對(duì)應(yīng)的操作，即使任務(wù)失敗，用戶也知該如何處理，增加用戶的控制感。
/ 任務(wù)中斷可回溯
在B端產(chǎn)品中，經(jīng)常會(huì)出現(xiàn)決策信息多，處理鏈路長(zhǎng)，需反復(fù)多次進(jìn)入任務(wù)流程的情況，當(dāng)任務(wù)被迫中斷時(shí)，用戶情緒會(huì)受到影響，且用戶對(duì)未完成或中斷的任務(wù)往往比已完成的記憶更深刻，針對(duì)這類情況，我們需提供可回溯的設(shè)計(jì)，幫助用戶順利完成任務(wù)。
比如在將商品推送到渠道線上店時(shí)，同步過程中，用戶可以離開當(dāng)前頁(yè)面進(jìn)行其他操作，系統(tǒng)會(huì)將推送結(jié)果展示在列表頁(yè)，用戶可以通過列表頁(yè)，重新推送或者編輯修改后再推送，直至完成任務(wù)。
2、結(jié)束于正峰
在完成任務(wù)后，可以觸發(fā)氛圍動(dòng)效反饋成就，給用戶積極的結(jié)尾。
以上就是我基于B端產(chǎn)品特征，和C端產(chǎn)品的體驗(yàn)思維，用“B+C”的設(shè)計(jì)思維嘗試探索優(yōu)化B端產(chǎn)品體驗(yàn)的一些方案嘗試。“B+C”的設(shè)計(jì)思維，其本質(zhì)是想找到業(yè)務(wù)與體驗(yàn)的平衡，作為B端設(shè)計(jì)師，好的用戶體驗(yàn)一定是與業(yè)務(wù)緊密結(jié)合的，與業(yè)務(wù)匹配的體驗(yàn)優(yōu)化才有其意義和價(jià)值。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.gerard.com.cn