今天依舊是篇實戰(zhàn)小分享，就是簡單和大家分享下我最近和組內(nèi)小朋友們的過稿日常，對沒錯無法忽視的我已經(jīng)是個老阿姨了。

每次過稿子前我都深深在心中銘記 3 條準則：別刷存在感、別裝 13、別下手太重。這里和大家分享下我的心路歷程，希望能對大家過稿有億點點幫助。

不想看需求文檔

通常拿到設(shè)計師投喂的需求設(shè)計稿后，第一時間非常抵觸去看需求文檔。不用找其他借口，不看需求文檔純粹就是因為懶。

不過很神奇的發(fā)現(xiàn)，站在陌生的第三視角反而比沉浸在需求文檔里更容易發(fā)現(xiàn)一些問題。（絕不是為我的懶找借口圖片）

舉個例子：

之前做海外版的需求，看到設(shè)計師有一個列表頁面設(shè)計成這樣的，我反復(fù)看了幾遍都沒明白這個“5 times（5 次）”放在愛心按鈕下是啥意思。

直到對稿子的時候，設(shè)計師拿出了原型，上面對這個“5 次”的解釋赫然寫著“訪問次數(shù)”：

可能現(xiàn)在大家和我一樣站在第三視角都會覺得這樣的布局不合理，也不清楚“5 次”的意思，但是在完整的需求文檔面前很多時候疑問后面直接有解釋的時候，我們就容易沉浸到產(chǎn)品給的信息設(shè)計中，忘記以一個陌生用戶的視角來重新審視信息的設(shè)計了，也就是通常意義上的信息理解免疫。

如果我們按照新的思路重新捋一下：這個訪問次數(shù)應(yīng)該和什么信息群放在一起更合理？

于是我們決定把字段信息都放在左側(cè)，做一個三分段的信息布局：依次是名字、性別、訪問次數(shù)、最后是訪問時間。同時在訪問時間字段上增加信息的補充輔助用戶理解含義。整體對比如下圖:

交互細節(jié)好像不夠合理

其實很多團隊是沒有專門來做界面細節(jié)交互的設(shè)計師的，就算有 title 是交互的設(shè)計師承載的任務(wù)大部分也都是原型繪制和無止盡的 PPT 產(chǎn)出。所以界面里涉及的一些權(quán)責(zé)模糊的交互細節(jié)大任就落到 ui 的頭上，但這往往也是設(shè)計師們?nèi)菀卓紤]不周全的地方。

舉個例子：

我們這期的設(shè)計改版中涉及到一個禮物面板，設(shè)計師已經(jīng)做了很多的基礎(chǔ)優(yōu)化（轉(zhuǎn)線為面、空間排布及信息降噪）

但這位積極的童鞋不止于此仍然還想做點創(chuàng)新的東西出來，ta 參考了下之前 look 的交互，又做了一個直接豎滑動的交互設(shè)計：

左圖為 look 直播的禮物面板交互

這個交互方式比原始的輪播點橫滑看上去要高大上與創(chuàng)新很多，but 市面上不太有直播類的產(chǎn)品用到這種看上去 very good 的交互方式（除了 look），那么這到底是為什么呢？

仔細觀察我們就可以發(fā)現(xiàn)使用了直接豎滑的 look 對禮物的種類進行了詳細的分類（常用、熱門、玩法、特權(quán)、星座等），且每個分類下的禮物滑動基本不會超過 2 行（大部分控制在一屏內(nèi)）。

而對于我們現(xiàn)在要設(shè)計的禮物面板 tab 分類的方式并不是以禮物種類為維度的，所以所有禮物都被放到了一個 tab 下（數(shù)量很多），豎滑動沒有輪播點的情況下用戶很難定位到某個具體的禮物，而輪播點橫滑就可以很好的對用戶帶來操作記憶，比如哪個禮物放在第幾頁大哥滑動幾次就可以找到了。

而當設(shè)計改動極有可能影響到大哥送禮物的時候，以營收 kpi 當頭的項目組是萬萬不敢輕舉妄動的。

用戶理解成本好像還可以降低

很多設(shè)計師設(shè)計的圖標、布局都已經(jīng)非常 nice 了，在設(shè)計質(zhì)量上是沒有任何問題的，但老實說設(shè)計這東西沒有最好只有更好，除了好看我們需要更關(guān)注設(shè)計本身傳達給用戶的理解成本，成本越低體驗的障礙就越小，這樣帶來的點擊與轉(zhuǎn)化也越多，這是一個即使不量化數(shù)據(jù)也相對合理的一個體驗假設(shè)。

舉個例子：

很多鐵汁可能都做過會員、貴族之類的權(quán)益中心，通常這個聚合頁的常規(guī)排布中段就是一大坨展示權(quán)益的圖標和文案說明。

因為是權(quán)益等級大家的配色估計都會用的比較炫麗，這里我們展示的是一個貴族中心的權(quán)益圖標，按照產(chǎn)品大大的指示，ta 想要那種尊貴的黑金質(zhì)感，所以我們的設(shè)計師就做了如下的設(shè)計：

整體黑金質(zhì)感已經(jīng)符合產(chǎn)品的預(yù)期，也符合基本的設(shè)計質(zhì)量要求，但如果要很嚴格的細究的話仍然有可以變得更好的方式，所以看到這個設(shè)計方案的時候我在想 2 個事情：

• 整體的亮點視重應(yīng)該放在權(quán)益展示部分還是操作區(qū)呢？
• 圖標氛圍亮和暗 2 種代表著解鎖與未解鎖的概念用戶能否一眼就 get 到？
• 現(xiàn)在一屏完整展示 9 個權(quán)益圖標，但是實際上所有的權(quán)益圖標超過了 9 個，這樣的設(shè)計是否會影響信息的曝光（因為用戶不知道底下還有更多了）？

于是，我們又做了下設(shè)計優(yōu)化，如下：

按鈕增加了動效和光帶，大家可以自行腦補。。

...

以上就是我們過稿的設(shè)計日常，很符合豬廠“專業(yè)偏執(zhí)”的特點圖片。

最后，如果有鐵汁想一起交流下日常設(shè)計稿或者作品集文末有聯(lián)系方式，筆芯。

歡迎關(guān)注作者的微信公眾號：「Nana的設(shè)計錦囊」