作為一個(gè)設(shè)計(jì)師，你輸出的設(shè)計(jì)方案，是否也應(yīng)該具有“安全感”呢？

不僅在職場(chǎng)中要不斷刷“存在感”，以尋求獲得老板的“信任感”，從而獲得內(nèi)心的“安全感”，在任何一個(gè)團(tuán)體中，“信任感”和“安全感”都是一種適合團(tuán)隊(duì)發(fā)展的氛圍。因?yàn)樗苊饬藞F(tuán)隊(duì)成員因?yàn)樽非笃痰摹鞍踩小倍鴮⒅饕妥⒁饬Ψ旁诿つ克ⅰ按嬖诟小薄澐值乇P(pán)或者尋求“依附感”的行為上，降低工作效率。

言歸正傳，本片文章并不是什么職場(chǎng)軟文，而是想到，作為一個(gè)設(shè)計(jì)師，你輸出的設(shè)計(jì)方案，是否也應(yīng)該具有“安全感”呢？

答案的肯定的。方案的“安全感”所賦予的目標(biāo)對(duì)象，主要產(chǎn)品和開(kāi)發(fā)人員。

一、通用的“安全感”

1. 方案易讀性強(qiáng)

方案的易讀性，主要是指頁(yè)面整體信息的清晰度要高，除了基本的版本號(hào)、標(biāo)題、設(shè)計(jì)者等頭部信息外，還要注意整體方案的排版布局。

以移動(dòng)端舉例，如果不是線上預(yù)覽方案的話，一般輸出的文檔內(nèi)容是圖片格式或者pdf格式，這是需要考慮到圖片輸出質(zhì)量的問(wèn)題。一些軟件輸出的圖片質(zhì)量品質(zhì)不同，很影響閱讀體驗(yàn)。所以有一個(gè)小技巧可以使用，那就是橫向上頁(yè)面不要過(guò)長(zhǎng)。

人們?cè)陔娔X上的閱讀習(xí)慣是從左向右，翻頁(yè)是從上至下，所以為了提升閱讀的便捷性，在全屏播放時(shí)，橫向空間上不超過(guò)一屏空間，可以在縱向上延伸，這樣用戶在瀏覽時(shí)僅需點(diǎn)擊或者滑動(dòng)鼠標(biāo)即可，會(huì)極大提升閱讀的便捷性。

2. 標(biāo)注準(zhǔn)確

每個(gè)設(shè)計(jì)師都有自己的標(biāo)注習(xí)慣，但是無(wú)論使用引線標(biāo)注，還是底部注釋等，精確性都是必須的；同時(shí)引線標(biāo)注時(shí)，盡量避免引線之間出現(xiàn)交叉點(diǎn)。

3. 及時(shí)定義規(guī)則

在輸出方案的時(shí)候，很多細(xì)節(jié)是可以復(fù)用的，以及一些全局性質(zhì)的交互操作，可以及時(shí)定義相關(guān)的統(tǒng)一交互規(guī)范。一來(lái)可以減少每次都要標(biāo)注的重復(fù)操作，二來(lái)可以提升整體效率，及時(shí)查漏補(bǔ)缺。

交互規(guī)范可能不需要定義完整的從框架層、結(jié)構(gòu)層到視覺(jué)層的所有規(guī)范，但是基本的控件規(guī)范制定的必要性還是很強(qiáng)的，包括彈窗樣式、加載樣式、手勢(shì)操作區(qū)域、文案使用等。

二、產(chǎn)品角度的“安全感”

有“安全感”的設(shè)計(jì)方案給到PM時(shí)，不僅能夠快速評(píng)審?fù)ㄟ^(guò)，同時(shí)還可以完善產(chǎn)品策略，推動(dòng)項(xiàng)目落地。

1. 方案多樣性

給出不同版本方案，提供多種選擇思路，體現(xiàn)對(duì)需求的理解深度與專業(yè)性。因?yàn)楫a(chǎn)品可能只是給了一個(gè)參考或者框架，但是并不一定是適合自己產(chǎn)品本身的，這時(shí)候需要根據(jù)需求和預(yù)期結(jié)果來(lái)優(yōu)化方案，這樣也是對(duì)需求深度理解的一個(gè)展現(xiàn)。

2. 流程細(xì)節(jié)完整

PRD更多涉及到頁(yè)面間的邏輯關(guān)系，頁(yè)面信息架構(gòu)等問(wèn)題，但是對(duì)于一些細(xì)節(jié)或者是邊界狀態(tài)，在方案形成初期，是很難預(yù)料到的。所以設(shè)計(jì)師在輸出方案時(shí)，要不斷去觸碰方案的“邊界”條件，找到極端情況、邊界狀態(tài)以及對(duì)應(yīng)的反饋。

所以很多時(shí)候，PRD描述只是幾行文字，但是交互稿卻要給出幾十個(gè)頁(yè)面，就是這個(gè)道理。限于公司規(guī)范、項(xiàng)目緊急程度以及產(chǎn)品靠譜程度的影響，設(shè)計(jì)師無(wú)法奢求PRD里面面俱到。所以，大部分情況下的邊界條件這些交互細(xì)節(jié)，需要設(shè)計(jì)師自己去主動(dòng)補(bǔ)充完善，讓整個(gè)產(chǎn)品流程形成閉環(huán)。

3. 方案的后續(xù)擴(kuò)展性

互聯(lián)網(wǎng)產(chǎn)品開(kāi)發(fā)本身就是一個(gè)快速迭代過(guò)過(guò)程，所以對(duì)于某個(gè)功能模塊，很少會(huì)所有功能部分都完整后才上線，都是本著敏捷開(kāi)發(fā)的原則，快速上線，快速迭代。

這種情況下，同一功能模塊每一版本的方案都是有聯(lián)系的，往往是遞進(jìn)的狀態(tài)。對(duì)于一些喜歡加功能的產(chǎn)品而言，會(huì)不斷的向頁(yè)面中增加功能入口。對(duì)于這種常規(guī)情況，設(shè)計(jì)師在設(shè)計(jì)方案時(shí)，需要考慮到方案后續(xù)的延展性，不能局限在一個(gè)版本內(nèi)。

盡管用戶體驗(yàn)是優(yōu)先的，但體驗(yàn)不是一個(gè)短期或者幾天就能獲得收益的過(guò)程。設(shè)計(jì)過(guò)程不是直線，而是彎曲上升的折線，需要根據(jù)實(shí)際情況平衡方案與體驗(yàn)。

例如：產(chǎn)品版本每周都上線一次，一周的時(shí)間，開(kāi)發(fā)的工作量是一定的，能夠支持上線的功能必然有限，所以PM給出的功能方案很多時(shí)候是分拆來(lái)讓設(shè)計(jì)師支持的。

然后就會(huì)出現(xiàn)兩種情況：

• Case1：設(shè)計(jì)師接到本期需求后，開(kāi)始絞盡腦汁給出當(dāng)前最優(yōu)的、體驗(yàn)最好的方案——(努力說(shuō)服）產(chǎn)品通過(guò)——開(kāi)發(fā)上線。然后下一期接到新的迭代需求后，繼續(xù)絞盡腦汁給出新的方案，不過(guò)這次給的真的是“新”的方案，很可能推翻或者重構(gòu)了前一版的方案。
• Case2：設(shè)計(jì)師接到本期需求后，優(yōu)先向PM了解功能的迭代計(jì)劃——給出擴(kuò)展性強(qiáng)（當(dāng)前來(lái)看可能不是體驗(yàn)最好）的方案——產(chǎn)品通過(guò)——開(kāi)發(fā)上線。然后下一期接到新的迭代需求后，只是根據(jù)需求微調(diào)或者簡(jiǎn)單增加功能入口即可，同時(shí)達(dá)到最優(yōu)的體驗(yàn)。

兩種情況顯而易見(jiàn)，可擴(kuò)展性的設(shè)計(jì)方案需要時(shí)刻保持對(duì)需求的敏感性，因?yàn)榭赡躊M不會(huì)及時(shí)與設(shè)計(jì)師溝通后續(xù)計(jì)劃，所以當(dāng)面對(duì)并不完善或者簡(jiǎn)陋的PRD時(shí)，設(shè)計(jì)師需要主動(dòng)與PM溝通了解產(chǎn)品迭代計(jì)劃，增加方案的擴(kuò)展性。

三、開(kāi)發(fā)角度的“安全感”

1. 復(fù)用相關(guān)樣式

頁(yè)面邏輯清晰的方案，除了必要的信息需要特殊標(biāo)注，對(duì)于一些不影響體驗(yàn)和滿足需求的前提下，復(fù)用已有樣式是開(kāi)發(fā)同學(xué)最喜歡的，這意味著工作量的降低。予人玫瑰，手有余香，設(shè)計(jì)師在輸出方案時(shí)，對(duì)于以下相似的模塊或者功能，復(fù)用已有模塊，可以不必要再“炫技”似的給出一副華而不實(shí)的方案。

2. 邏輯清晰，標(biāo)注準(zhǔn)確

很多時(shí)候，開(kāi)發(fā)可能會(huì)不看PRD內(nèi)容，而是照著交互文檔開(kāi)發(fā)，所以這個(gè)時(shí)候，除了清晰的邏輯以外，文檔上的標(biāo)注要清晰、完整，避免一些“手快”的開(kāi)發(fā)快速實(shí)現(xiàn)后，驗(yàn)收時(shí)發(fā)現(xiàn)冒出來(lái)很多細(xì)節(jié)的bug。

3. 方案要分端

目前很多產(chǎn)品的Android端實(shí)現(xiàn)風(fēng)格偏向于iOS，比如：浮層樣式等。但是一些成熟的產(chǎn)品，在不同端上的設(shè)計(jì)風(fēng)格，還是會(huì)遵循平臺(tái)本身的規(guī)范的。

所以設(shè)計(jì)師在給出方案時(shí)，需要有所分端處理：

1. 控件的樣式：彈窗、提示燈樣式平臺(tái)有各自的規(guī)范，在不影響需求的前提下，盡量使用平臺(tái)現(xiàn)成的樣式；
2. 系統(tǒng)實(shí)現(xiàn)效果要有所了解，例如：iOS系統(tǒng)支持點(diǎn)擊狀態(tài)欄返回頂部操作，但是Android本身是不支持的，如果頁(yè)面增加當(dāng)前操作，iOS端不需要開(kāi)發(fā)，但是Android需要提新的需求排期。

四、結(jié)語(yǔ)

輸出一份具有“安全感”的方案，也是設(shè)計(jì)師必備的素質(zhì)，為自己的方案負(fù)責(zé)，也為整個(gè)項(xiàng)目流程負(fù)責(zé)。

#專欄作家#

蝦米&胖喵，微信公眾號(hào)：pangmiaodesign，人人都是產(chǎn)品經(jīng)理專欄作家。高級(jí)交互設(shè)計(jì)師（百度/愛(ài)奇藝），夫妻搭檔，貓奴。曾做過(guò)公益產(chǎn)品、影音媒體產(chǎn)品，目前專注于企業(yè)級(jí)產(chǎn)品、娛樂(lè)社區(qū)產(chǎn)品體驗(yàn)設(shè)計(jì)?！坝胸?，就有一萬(wàn)種美好！”

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

題圖來(lái)自 Pexels，基于 CC0 協(xié)議