案例解析

中后臺沒(méi)啥可設計的?試試這樣拓展設計價(jià)值

B類(lèi)領(lǐng)域設計師必然會(huì )面對譬如CRM、ERP等諸多類(lèi)型的中后臺類(lèi)產(chǎn)品。大多就是做做表單設計,年底考核時(shí)想爭取漲薪證明自己,但老板要問(wèn)的“設計價(jià)值”是個(gè)啥?在這些業(yè)務(wù)主導下的中后臺產(chǎn)品又該如何定位設計機會(huì )及價(jià)值? 一個(gè)月的過(guò)程中,經(jīng)過(guò)不斷的討論分析,10多個(gè)的方案,最終確定了現在這版國際化、扁平化、簡(jiǎn)約、明快的界面。

設計每日一貼

給設計公司的UI設計需求文檔怎么寫(xiě)?


偶爾有來(lái)咨詢(xún)的客戶(hù)會(huì )詢(xún)問(wèn):設計需求文檔怎么寫(xiě)?給我一個(gè)模板吧。 加起來(lái),這樣問(wèn)的客戶(hù)也不少,所以藍藍設計錄了一個(gè)視頻講解:給設計公司的UI設計需求文檔怎么寫(xiě)?請看一下這段錄的視頻講解吧!

UI經(jīng)驗:軟件首頁(yè)怎么設計?


每個(gè)軟件首頁(yè)怎么設計?如何進(jìn)行首頁(yè)上的內容取舍,最終客戶(hù)和上司是究竟想要什么?是客戶(hù)們(產(chǎn)品經(jīng)理或技術(shù)總監)普遍感到為難的地方,希望有外部的專(zhuān)業(yè)設計力量來(lái)參與意見(jiàn),多一份力量。

藍藍設計隨筆:ui用戶(hù)界面中的表格設計


UI軟件設計中最常用、最基本的是表格的設計,有些軟件中80%都是表格類(lèi)頁(yè)面,可以說(shuō),設計開(kāi)發(fā)的是否易用,很影響口碑和用戶(hù)的使用感受?;A的東西一定要做好,就像我們吃的主食一樣,雖然都是米和面,但是各地出產(chǎn)各種品種口味都不相同,要根據食客的喜好選擇、烹飪。今天就聊一聊最基礎的表格設計、變化和常見(jiàn)問(wèn)題。

產(chǎn)品簡(jiǎn)化改版怎么做?


如今的數字產(chǎn)品,在不斷迭代過(guò)程中,會(huì )加入更多功能,添加更多的技術(shù)支持,更新進(jìn)階的特性。而另一方面,企業(yè)對于構建簡(jiǎn)單實(shí)用的產(chǎn)品,也同樣非常著(zhù)迷。這當中當中毫無(wú)疑問(wèn)是存在微妙的對抗和沖突的——如何讓更好更多的信息,以更加輕量易用的方式呈現出來(lái)?這就涉及到產(chǎn)品的簡(jiǎn)化改版的技巧了。

細說(shuō)B端后臺產(chǎn)品UI設計那些小結


作為一個(gè)新時(shí)代打雜,日常工作包括移動(dòng)端、PC端的UI設計以及各類(lèi)平面視覺(jué)設計,其中自然少不了令人“禿”然的B端后臺產(chǎn)品設計。 畢業(yè)兩年來(lái)一直都做著(zhù)B端產(chǎn)品的UI設計工作,參與過(guò)的后臺產(chǎn)品設計面對的主要客戶(hù)有公司內部、各大企業(yè)以及政府機構。工作和學(xué)習的過(guò)程中走過(guò)不少彎路,也在不同的項目中不斷反思和總結。把自己的一些想法和經(jīng)驗分享出來(lái),總結自己工作中遇到的問(wèn)題和解決的方法,記錄自己思考和理解的過(guò)程,也希望對即將或正在從事B端后臺產(chǎn)品設計的你有一點(diǎn)點(diǎn)啟發(fā)或幫助。 希望在日后的工作和學(xué)習中,通過(guò)實(shí)踐來(lái)不斷完善自己對B端后臺產(chǎn)品的理解。

Feed流設計:那些容易被忽略的圖片適配知識


在產(chǎn)品設計中,大家很容易跟著(zhù)產(chǎn)品原型走而忽略了一些設計上的細節問(wèn)題。本文筆者總結了在Feed流中容易被設計師忽略的,卻最容易出現問(wèn)題的幾種圖片適配方式。

網(wǎng)格設計的歷史


第一個(gè)系列我打算先寫(xiě)網(wǎng)格,國內也很缺乏這塊的知識,現在能找到的關(guān)于網(wǎng)格的文獻,大多數都是從國外網(wǎng)站直接翻譯過(guò)來(lái)的,對此我感到很遺憾。正因如此,我才想把這塊的知識分享出來(lái)供大家學(xué)習。另外網(wǎng)格系統的框架也是非常的龐大,從網(wǎng)格的歷史,規則、解構網(wǎng)格等,都是需要去學(xué)習的知識, 也請大家認真學(xué)習吧!

交互設計中的“所見(jiàn)即所得”原則


“所見(jiàn)即所得”原則我記得在之前的文章中就提到過(guò),但是沒(méi)有詳細說(shuō)明。最近在體驗一些產(chǎn)品時(shí),發(fā)現很多交互設計上的坑都可以歸納到“所見(jiàn)非所得”上。

B端-表格設計


表格(Table),又稱(chēng)為表,是用來(lái)收集、整理、組織、分析數據的二維矩陣。它既是一種可視化交流模式,又是一種組織整理數據的手段。

從視覺(jué)產(chǎn)品兩方面,分析2022年B端設計的發(fā)展趨勢


1. 3D 設計風(fēng)格 雖然 3D 化的視覺(jué)風(fēng)格早已到來(lái),但是在 B 端市場(chǎng)上,3D 風(fēng)格在此之前依舊表現的十分克制。隨著(zhù) C4D、Blender 這些 3D 建模軟件的不斷普及,再加上互聯(lián)網(wǎng)上關(guān)于 3D 建模教程的增多,你會(huì )發(fā)現 3D 風(fēng)格的視覺(jué)表現,是一個(gè) B 端視覺(jué)設計師的基本要求。


2. 新擬態(tài) 雖然新擬態(tài)是在前兩年的產(chǎn)物。這個(gè)設計風(fēng)格背后,遭到了很多設計師的質(zhì)疑與排擠。但是隨著(zhù)這個(gè)風(fēng)格的不斷成熟,感覺(jué)它在 B 端視覺(jué)領(lǐng)域(特指的是官網(wǎng) ),是非常受歡迎的,因為整體的風(fēng)格,與官網(wǎng)的設計形式趨同。

如何做好B端用戶(hù)研究?我總結了這4個(gè)方面!


1. 主動(dòng)找用戶(hù) 日常主動(dòng)找用戶(hù)做研究的方式有:?jiǎn)?wèn)卷調查,線(xiàn)上數據,深度訪(fǎng)談,可用性測試。


2. 深度用戶(hù)訪(fǎng)談

3. 用戶(hù)找我們 我們除了可以去找客戶(hù),客戶(hù)也回來(lái)找我們反映問(wèn)題。這個(gè)方式其實(shí)是更加直接的。這個(gè)方式的三個(gè)階段,分別是收集需求、問(wèn)題分類(lèi)、以及問(wèn)題進(jìn)行排期。

4. 成為用戶(hù) 這個(gè)一般是土豪公司的選擇,典型的像有贊,把實(shí)體店開(kāi)在公司樓下。然后讓產(chǎn)研人員定期去當店小二,在自己的系統當中去找出問(wèn)題,早上去做店小二,下午就把 BUG 修改完。

B端設計指南:快速了解B端產(chǎn)品的四種分類(lèi)


垂直業(yè)務(wù)型產(chǎn)品 垂直業(yè)務(wù)型產(chǎn)品是針對企業(yè)垂直獨立的業(yè)務(wù)需求所設計出來(lái)的 B 端產(chǎn)品。這類(lèi)產(chǎn)品的出現,主要是圍繞某一個(gè)復雜業(yè)務(wù)場(chǎng)景,去解決這個(gè)場(chǎng)景當中企業(yè)經(jīng)營(yíng)、管理的實(shí)際問(wèn)題。


行業(yè)屬性型產(chǎn)品 行業(yè)屬性型產(chǎn)品是針對某個(gè)行業(yè)定制的一系列,從上至下、從內到外的產(chǎn)品功能。這類(lèi)產(chǎn)品主要是圍繞一個(gè)具體的行業(yè)去構建整個(gè)產(chǎn)品的解決方案,目的是這個(gè)行業(yè)的商家,在使用了這款產(chǎn)品過(guò)后,就能夠解決它目前經(jīng)營(yíng)過(guò)程當中的問(wèn)題。

協(xié)同辦公型產(chǎn)品 協(xié)同辦公型產(chǎn)品是通過(guò)軟件實(shí)現工作協(xié)同、辦公自動(dòng)化,讓企業(yè)高效運轉的產(chǎn)品。

Bs界面設計之四:B端設計指南:6800字干貨幫你掌握快捷鍵設計


鍵盤(pán),在很多人的眼中,就是一個(gè)信息錄入的硬件設備。但你卻不清楚完整的鍵盤(pán)當中,字符按鍵只占到了整個(gè)鍵盤(pán)數量的 60% (完整鍵盤(pán)共 108 鍵,字符鍵 65 鍵)


你會(huì )發(fā)現,鍵盤(pán)除了打字之外,還會(huì )有其他很多用途??旖萱I,就是不可忽視的一部分。(注:完整的快捷鍵會(huì )包含,快捷組合鍵與快捷按鍵兩部分,文章就不做過(guò)多糾結,意在討論這樣的交互形式,這里簡(jiǎn)單統稱(chēng)為快捷鍵。)

Bs界面設計之五:想做B端還不懂什么是SAAS?一篇最專(zhuān)業(yè)的掃盲科普(上)


有了解和學(xué)習 B 端的同學(xué)必然都聽(tīng)說(shuō)過(guò) SAAS 這個(gè)詞,這在 B 端行業(yè)是個(gè)非常重要的產(chǎn)品形式和分支。 雖然它重要,但新手對這東西的理解充滿(mǎn)了讓人遺憾的扭曲。比如常見(jiàn)的誤解式提問(wèn),Saas 應該怎么設計?適用哪些設計風(fēng)格?


講解什么是 Saas,或者剛剛圖例出現的 Paas、laas 是什么,首先要認識一個(gè)問(wèn)題,一個(gè)需要聯(lián)網(wǎng)的軟件,是如何落地的,需要哪些前提條件。

Bs界面設計之六:想做B端還不懂什么是SAAS?一篇最專(zhuān)業(yè)的掃盲科普(下)


有了解和學(xué)習 B 端的同學(xué)必然都聽(tīng)說(shuō)過(guò) SAAS 這個(gè)詞,這在 B 端行業(yè)是個(gè)非常重要的產(chǎn)品形式和分支。 雖然它重要,但新手對這東西的理解充滿(mǎn)了讓人遺憾的扭曲。比如常見(jiàn)的誤解式提問(wèn),Saas 應該怎么設計?適用哪些設計風(fēng)格? 所以我從最底層的技術(shù)層面,來(lái)解析 SAAS 到底是什么,在未來(lái)你再也不用擔心對這個(gè)詞匯一知半解,無(wú)法正常參與業(yè)務(wù)討論了。


Bs界面設計之七:如何做好B端產(chǎn)品的信息設計?我總結了3個(gè)原則!


最近在 12306 網(wǎng)站購票時(shí),彈窗中展示了大段的文字信息,我只是匆匆掃了兩眼就果斷關(guān)閉了,實(shí)在沒(méi)有耐心逐字讀完。特別是節日搶票的場(chǎng)景,用戶(hù)更不會(huì )有心情去看這些提示信息。


所以在做產(chǎn)品設計時(shí),需要注重信息的傳遞效率。B 端產(chǎn)品通常用在 PC 端,屏幕顯示區域大,在做設計時(shí)會(huì )不自覺(jué)的添加較多的信息,反而影響了用戶(hù)的使用體驗。今天我們就來(lái)討論下如何做好信息傳遞?


Bs界面設計之八:用2個(gè)案例,幫你學(xué)會(huì )B端關(guān)鍵信息的密度提升設計


在決策類(lèi)產(chǎn)品中,用戶(hù)的行為路徑一般從信息分析場(chǎng)景到信息決策場(chǎng)景。系統關(guān)鍵信息密度的高低是影響用戶(hù)決策速率的重要因子。因此我們建議從「信息拆分與重組」、「功能高效聚合」兩個(gè)層級出發(fā),以提升關(guān)鍵信息在頁(yè)面模塊中的的密度。


Bs界面設計之九:從6個(gè)層面,幫新手快速入門(mén)B端設計系統


設計系統 = 設計價(jià)值觀(guān)和原則+設計規范+場(chǎng)景定義+工具包 設計系統是在設計價(jià)值觀(guān)和原則、設計標準指導下的各種共享的設計模式和組件資產(chǎn),是將產(chǎn)品設計團隊聯(lián)合在一起共同打造的一套質(zhì)量和效率上都有所保障的可行性解決方案,能夠解決產(chǎn)品視覺(jué)、交互體驗一致性的問(wèn)題、幫助傳達統一的品牌認知。幫助團隊快速完成產(chǎn)品迭代和功能開(kāi)發(fā)!


Bs界面設計之十:B端設計基礎指南:網(wǎng)格系統


說(shuō)到網(wǎng)格的應用,我們可以追溯到很遠。古埃及人在他們的雕刻和繪畫(huà)中描繪的人物遵循了一個(gè)規則,將比例標準定為人的拳頭,一個(gè)站立的人物從地面到頭頂測量為 18 個(gè)拳頭。


公元 1040 年,首次在中國出現活字印刷,主要采用的是泥活字。在西方,金屬活字印刷術(shù)在 1450 年左右出現,而古騰堡圣經(jīng)在 1455 年左右的發(fā)行將是出版界的第一個(gè)重大里程碑。金屬類(lèi)型的文字更加充分利用了網(wǎng)格。


Bs界面設計之一:從視覺(jué)產(chǎn)品兩方面,分析2022年B端設計的發(fā)展趨勢


在 2020 年,疫情最為嚴峻的時(shí)候,B 端這一領(lǐng)域得到了前所未有的關(guān)注,而那時(shí),身為 B 端用戶(hù)體驗設計師的我,也曾總結過(guò),當時(shí) B 端設計的諸多趨勢,比如: 多端需求:即桌面端、平板端、移動(dòng)端的設計形式


隨著(zhù) 2022 年的到來(lái),B 端行業(yè)又會(huì )迎來(lái)哪些新的機會(huì )?今天我們就從整個(gè)的 B 端入手,回顧一下 2021 年的設計形式,展望一下 2022 年的設計趨勢。當然趨勢完全是我自己個(gè)人主觀(guān)理解,僅供參考,如有異議,以你為準~


表格體驗優(yōu)化指南【一】-B端設計


本期內容概覽 下圖為內容目錄,大家可以通過(guò)下面的目錄針對感興趣的內容進(jìn)行選擇性閱讀。文章分為兩小章節類(lèi),從最基礎對表格的認識再到表格如何提升“易讀性”進(jìn)行分享。


什么是表格? 我先從表格的最基礎的基本認知跟大家分享,幫助大家對表格有個(gè)初步的認知。那么什么是表格呢?用一句概括:“將復雜的內容進(jìn)行「歸納整理」,將「信息展示」給用戶(hù),幫助用戶(hù)高效率的進(jìn)行「數據分析」?!?