上一篇和大家聊了，在設(shè)計(jì)開(kāi)始前通過(guò)確定方向策略，保證設(shè)計(jì)輸出有理有據(jù)，以達(dá)到產(chǎn)品目標(biāo)。其核心是我們需要從老板、產(chǎn)品/運(yùn)營(yíng)、用研及設(shè)計(jì)團(tuán)隊(duì)分別獲取有效信息，進(jìn)行分析整合，以得到正確、完善的方向策略，來(lái)指導(dǎo)設(shè)計(jì)。
今天，想說(shuō)一說(shuō)設(shè)計(jì)輸出這個(gè)環(huán)節(jié)。中間跳過(guò)了解決方案，是因?yàn)檫@個(gè)環(huán)節(jié)涉及的方法很多，且和個(gè)人經(jīng)驗(yàn)強(qiáng)相關(guān)，等慢慢整理完了再和大家討論。
本期主題：設(shè)計(jì)輸出
原則：通過(guò)合適的展示方式將解決方案準(zhǔn)確表達(dá)出來(lái)
1）延續(xù) - 設(shè)計(jì)輸出應(yīng)延續(xù)解決方案
2）檢查 - 通過(guò)設(shè)計(jì)復(fù)查檢驗(yàn)設(shè)計(jì)方案
3）傳達(dá) - 有技巧的傳達(dá)設(shè)計(jì)結(jié)果
1.1 延續(xù) - 設(shè)計(jì)輸出應(yīng)延續(xù)解決方案
交互設(shè)計(jì)的輸出一定是講得出道理的，絕對(duì)不能是我覺(jué)著這樣好看，所以我要畫(huà)成這樣（那是藝術(shù)家）。內(nèi)容決定形式，在形式的選擇上一定要經(jīng)得起“問(wèn)為什么”。
方向策略和解決方案環(huán)節(jié)已經(jīng)為設(shè)計(jì)鋪墊好了骨架，到了設(shè)計(jì)輸出環(huán)節(jié)，則是添加皮肉，規(guī)劃用戶(hù)直觀看到的一切 。
案例：頻道樓層差異化設(shè)計(jì)
目標(biāo) → 策略 → 方案 → 設(shè)計(jì)
. 目標(biāo) —— 有的逛
. 策略 —— 內(nèi)容針對(duì)性
. 方案 —— 形式匹配內(nèi)容
針對(duì)不同品類(lèi)用戶(hù)挑選商品的特點(diǎn)，通過(guò)合適的樣式，呈現(xiàn)有品類(lèi)特點(diǎn)的信息。（這里需要感謝用研同學(xué)提供的用戶(hù)購(gòu)買(mǎi)品類(lèi)行為的研究報(bào)告，讓設(shè)計(jì)師了解到通過(guò)什么內(nèi)容，能夠激發(fā)用戶(hù)的購(gòu)買(mǎi)欲望。）
. 設(shè)計(jì) —— 形式針對(duì)性
內(nèi)容決定形式，不同品類(lèi)的內(nèi)容表達(dá)，決定了交互形式的選擇。比如服飾，通過(guò)搭配展示更能讓用戶(hù)感知到穿上后的效果；而圖書(shū)則更多人會(huì)以作者的維度去查找。以下為兩個(gè)樓層的設(shè)計(jì)方案（主線(xiàn)索表現(xiàn)）。
設(shè)計(jì)樣式的積累，可通過(guò)多研究高品質(zhì)的線(xiàn)上案例進(jìn)行。這里也給大家推薦一個(gè)網(wǎng)站導(dǎo)航牛大拿_最貼心的設(shè)計(jì)師導(dǎo)航_Niudana.com（感謝呆呆同志提供鏈接）。
1.2 檢查 - 通過(guò)設(shè)計(jì)復(fù)查檢驗(yàn)設(shè)計(jì)方案
準(zhǔn)則：用合適形式把解決方案說(shuō)清楚
審核：經(jīng)的起問(wèn)為什么
心態(tài)：對(duì)的起薪水、對(duì)的起自己 ^_^
每位設(shè)計(jì)師都有自己的設(shè)計(jì)習(xí)慣，會(huì)輸出各具特點(diǎn)的方案。這里要強(qiáng)調(diào)的是，滿(mǎn)足核心目標(biāo)的形式是有多樣的，每個(gè)人的選擇都會(huì)不同。但大原則是，要讓受眾感受到你稿件中表達(dá)的調(diào)性（比如感受到你的特賣(mài)氛圍），并讓用戶(hù)發(fā)生你預(yù)期的瀏覽行為。
所以，今天不會(huì)和大家討論怎么做設(shè)計(jì)，而是想分享一下，做完設(shè)計(jì)后，如何去檢查設(shè)計(jì)稿，以確定稿件是輸出完成，可以交付了。這里要強(qiáng)調(diào)的是，做設(shè)計(jì)和檢查設(shè)計(jì)一樣，每個(gè)人的特點(diǎn)都不同，關(guān)注點(diǎn)或容易出錯(cuò)的點(diǎn)也有區(qū)別，需要你自己去找到自己的規(guī)則。
以下，來(lái)分享我做展示類(lèi)項(xiàng)目的檢查表。
原則：從整體到細(xì)節(jié)
A 全局感受 - 完整、明確
B 模塊布局 - 比例、一致性、差異化
C 細(xì)節(jié)展示 - 特點(diǎn)、一致性、差異化
D 規(guī)范及標(biāo)注說(shuō)明 - 清晰易懂
A 全局感受 (頁(yè)面框架）
a. 檢查線(xiàn)索完整性
-【完整無(wú)重復(fù)】核心線(xiàn)索是否都有體現(xiàn)、無(wú)重復(fù)（與解決方案進(jìn)行對(duì)照 ）
-【明確有效】每條線(xiàn)索內(nèi)容提供是否明確，針對(duì)性解決了用戶(hù)關(guān)心問(wèn)題（為什么提供，有什么價(jià)值 ）
b. 檢查線(xiàn)索層級(jí)關(guān)系是否明確
-【優(yōu)先級(jí)】線(xiàn)索順序是否符合運(yùn)營(yíng)優(yōu)先級(jí)
-【頁(yè)面占比】線(xiàn)索內(nèi)容面積占比，是否能讓用戶(hù)感知到重點(diǎn)（特賣(mài)網(wǎng)站特賣(mài)內(nèi)容占篇幅更大）
案例：京東超市改版
我們希望讓用戶(hù)感知到“省心、省錢(qián)、周期購(gòu)”的超市定位。因此，頁(yè)面上我們提供了以下線(xiàn)索。內(nèi)容順序也是按照定位重要程度排列的。
B 模塊布局（模塊內(nèi)單元格排布）
-【單元格占比】主次關(guān)系明了（比如主推活動(dòng)和其它活動(dòng)的比例關(guān)系）
-【一致性】能否感受到，哪些內(nèi)容是在講同一件事
-【差異化】能否感受到講不同事情的樓層差異
C 細(xì)節(jié)展示（單元格內(nèi)內(nèi)容）
-【特點(diǎn)差異】細(xì)節(jié)展現(xiàn)是否體現(xiàn)線(xiàn)索特點(diǎn)
不同的內(nèi)容特點(diǎn)是否采用了針對(duì)性的設(shè)計(jì)樣式，讓用戶(hù)在視覺(jué)表現(xiàn)上能夠感受到不同單元格內(nèi)容的差異。
案例：京東超市商品單元設(shè)計(jì)
-【一致性】相同/相似內(nèi)容是否采用了一致的設(shè)計(jì)樣式
案例：京東超市運(yùn)營(yíng)/品類(lèi)標(biāo)
京東自營(yíng)商品在不同的場(chǎng)景下都采用相同的標(biāo)簽 [京東自營(yíng)標(biāo)] ，一致性的展示，讓用戶(hù)形成習(xí)慣，減輕認(rèn)知負(fù)擔(dān)。
D 規(guī)范及標(biāo)注說(shuō)明
標(biāo)注是否清晰 ， 規(guī)則、規(guī)范有說(shuō)清楚
1.3 傳達(dá) - 有技巧的傳達(dá)設(shè)計(jì)結(jié)果
A . 突出重點(diǎn)
- 突出業(yè)務(wù)方關(guān)心的問(wèn)題解決方案（業(yè)務(wù)方重點(diǎn)提的內(nèi)容，設(shè)計(jì)有接收且考慮在設(shè)計(jì)中了）
- 突出設(shè)計(jì)核心思路，我們想讓用戶(hù)體會(huì)到的感受，設(shè)計(jì)脈絡(luò)線(xiàn)索
B . 把控修改
針對(duì)業(yè)務(wù)方提出的修改意見(jiàn)，首先自行審查，對(duì)意見(jiàn)進(jìn)行分類(lèi)。三類(lèi)別：有道理應(yīng)該改，設(shè)計(jì)側(cè)要堅(jiān)持不改，改不改無(wú)關(guān)緊要。堅(jiān)持有利于用戶(hù)體驗(yàn)的，無(wú)關(guān)緊要的可酌情讓步。
今天主要講了設(shè)計(jì)延續(xù)、設(shè)計(jì)檢查、設(shè)計(jì)傳達(dá)。希望這些小技巧能夠幫助你做出更有理有據(jù)的設(shè)計(jì)~
本文為晶晶原創(chuàng)內(nèi)容，如需轉(zhuǎn)載請(qǐng)注明出處，感謝！
