今天依舊是篇實戰(zhàn)小分享，就是簡單和大家分享下我最近和組內(nèi)小朋友們的過稿日常。每次過稿子前我都深深在心中銘記3條準(zhǔn)則：別刷存在感、別裝13、別下手太重。這里和大家分享下我的心路歷程，希望能對大家過稿有億點點幫助。

1.不想看需求文檔

通常拿到設(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ù)、最后是訪問時間。同時在訪問時間字段上增加信息的補(bǔ)充輔助用戶理解含義。整體對比如下圖:

2.交互細(xì)節(jié)好像不夠合理

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

舉個例子：

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

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

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

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

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

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

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

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

舉個例子：

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

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

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

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

…

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

原文地址：Nana的設(shè)計錦囊（公眾號）

作者：柒爺

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》當(dāng)負(fù)責(zé)人和組內(nèi)設(shè)計師過稿子的時候，都在想些什么?

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)