極簡非簡陋:英才APP的設(shè)計減法

極簡設(shè)計不等于簡陋,那么什么才是設(shè)計中的極簡呢?
在一個追求內(nèi)容至上與體驗至上的時代,設(shè)計的表現(xiàn)更加簡潔直白,這正如著名建筑設(shè)計師密斯所說過的:less is more,在業(yè)界內(nèi)還是跨領(lǐng)域都在流行一個名詞:極簡設(shè)計。
簡單的形式往往能夠帶給人們更多的空間感與愉悅感,也是內(nèi)容大過于形式的一種設(shè)計方式。但在一些實際的設(shè)計當(dāng)中,極簡卻變成了簡陋。那什么才是設(shè)計中的極簡呢?
極簡的設(shè)計原則?
針對極簡進行一番分析,大致可以關(guān)注以下幾點原則:
- 保留必要元素,簡化冗余元素,有良好的視覺焦點;
- 簡化用戶操作流程,從使用上更加的高效與明確的操作指向;
- 留出的是空間感、以及給人舒適的界面呼吸感、產(chǎn)品視覺基因。
這與我們本次中華英才APP商家端(以下簡稱B端)改版所要達成的設(shè)計目標(biāo)是一致的,設(shè)計之前我們先去分析本次改版的減法要如何去做。
現(xiàn)有問題分析
在改版的初期,我們針對B端用戶進行了調(diào)研、訪談,同時對一些關(guān)鍵流程的數(shù)據(jù)進行提取分析,并結(jié)合季度用戶體驗滿意度報告得到了一些關(guān)鍵信息,這些信息是直接影響到用戶實際操作中的感受、對產(chǎn)品的認知、好感度。主要問題點如下:
- 注冊流程較長
- 用戶更關(guān)注簡歷的查看與后續(xù)處理效率
- 界面設(shè)計不夠美觀,比較呆板
- 缺乏自己的產(chǎn)品特色
影響到的因素
我們與產(chǎn)品同學(xué)對反饋的問題進行了一些深度的挖掘細化,實際拆解到產(chǎn)品、設(shè)計中,可明確改進的問題優(yōu)化點如下:
- 整體產(chǎn)品中品牌沒有核心元素
- 閱讀時信息互相干擾
- 界面中關(guān)鍵節(jié)點引導(dǎo)性不強
- 視覺語言不統(tǒng)一
- 顏色使用不規(guī)范
提取明確重點信息及設(shè)計目標(biāo)
- 簡化明確信息層級關(guān)系
- 優(yōu)化注冊及發(fā)布流程
- 建立顏色使用規(guī)范
- 融入設(shè)計語言
為設(shè)計目標(biāo)打造極簡的設(shè)計
1.設(shè)計語言:項目初始,分析了相關(guān)的問題,顏色使用不規(guī)范,色彩庫單一。
沒有自己的設(shè)計語言,這個也讓原有英才自己的調(diào)性表現(xiàn)的不是很明確。在本次改版當(dāng)中,在原有英才色的基礎(chǔ)之上進行了顏色的拓展,豐富現(xiàn)有顏色庫。這樣做不但能夠在后續(xù)的設(shè)計當(dāng)中顏色的使用更加靈活,同時也能更具有自己的產(chǎn)品視覺基因。并將新的顏色與設(shè)計語言融入在主界面與流程當(dāng)中。下面看看整體TAB主界面的效果。
2.空間感-負空間?:亦稱留白,是極簡主義設(shè)計最重要、有亮點的一個特征,我們希望通過這個方式來吸引用戶在界面關(guān)鍵元素的關(guān)注度,從而設(shè)定不同的留白方式以及字號字重的使用對區(qū)域內(nèi)容進行相應(yīng)的區(qū)割,減少使用多余的設(shè)計元素。在發(fā)布流程中得到了相應(yīng)的應(yīng)用。舉例:
3.視覺對比:因為視覺元素的減少,單純的文字內(nèi)容,會使整體界面顯得比較單薄無力,黑白灰的整體界面中增加強對比的按鈕與陰影效果對界面進行層次的區(qū)分以及功能引導(dǎo)。用戶在頂部內(nèi)容聚焦填寫過以后,很快能夠聚焦在功能引導(dǎo)按鈕上,引導(dǎo)用戶進行下一步的操作。舉例:
?4.呼吸感:現(xiàn)在的設(shè)計中大家能看到更多動效使用的場景,加入動效,能夠讓你的界面變更加的靈動,不再呆板,起到一個添花、補足的作用,但在使用中,盡可能規(guī)避大量無用動效的使用,只做必要的保留即可。在登錄角色選擇中,我們進行思考,求職者,公司都是一個個體,我們希望表現(xiàn)出概念性的個體與之間的關(guān)系,在歡迎內(nèi)容區(qū)制作了圓形元素,與呼吸動效,使原本單調(diào)的選擇頁變的更加有場景帶入感。舉例:
最后附上整體改版后的部分效果圖:
總結(jié)?
本次改版中去掉了很多冗余元素,在整體設(shè)計中兼顧美觀與簡潔性,減少用戶閱讀使用成本。關(guān)鍵顏色的使用在傳達必要信息基礎(chǔ)之上也帶入品牌設(shè)計基因。
通過本文希望能分享設(shè)計當(dāng)中的一些思考與經(jīng)驗,在以后的設(shè)計當(dāng)中對這種設(shè)計風(fēng)格把握的更加清晰、熟練。最后想說的一點是,極簡非簡陋,做簡單容易,做好極簡并不易,設(shè)計中也需靈活應(yīng)用。
作者:李洋,視覺設(shè)計師
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設(shè)計中心(微信公眾號@58UXD),作者@李洋
題圖來自unsplash,基于CC0協(xié)議
為你們打電話?。。?^3^)
謝謝支持!
點評的很到位,多謝支持
現(xiàn)在很多軟件的一張界面都是恨不得把所有功能都擺上,給人一種視覺上的抵制。我也很崇尚這種極簡之美
確實是這樣子,嘴上說重視用戶體驗,但實際行動卻打了臉