公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

首頁(yè)

小小的細(xì)節(jié)大大的體驗(yàn)

博博

小小的細(xì)節(jié)大大的體驗(yàn)

4個(gè)步驟,總結(jié)B端設(shè)計(jì)師的競(jìng)品分析方法|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

周周

競(jìng)品分析方法很多,但大多數(shù)是偏向 B 端產(chǎn)品經(jīng)理方面的或者是 C 端設(shè)計(jì)師的,真正在 B 端設(shè)計(jì)中的方法比較少,這次為大家介紹適合 B 端設(shè)計(jì)師使用的競(jìng)品分析方法。

高端網(wǎng)站設(shè)計(jì)公司藍(lán)藍(lán)設(shè)計(jì):關(guān)注并改善殘疾人用戶體驗(yàn)

博博

在醫(yī)療行業(yè)中,殘疾人用戶面臨著許多挑戰(zhàn),例如身體不便、視覺障礙、聽力障礙等等。為了讓他們能夠更加方便地使用醫(yī)療服務(wù),UI設(shè)計(jì)師需要考慮到各種不同的因素,并采取相應(yīng)的措施來(lái)提高用戶體驗(yàn)。

高端網(wǎng)站設(shè)計(jì)公司藍(lán)藍(lán)設(shè)計(jì):如何將創(chuàng)新技術(shù)融入醫(yī)療界面設(shè)計(jì)

博博

隨著科技的不斷發(fā)展,醫(yī)療界面設(shè)計(jì)也正面臨著新的挑戰(zhàn)和機(jī)遇。本文將介紹一些將創(chuàng)新技術(shù)融入醫(yī)療界面設(shè)計(jì)的技巧和實(shí)例,幫助大家把握未來(lái)醫(yī)療界面設(shè)計(jì)的趨勢(shì)。

高端網(wǎng)站設(shè)計(jì)公司藍(lán)藍(lán)設(shè)計(jì):如何運(yùn)用色彩提升界面吸引力

博博

在界面設(shè)計(jì)中,色彩搭配是至關(guān)重要的一環(huán)。合適的色彩搭配能夠讓界面更加吸引人,提高用戶體驗(yàn)。本文將介紹一些色彩搭配技巧,幫助你提升界面吸引力。

高端網(wǎng)站設(shè)計(jì)公司藍(lán)藍(lán)設(shè)計(jì):引領(lǐng)未來(lái)的交互設(shè)計(jì)

博博

在飛速發(fā)展的數(shù)字時(shí)代,用戶界面(UI)設(shè)計(jì)已經(jīng)成為一項(xiàng)至關(guān)重要的任務(wù)。。本文將帶你探討UI設(shè)計(jì)的最新趨勢(shì),如何引領(lǐng)未來(lái)的交互設(shè)計(jì),創(chuàng)造更加自然、直觀且吸引人的用戶體驗(yàn)。無(wú)論你是UI設(shè)計(jì)師、開發(fā)人員,還是產(chǎn)品經(jīng)理,都能從中獲得啟發(fā)和靈感。

 

B端設(shè)計(jì)攻略!16000字干貨幫你掌握通用/布局/數(shù)據(jù)展示三大組件|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

周周

B 端設(shè)計(jì)的文章和資料參考,缺少系統(tǒng)性的說(shuō)明,這是我總結(jié)第五篇。本文主要闡述——通用樣式、布局和數(shù)據(jù)展示。

UI咨詢公司-藍(lán)藍(lán)設(shè)計(jì):頂級(jí)秘籍:提升UI設(shè)計(jì)吸引力的3大絕招

博博

想要讓你的UI設(shè)計(jì)在海量應(yīng)用中脫穎而出,吸引用戶眼球嗎?如果你正在尋找提升UI設(shè)計(jì)吸引力的絕妙方法,那么你絕對(duì)不能錯(cuò)過(guò)本文!我們將為你揭示頂級(jí)UI設(shè)計(jì)師都不會(huì)告訴你的3大絕招,讓你輕松掌握提升UI設(shè)計(jì)吸引力的關(guān)鍵技巧,讓你的設(shè)計(jì)在競(jìng)爭(zhēng)激烈的市場(chǎng)中獨(dú)樹一幟!

回顧飛書管理后臺(tái)的更新,這就是一個(gè)B端產(chǎn)品的發(fā)展史

ui設(shè)計(jì)分享達(dá)人

前言

如何了解一款產(chǎn)品是如何發(fā)展的?

我從 19 年到 23 年一直在關(guān)注飛書,4 年的變化,看到了我們作為設(shè)計(jì)師,在一款業(yè)務(wù)不斷發(fā)展的產(chǎn)品、日益龐大的產(chǎn)品線中,它是如何進(jìn)行設(shè)計(jì)的優(yōu)化。

 

今天我們會(huì)結(jié)合 4 年產(chǎn)品的競(jìng)品截圖,通過(guò)圖片的方式來(lái)講解飛書的交互更新。

 

并且我也是深度使用用戶,也嘗試揣測(cè)每一個(gè)改版背后設(shè)計(jì)師有哪些思考~ 「文末給大家準(zhǔn)備了一點(diǎn)小福利,所以一定要看到最后」

 

小 Tips:今天我們主要說(shuō)的是飛書管理后臺(tái),和飛書的客戶端無(wú)關(guān),這里為了方便描述,就以飛書代替。

初代丨第一版是如何設(shè)計(jì)的?

 

我記得第一次使用飛書是我司的產(chǎn)品想要尋找新的平臺(tái)上架,那時(shí)候正是飛書剛剛面市商業(yè)化,我們老板去參加了飛書內(nèi)部的無(wú)限大會(huì),會(huì)議回來(lái)后就準(zhǔn)備將我們產(chǎn)品上線到飛書,從那時(shí)開始我就對(duì)它有了個(gè)基礎(chǔ)的了解。所以我是被迫的~

 

設(shè)計(jì)特點(diǎn)

在初代版本當(dāng)中,飛書的設(shè)計(jì)其實(shí)十分有個(gè)性,因?yàn)楫?dāng)時(shí)很少看到如此設(shè)計(jì)的管理后臺(tái)。

 

- 卡片內(nèi)容區(qū)域:將飛書的內(nèi)容區(qū)域變?yōu)橐粋€(gè)圓角的卡片,這種做法即覺得很時(shí)髦(當(dāng)時(shí)確實(shí)沒(méi)見過(guò)),同時(shí)又感覺很不妥,看上去品牌調(diào)性不夠嚴(yán)謹(jǐn),果然后面這個(gè)方案就被優(yōu)化了。證明剛開始一個(gè)產(chǎn)品問(wèn)世,也不是做得非常的完美~

 

 

 

- 高飽和度的配色:整體顏色還是以高飽和度為主,無(wú)論是 圖標(biāo) 或者是 整體設(shè)計(jì),顏色都用的十分靚麗,充斥著大量的 紅、橙、黃、綠、紫,這也給人一種不夠嚴(yán)謹(jǐn)?shù)囊曈X形象。

 

 

- 全局導(dǎo)航:這是一個(gè)非常新穎的交互,當(dāng)我們點(diǎn)擊右上角的全局導(dǎo)航過(guò)后,會(huì)展開對(duì)應(yīng)所有的導(dǎo)航信息,按照設(shè)計(jì)師的結(jié)構(gòu)進(jìn)行安排,這樣我們就能預(yù)覽所有的導(dǎo)航內(nèi)容。這種做法當(dāng)時(shí)覺得十分奇特,我也反復(fù)使用,但整體的使用感受不佳,因?yàn)槲业膶?dǎo)航信息所有都在左側(cè),而我要使用全局導(dǎo)航反而在右側(cè),不太符合使用習(xí)慣,后面你會(huì)發(fā)現(xiàn)這個(gè)功能也被砍掉了。

 

 

- 頁(yè)面區(qū)分:頁(yè)面的區(qū)分是整體設(shè)計(jì)非常重要的一環(huán), 第一版本的飛書主要是通過(guò)分割線+投影來(lái)解決,你就會(huì)發(fā)現(xiàn)整體的頁(yè)面分割不夠明確,感覺像分了又沒(méi)有完全分,也就導(dǎo)致頁(yè)面當(dāng)中很難聚焦,用戶總是在漫無(wú)目的地不停尋找。

 

 

 

整體感受

通過(guò)初代的設(shè)計(jì)你會(huì)發(fā)現(xiàn),即使是飛書在第一個(gè)版本的時(shí)候做得也不算特別好,并且還會(huì)有很多優(yōu)化的空間,因此我們自己在實(shí)際的項(xiàng)目當(dāng)中,剛開始主要還是以快速產(chǎn)出為主,不要有太多顧慮,完美主義也會(huì)有很多不完美的情況,就留在后續(xù)進(jìn)行調(diào)整。

 

 

過(guò)渡丨業(yè)務(wù)發(fā)展是如何設(shè)計(jì)的

這次管理后臺(tái)的迭代我記得是在2020年前后,那時(shí)候正是疫情的高峰期,也就導(dǎo)致了協(xié)同辦公類的軟件迎來(lái)了發(fā)展的黃金時(shí)期。而之前設(shè)計(jì)當(dāng)中的很多問(wèn)題,都在這一個(gè)時(shí)候勉強(qiáng)解決。

 

設(shè)計(jì)特點(diǎn)

- 前后臺(tái)風(fēng)格統(tǒng)一:在之前的飛書當(dāng)中,你會(huì)發(fā)現(xiàn) 管理后臺(tái)與桌面端 非常割裂,感覺像是兩個(gè)產(chǎn)品。而現(xiàn)在通過(guò)統(tǒng)一的品牌色,盡可能將它們倆拉到同一起,看上去才像是一個(gè)統(tǒng)一的管理后臺(tái)。

 

 

 

- 布局調(diào)整:在整體的交互結(jié)構(gòu)上,做了相應(yīng)的優(yōu)化。比如之前的 tabs 與 標(biāo)題 在整體導(dǎo)航的頂部,感覺其與內(nèi)容毫無(wú)關(guān)聯(lián),現(xiàn)在的設(shè)計(jì)將標(biāo)題下放,更適合大多數(shù)產(chǎn)品的使用場(chǎng)景。

 

 

- 面包屑的出現(xiàn):從截圖上我們其實(shí)能看到,這個(gè)時(shí)期的導(dǎo)航菜單已經(jīng)非常多了,同時(shí)層級(jí)也會(huì)特別的深,因此在設(shè)計(jì)上通過(guò)面包屑來(lái)進(jìn)行優(yōu)化,先解決目前的燃眉之急,等后續(xù)產(chǎn)品業(yè)務(wù)發(fā)展成熟后再統(tǒng)一進(jìn)行優(yōu)化。

 

整體感受

這一時(shí)期很明顯的能夠感受到飛書就是在調(diào)整過(guò)渡,一方面業(yè)務(wù)發(fā)展十分迅速,需要響應(yīng);另一方面知道設(shè)計(jì)存在問(wèn)題,但是沒(méi)有太多精力,無(wú)法進(jìn)行大改。這時(shí)候就會(huì)將用戶反饋的所有問(wèn)題記錄下來(lái),站在設(shè)計(jì)的角度思考方案可能就是我們應(yīng)該做的。所以有的時(shí)候我們目前的方案哪怕有些瑕疵并不要緊,更重要的是如何解決這些瑕疵,匯總記錄,等待時(shí)機(jī)。(畢竟研發(fā)資源很難爭(zhēng)取...)

 

 

確定丨明確的設(shè)計(jì)思路

這次改動(dòng)應(yīng)該是在 2021 年,明確了未來(lái)設(shè)計(jì)的方向,開始進(jìn)行大刀闊斧的改動(dòng)。首先這一時(shí)期的飛書產(chǎn)品線急劇增加,據(jù)我了解就會(huì)有 「考勤、OKR、招聘、績(jī)效、打卡」等多個(gè)產(chǎn)品線需要獨(dú)立的管理后臺(tái),因此需要提供一個(gè)統(tǒng)一的設(shè)計(jì)方案,來(lái)將這些產(chǎn)品線的風(fēng)格統(tǒng)一。

 

 

 

 

 

設(shè)計(jì)特點(diǎn)

 

- 純白風(fēng)格:內(nèi)容部分主要是以純白風(fēng)格為主,同時(shí) 導(dǎo)航、功能 等輔助信息使用灰色進(jìn)行呈現(xiàn),這樣我們可以更為聚焦。對(duì)比前兩個(gè)版本發(fā)現(xiàn)確實(shí)要清晰很多。

 

 

- 降低飽和度:對(duì)比之前的設(shè)計(jì)方案,你會(huì)發(fā)現(xiàn)目前的設(shè)計(jì)整體降低了頁(yè)面的飽和度,同時(shí)也明確的品牌的主題色 藍(lán)色,其他顏色進(jìn)行輔助,這樣設(shè)計(jì)上更為明確,哪些內(nèi)容為重點(diǎn)一目了然。其實(shí)這種風(fēng)格是值得很多設(shè)計(jì)師借鑒的,因?yàn)楝F(xiàn)在有太多設(shè)計(jì)師產(chǎn)出的內(nèi)容過(guò)于視覺,導(dǎo)致和整個(gè)品牌調(diào)性不相符,就會(huì)發(fā)現(xiàn)你的設(shè)計(jì)稿其實(shí)挺好,但就是不適合我們產(chǎn)品。

 

- 框架設(shè)計(jì)更清晰:這時(shí)候的內(nèi)容與結(jié)構(gòu)就會(huì)更為清晰,整體的白色突出的是內(nèi)容部分,我們可以將內(nèi)容完整的凸顯出來(lái)。

 

整體感受

這一階段其實(shí)已經(jīng)非常完整,設(shè)計(jì)風(fēng)格上沒(méi)什么可挑剔的,同時(shí)交互結(jié)構(gòu)上沒(méi)有進(jìn)行大的調(diào)整,更多是將 常用/新加 的功能進(jìn)行呈現(xiàn),比如 幫助中心、配置任務(wù) 等,都是為了滿足特定的業(yè)務(wù)場(chǎng)景設(shè)計(jì)的。同時(shí)由于產(chǎn)品業(yè)務(wù)功能較多,你會(huì)發(fā)現(xiàn)他們提供了一個(gè)查看全部的按鈕,用于一些 低頻 隱藏功能的展示,在導(dǎo)航上盡可能的優(yōu)化用戶的使用體驗(yàn)。

 

整體來(lái)說(shuō)這次改版比較成功,后面也會(huì)有很多產(chǎn)品前仆后繼的采取這種風(fēng)格形式,流行了一段時(shí)間。

 

 

優(yōu)化丨基于業(yè)務(wù)再優(yōu)化

就在前幾天,飛書又進(jìn)行了設(shè)計(jì)調(diào)整,從這一次改版發(fā)現(xiàn) 業(yè)務(wù)層面 還是有一些問(wèn)題亟待解決,產(chǎn)品導(dǎo)航過(guò)多需要優(yōu)化,看看飛書它的做法。

 

設(shè)計(jì)特點(diǎn)

- 導(dǎo)航優(yōu)化:在之前的版本當(dāng)中,一級(jí)導(dǎo)航菜單有 20+ 個(gè),同時(shí)還有會(huì)很多其他產(chǎn)品線的管理后臺(tái),也就導(dǎo)致飛書管理后臺(tái)非常的散亂,經(jīng)常會(huì)出現(xiàn)來(lái)回不停的跳轉(zhuǎn)。

面對(duì)這種情況,之前是采取隱藏+全部導(dǎo)航的思路,但是現(xiàn)如今已經(jīng)不太能夠解決這樣的問(wèn)題,同時(shí)飛書的很多產(chǎn)品都需要單獨(dú)獨(dú)立的配置項(xiàng),因此采取頁(yè)面的拆分,將導(dǎo)航分為 企業(yè)管理 與 產(chǎn)品設(shè)置。企業(yè)管理為產(chǎn)品的基礎(chǔ)配置;產(chǎn)品設(shè)置則為對(duì)于附屬產(chǎn)品的設(shè)置配置,這樣就能讓用戶更為清晰的理解導(dǎo)航。

 

最后說(shuō)說(shuō),面對(duì)導(dǎo)航如此之多,即使再自身的設(shè)計(jì)師來(lái)了也只能增加層級(jí)進(jìn)行優(yōu)化。木有太多靈丹妙藥~ 

 

 

- 視覺調(diào)整:因?yàn)閷?dǎo)航層級(jí)的增加,也就導(dǎo)致現(xiàn)在需要凸顯頂部導(dǎo)航部分,所以將之前的灰色調(diào)整為白色。但感覺目前這個(gè)方案理解的難度依然較大,在座的同學(xué)們也可以思考一下能否有其他的解決方案。

 

 

 

整體感受

這次飛書將多條產(chǎn)品線打通,滿足我能夠在一個(gè)管理后臺(tái)里,去配置多個(gè)產(chǎn)品的業(yè)務(wù)。其實(shí)這個(gè)問(wèn)題我在之前體驗(yàn)飛書招聘時(shí)就發(fā)現(xiàn),這樣就能避免產(chǎn)品之前的割裂感,同時(shí)統(tǒng)一的交互在后續(xù)的 功能業(yè)務(wù)面市時(shí),也能夠快速的產(chǎn)出和響應(yīng)。

這次的迭代由于有動(dòng)畫的效果,以及新穎的新手引導(dǎo),整體還是感受還是十分不錯(cuò)。你會(huì)發(fā)現(xiàn)設(shè)計(jì)是沒(méi)有一個(gè)終點(diǎn),我們會(huì)根據(jù)業(yè)務(wù)的情況進(jìn)行設(shè)計(jì)上的調(diào)整。而我們能做的,就是根據(jù)一次次的業(yè)務(wù)要求,去做出合適的設(shè)計(jì)。

 



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

藍(lán)藍(lán)設(shè)計(jì)(tweetduck.com )是一家專注而深入的界面設(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)

軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

B端圖表設(shè)計(jì)方法及思考

ui設(shè)計(jì)分享達(dá)人

隨著大數(shù)據(jù)的興起,數(shù)據(jù)價(jià)值的不斷挖掘,圖表作為數(shù)據(jù)呈現(xiàn)與分析的有效手段,正扮演著越來(lái)越重要的角色,我們?cè)谶M(jìn)行B端平臺(tái)設(shè)計(jì)時(shí)也在思考:如何讓圖表清晰的傳達(dá)信息,同時(shí)帶來(lái)美觀的視覺感受。

日歷

鏈接

個(gè)人資料

存檔

密山市| 右玉县| 佛教| 邯郸县| 邳州市| 平原县| 东港市| 南充市| 莲花县| 贡山| 临桂县| 晋城| 庆云县| 肥城市| 新巴尔虎左旗| 罗平县| 房山区| 吴川市| 基隆市| 麻阳| 阜新| 鱼台县| 永宁县| 元氏县| 嘉善县| 南康市| 乌什县| 云龙县| 永福县| 广汉市| 绥阳县| 衡水市| 丰原市| 静海县| 乐都县| 岢岚县| 榆林市| 乾安县| 桃江县| 称多县| 新龙县|