珍視設(shè)計(jì)獅的創(chuàng)意會(huì)讓他們覺得自己被重視，也增強(qiáng)了他們?cè)诋a(chǎn)品研發(fā)中的「參與感」。

三，設(shè)計(jì)過程中保持足夠的溝通

在設(shè)計(jì)獅們準(zhǔn)備動(dòng)手前最好
提前過本次設(shè)計(jì)的重點(diǎn)以及頁面層級(jí)和產(chǎn)品框架。讓他們清楚哪些地方是要遵循現(xiàn)有產(chǎn)品文檔的，哪些是可以供他們施展創(chuàng)意的。

設(shè)計(jì)過程中多喝設(shè)計(jì)獅溝通自己的想法，并盡可能的具象或者描述出來自己想要的感覺。兩個(gè)人在交流中往往會(huì)激發(fā)更完美的解決方案的火花。

調(diào)整 UI 稿的幾個(gè)技巧

１.　保證頁面層級(jí)關(guān)系

設(shè)計(jì)獅給我們反饋回來的稿件，往往都是色彩繽紛，內(nèi)容飽滿非常形象生動(dòng)的。也是開發(fā)最終用來布局的確認(rèn)稿。但當(dāng)創(chuàng)意過多時(shí)，可能會(huì)導(dǎo)致頁面主要內(nèi)容不突出。這一點(diǎn)應(yīng)該是產(chǎn)品經(jīng)理調(diào)整 UI 稿時(shí)最關(guān)注的地方。

在這一頁最想觸達(dá)用戶的內(nèi)容是什么。

如果你無法從 UI 的稿件中找到你想表達(dá)的層級(jí)關(guān)系，這個(gè)時(shí)候往往你們需要談?wù)劇?/p>

為了不增加用戶認(rèn)知成本，更快的觸達(dá)我們最想讓他關(guān)注的點(diǎn)。一般一頁內(nèi) 3 個(gè)板式比較合適。

另外，如果場(chǎng)景類型相同、或者內(nèi)容模塊相似，可以　對(duì)場(chǎng)景、內(nèi)容遞歸分組，使用相同模板，讓整個(gè)界面看起來有條理并且很清爽。

２.　根據(jù) IOS、安卓的特性調(diào)整頁面

這點(diǎn)對(duì)于初創(chuàng)公司的產(chǎn)品經(jīng)理來說其實(shí)并不實(shí)用，創(chuàng)業(yè)公司面臨的處境是人少事多工期短。功能最優(yōu)先，頁面視覺上的優(yōu)化往往不太看重。

而針對(duì)實(shí)力雄厚的大公司來說，有足夠的人力物力時(shí)間的情況下，需要　最優(yōu)打磨頁面　的時(shí)候，根據(jù)系統(tǒng)特性調(diào)整頁面可能會(huì)給用戶帶來小小的驚喜

上圖是淘寶2017的設(shè)計(jì)樣例：根據(jù) IOS、安卓系統(tǒng)的性能特點(diǎn)，對(duì)底層的 Tab Bar 進(jìn)行了各自的設(shè)計(jì)。

針對(duì)水果機(jī)采用了蘋果的專有特性 – 毛玻璃，有種朦朧之美。

３.　設(shè)計(jì)樣式保持統(tǒng)一

產(chǎn)品經(jīng)理對(duì)于自己產(chǎn)品的框架結(jié)構(gòu)及表現(xiàn)層應(yīng)該是非常熟悉的，對(duì)于雙重展開的內(nèi)容為了降低用戶的認(rèn)知負(fù)擔(dān)。對(duì)于一些既定組件，比如說導(dǎo)航、彈窗、評(píng)論等，可以建議設(shè)計(jì)獅伙伴采用同一套設(shè)計(jì)樣式。

４.　砍掉不必要的元素

這兩年從INS開始，各巨頭都開始追求簡(jiǎn)約設(shè)計(jì)。簡(jiǎn)約設(shè)計(jì)并不是說隨意設(shè)計(jì)，而是說砍掉許多不必要的元素，只保留頁面中最核心的部分。如果這個(gè)按鈕、圖片僅是為了設(shè)計(jì)展示沒有任何實(shí)際上的功用。或者說僅僅是為了炫而放在首頁，但其實(shí)并不高頻，也不剛需。那么完全　可以考慮將其降級(jí)或者直接干脆砍掉。

在保證給用戶以足夠反饋提示下一個(gè)清爽的頁面不僅可以提高系統(tǒng)運(yùn)行速度更可以提升用戶體驗(yàn)，并且顯得很Fashion。

作者：晞仔，微信公眾號(hào)：晞仔的生活實(shí)驗(yàn)室

本文由 @晞仔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。