本文將持續(xù)更新，小美工（以后簡稱M）在工作中遇到的一些看似復(fù)雜的產(chǎn)品需求原型和一些UED團(tuán)隊(duì)的經(jīng)典案例。
一些看似復(fù)雜的頁面，說不定是原型出了問題？（敢于質(zhì)疑）
我們工作中總是會(huì)碰見不少的紗布需求和一些相對(duì)不成熟的產(chǎn)品經(jīng)理，那么我的應(yīng)對(duì)方式是什么呢？其實(shí)這個(gè)話題是不少UI設(shè)計(jì)師經(jīng)常會(huì)遇到和提及的問題，但時(shí)常多數(shù)的設(shè)計(jì)師是在沒看明白產(chǎn)品原型的情況下就開始上色了。我們做美工的的確能把原型稿通過工具用不同的手法展示出不一樣的感覺，但那樣就真的對(duì)了嗎？
有時(shí)候在我們學(xué)會(huì)做減法的時(shí)候可以嘗試著去思考這個(gè)頁面為什么會(huì)看上去復(fù)雜，或者是亂?(如果照著一個(gè)很“亂”的產(chǎn)品原型去上色，那我覺得設(shè)計(jì)出來的頁面帶給用戶的體驗(yàn)也算不好的，甚至和你拿到原型的時(shí)候一樣不知所云，找不到哦這個(gè)頁面的根本，不知道這個(gè)頁面在描繪著什么，那么這個(gè)時(shí)候這個(gè)頁面就是不合格的。)所以在我們看到很亂很復(fù)雜的頁面時(shí)，我們學(xué)會(huì)去從產(chǎn)品原型思考，思考為什么會(huì)亂，先得自己理清楚，做出來的東西才有可能讓用戶理解。
唐納德說的很好的一句話：當(dāng)我不知道怎么讓水龍頭出水時(shí)，那么就是這個(gè)水龍頭設(shè)計(jì)得不好!
案例一
當(dāng)M在瀏覽本次需求時(shí)，看到這個(gè)頁面時(shí)腦子是一片空白的，有點(diǎn)力不從心，無從下筆，所以M決定將它留到最后花時(shí)間完成。
首先我們看難點(diǎn)：內(nèi)容上，一屏展示這么多的內(nèi)容，層級(jí)上，一屏展示3層層級(jí)（一級(jí)層級(jí)“曲線...”、二級(jí)層級(jí)“中行匯買價(jià)...”、三級(jí)層級(jí)“7天...”）。
其次我看在看到這個(gè)頁面不知所措的地方當(dāng)然不只是在難點(diǎn)上，當(dāng)M在拿到這個(gè)頁面的時(shí)候，第一反應(yīng)是【亂】，一時(shí)看不明白這個(gè)頁面。所以在有了問題，M就本能的去思考問題，為什么這個(gè)頁面會(huì)【亂】，真的是自己的設(shè)計(jì)能力問題嗎？或者是其他的原因？
在M經(jīng)過一上午的思考后總算是得出了這個(gè)頁面亂的問題所在。見下圖解：
這是一個(gè)正常的層級(jí)區(qū)塊劃分圖，但是在第二層級(jí)出現(xiàn)了問題，如下圖：
二級(jí)title的管轄范圍其實(shí)并不包括，第二個(gè)或第三個(gè)的內(nèi)容部分。
那如果你說，我們可以理解成把title和對(duì)應(yīng)內(nèi)容看成是一個(gè)大title。那就是可以理解成【title+內(nèi)容=banner】也就是下圖所示：
這樣看似乎層級(jí)是合理的了，不存在管轄混亂的說法。但這樣出現(xiàn)了一個(gè)更大的問題，如果把title類比成banner，那么三個(gè)banner實(shí)則是平級(jí)的，是相對(duì)獨(dú)立的，或者說是三個(gè)banner都屬于第一層級(jí)。
但是，將其統(tǒng)一獨(dú)立后的banner，我們會(huì)發(fā)現(xiàn)并不能與下面的內(nèi)容聯(lián)系起來，因?yàn)橐粋€(gè)多行排版的banner并不能作為一個(gè)taitle來使用，心細(xì)的M做了如下兩個(gè)如來區(qū)別什么banner可以什么不可以：
如圖所示，如果要讓banner作為二級(jí)taitle，那么應(yīng)該是右邊的情況。所以綜上所述，我們不難得出產(chǎn)品的過分想展示內(nèi)容導(dǎo)致了頁面層級(jí)的混亂。
最后我們得出一稿相對(duì)合理的層級(jí)分布圖，如下：
我們將二級(jí)title下其余的內(nèi)容移除，只展示當(dāng)前title下的內(nèi)容，這樣雖然我們不能在一屏上看到更多的信息，但是我們避免了讓用戶看到不屬于這個(gè)頁面的內(nèi)容，讓用戶更清晰知道這個(gè)頁面的內(nèi)容就是屬于這個(gè)title下的。
結(jié)論：有時(shí)候并不一定產(chǎn)品原型就是對(duì)的，有時(shí)候也并不是一屏展示出所有的信息就是對(duì)用戶有益的，所以在合理的情況下去分析產(chǎn)品的結(jié)構(gòu)也許對(duì)用戶對(duì)設(shè)計(jì)來說都不是一門損失。
略述己見，大佬們不要見笑。
未完待續(xù)...?
