最近通過(guò)對(duì)公司教育云產(chǎn)品的設(shè)計(jì)進(jìn)行改版優(yōu)化饿敲，又加深了對(duì)用戶體驗(yàn)的理解。主要解決了下移動(dòng)端教學(xué)資源模塊的一些遺留問(wèn)題，并在優(yōu)化迭代中進(jìn)行深度挖掘，提升產(chǎn)品體驗(yàn)躬柬。
為什么說(shuō)是遺留問(wèn)題，因?yàn)槌醢嫘Ч麍D出來(lái)的時(shí)候就發(fā)現(xiàn)了頁(yè)面的一些問(wèn)題抽减，并立即和負(fù)責(zé)此模塊設(shè)計(jì)的可愛的妹紙溝通叫其優(yōu)化了一次允青。尷尬的覺得還是有些細(xì)節(jié)需要優(yōu)化，但是我又一時(shí)給不出好的建議卵沉，所以就把問(wèn)題遺留了颠锉。存在備忘錄中法牲，這幾天抽時(shí)間就來(lái)解決了一下。琼掠。{打臉}是誰(shuí)說(shuō)的時(shí)間就像奶牛皆串，擠一擠總會(huì)有的。
在頁(yè)面設(shè)計(jì)過(guò)程中眉枕，總結(jié)了一些經(jīng)驗(yàn)與方法恶复，今天想拿來(lái)與大家分享交流一下。
0. 背景簡(jiǎn)述
此次改版的教學(xué)資源是公司教育產(chǎn)品移動(dòng)應(yīng)用中主打功能模塊之一速挑，是以資源為中心的共享平臺(tái)谤牡。
用戶在教學(xué)資源中的主要行為包括：
- 查看和收藏
- 瀏覽文件列表
- 通過(guò)關(guān)鍵字快速搜索文件
- 篩選文件
- 預(yù)覽文件等
1. 存在的問(wèn)題
總體來(lái)說(shuō)就是：默認(rèn)字體較小，列表顯得有些擁擠姥宝，操作略顯復(fù)雜翅萤，所以針對(duì)此次改版的主要目標(biāo)就是提高用戶的使用效率。
2. 改后的優(yōu)點(diǎn)
-
更便捷易用
資源類型這個(gè)條件是一個(gè)比較常用的選擇腊满，放在篩選條件那一列展現(xiàn)會(huì)不易看到全部?jī)?nèi)容套么。針對(duì)這種情況，我決定將它移動(dòng)到頂部占用搜索欄的位置碳蛋，類型可左右滑動(dòng)來(lái)選擇胚泌。并將搜索移到右上角位置。
此處圖片肃弟，為展示的更為直觀玷室，便去掉了多余的文字，用以灰調(diào)調(diào)來(lái)展示笤受。
靈感來(lái)源：設(shè)計(jì)離不開思考穷缤，也離不開參考。移到頂部并采用橫滑的操作方式也是參考了諸多APP才如此設(shè)計(jì)箩兽。所以此處必須給一張頁(yè)面截圖津肛，部分包括優(yōu)酷、掘金汗贫、慧慧身坐、駕考寶典（學(xué)駕校的必備神器，用后才發(fā)現(xiàn)里面的產(chǎn)品還是做得很不錯(cuò)的芳绩，功能還是還很強(qiáng)大的）掀亥、手機(jī)瀏覽器百度頁(yè)等。
2.內(nèi)容更突出
下方左圖整個(gè)頁(yè)面頂部bar顏色太重妥色，太搶眼搪花，進(jìn)入內(nèi)頁(yè)首先就會(huì)注意到頂部，會(huì)干擾到用戶快速的查看頁(yè)面內(nèi)容。并且列表頁(yè)的內(nèi)容過(guò)多撮竿、上下間距不夠顯得有些擁擠吮便。
做出的調(diào)整有，第一幢踏、去掉頂部bar的藍(lán)色漸變換成無(wú)公害的慣用白色髓需，有時(shí)候品牌色并不一定需要整個(gè)應(yīng)用的頂部都用到，就像QQ在聊天房蝉、好友動(dòng)態(tài)僚匆、傳文件到電腦等的頁(yè)面都會(huì)采用純色作為大背景，來(lái)突出頁(yè)面內(nèi)容搭幻，咧擂。第二、列表高度從之前的200px縮小到188px檀蹋，上下間距由24px加大到32px松申。把列表高度由原來(lái)的112px調(diào)整到132px，標(biāo)題文字由30px調(diào)整到34px俯逾，精簡(jiǎn)文件類型圖標(biāo)等等贸桶。
本著“內(nèi)容為王”的意念，堅(jiān)定的進(jìn)行著優(yōu)化~~
3.更簡(jiǎn)潔
圖標(biāo)優(yōu)化：改版前的文件圖標(biāo)略顯復(fù)雜皇筛，占用面積過(guò)大，圖形比較復(fù)雜识脆。也因?yàn)楫?dāng)時(shí)沒(méi)過(guò)多的花時(shí)間設(shè)計(jì)设联，直接套用的教育云Web端的圖形。所以決定對(duì)簡(jiǎn)化圖形灼捂、強(qiáng)化圖標(biāo)本身的形狀。之前是根據(jù)文件類型本身的顏色去定義顏色的使用换团，但是顏色太深悉稠，所以整體采用了較亮色值的顏色，更加容易識(shí)別艘包。
精簡(jiǎn)列表內(nèi)容的猛，隱藏收藏、評(píng)論等不常用操作想虎。
4. 結(jié)語(yǔ)
這次的改版讓我對(duì)產(chǎn)品有了更深入的了解卦尊，更好的懂得以用戶為中心來(lái)設(shè)計(jì)打磨一款產(chǎn)品。也懂得了根據(jù)用戶的反饋及自測(cè)后的使用分析舌厨，來(lái)更好的指導(dǎo)設(shè)計(jì)工作岂却。采用極簡(jiǎn)的排版，讓用戶方便快速的閱讀內(nèi)容，提升了用戶體驗(yàn)躏哩。
設(shè)計(jì)是一個(gè)不斷優(yōu)化的過(guò)程署浩，需要設(shè)計(jì)師們深入到產(chǎn)品之中細(xì)細(xì)打磨，持續(xù)挖掘產(chǎn)品的可優(yōu)化點(diǎn)扫尺，提升產(chǎn)品的使用體驗(yàn)筋栋。
