編輯導(dǎo)語：一個沒有PRD的設(shè)計需求，該如何才能夠完成？沒有原型設(shè)計師也一樣可以做得很好。本篇文章介紹了在客戶沒有攜帶PRD的情況下，設(shè)計師該如何去做，解決如何滿足客戶要求的問題，在設(shè)計上提出了很多方法，推薦想要學(xué)習(xí)設(shè)計的群體閱讀。

一、前言

最近，有一位小伙伴問我，假如客戶就帶了一張嘴巴來和你溝通需求，你做不做。我說當(dāng)然做啦，我們的核心職責(zé)就是為客戶提供服務(wù)，并通過我們的專業(yè)能力幫助客戶達(dá)到他們達(dá)到想要的結(jié)果。

顯然他不滿意我的回答，他認(rèn)為客戶就應(yīng)該帶著原型來和他溝通，否則自己怎么能記得住那么多零碎的信息，從而消化掉，并轉(zhuǎn)化為設(shè)計稿呢？這里其實就是一個工作意識的問題，大部分設(shè)計師可能都停留在上述設(shè)計師的思考階段。

但我們想要走得更遠(yuǎn)，獲得更多的能力與認(rèn)可，就一定要摒棄這種想法（客戶不提供我要的東西，我就不著手設(shè)計）。

所以，我們?yōu)槭裁匆獙⒆约杭s束起來呢？開放的心態(tài)才是成為一個優(yōu)秀設(shè)計師的前提。好了，那今天就來和大家聊聊「在沒有PRD、沒有原型的情況下，設(shè)計師可以怎么做」。

二、第一天

1. 需求來了：心里一陣歡喜

前些日期，在非團(tuán)隊服務(wù)范圍內(nèi)的一個產(chǎn)品組找到我們，想讓我們幫忙改版測試平臺的工作臺頁面。接到需求后，我自然非常樂意，但也需要評估團(tuán)隊目前是否有資源和能力來完成此事。

與客戶對關(guān)鍵要素溝通后，我對團(tuán)隊成員手中的任務(wù)情況、需求輸入的詳細(xì)程度、工作臺頁面所給到的設(shè)計時間等，發(fā)現(xiàn)可以承接此任務(wù)，于是我欣然答應(yīng)，開啟了為期3天的工作臺改版設(shè)計任務(wù)。

2. 需求溝通：通過現(xiàn)場+釘釘

（1）現(xiàn)場溝通

明確接收設(shè)計任務(wù)后，我與客戶約定了需求溝通的地點(diǎn)。采用直接進(jìn)行現(xiàn)場溝通的原因在于：首先，設(shè)計時間較短，需要快速定位問題；其次，面對面交流有利于將問題細(xì)化，我們不能只知道要做什么，而不知道為什么要這么做；最后，從以往的經(jīng)驗發(fā)現(xiàn)，面對面溝通，客戶會更愿意回答我們的問題，且我們可以對臨時想到的點(diǎn)進(jìn)行交流。

現(xiàn)場溝通要注意帶上本子、筆、筆記本。本子可以記錄重點(diǎn)，同時溝通時在紙上涂涂畫畫，雙方不至于雞同鴨講。帶上筆記本可以方便隨時訪問競品，demo，或參考物，可以對目標(biāo)進(jìn)行操作，方便更加直觀地溝通。

我在溝通前通常會把想問的問題先列個清單，不至于與客戶見面時不知道從何說起。這次我擬定的問題包括但不僅限于：測試平臺的產(chǎn)品定位是什么？主要幫助用戶完成哪些事情？目標(biāo)用戶是哪些人？這些用戶平時使用工作臺主要是為了解決什么問題？我們?yōu)槭裁匆M(jìn)行工作臺設(shè)計改版？改版的范圍是內(nèi)容、交互、視覺，還是其他？等等。

這些信息可能偏基礎(chǔ)層，但了解相關(guān)背景可以幫助我們不要在設(shè)計時走偏。大家千萬不要一上來就問：改版要改成什么顏色呀？有什么競品可以參考嗎？我們要去挖掘更基礎(chǔ)性的問題，從而讓我們后續(xù)的設(shè)計策略是帶有自主性的，而不是客戶直接告訴你我要藍(lán)色，你就直接設(shè)計藍(lán)色了，也不知道為什么要設(shè)計成藍(lán)色。

（2）釘釘溝通

與客戶現(xiàn)場溝通大約進(jìn)行了1-2小時，完了以后，我告訴客戶：要了解的基本了解完了，之后如果有問題，會進(jìn)行釘釘線上溝通，是為了保證設(shè)計結(jié)果始終不走偏，符合預(yù)期。

在現(xiàn)場溝通時，我發(fā)現(xiàn)測試平臺目前是有1.0版本的，現(xiàn)在是需要進(jìn)行整體升級，而工作臺頁面目標(biāo)用戶使用頻率高，所以進(jìn)行優(yōu)先改版。

于是我打開測試平臺地址，開始使用和學(xué)習(xí)，為后面進(jìn)行用戶訪談做準(zhǔn)備。在使用中，我果然遇到了很多問題，例如某某某字段是什么意思，這塊功能要怎么操作，XXX數(shù)據(jù)是哪里來的等等。這些零零碎碎的問題，就通過釘釘溝通高效完成。

在與客戶需求溝通階段，我們可以采用基礎(chǔ)性、本質(zhì)性的問題通過現(xiàn)場面對面溝通，簡單零碎的問題通過釘釘溝通，高效高質(zhì)量完成需求明確任務(wù)。

3. 用戶訪談：知己知彼

當(dāng)我知道測試平臺，以及其工作臺的基本情況后，就開始挑選目標(biāo)用戶進(jìn)行訪談了。測試平臺的目標(biāo)用戶就是測試工程師、測試主管等人員，但測試工程師是使用工作臺的核心用戶，因此我選取了5名用戶進(jìn)行訪談。

本次的訪談內(nèi)容主要解決兩個問題：

第一、客戶認(rèn)為重要的內(nèi)容（客戶想讓用戶看到），是否是用戶真正關(guān)心的，以及對他們有效的。了解此可以解決客戶關(guān)心點(diǎn)是否用戶關(guān)心點(diǎn)，及設(shè)計該如何著手設(shè)計的問題。

第二、目前用戶對工作臺的感受如何，包括操作便捷度、有效信息覆蓋度等。了解此可以明白用戶還關(guān)心什么，哪些是客戶沒有意識到的，但對用戶來說也很需要的。我想，既然要改版，那改版后的工作臺就會少則用半年，多則用一年，不應(yīng)該為了改版而改版。

客戶沒有時間去了解基層測試工程師的痛點(diǎn)，那么我去，讓這次工作臺改版取得更好的效果，讓改版值得。此次訪談很順利，根據(jù)收集到的內(nèi)容，我繪制了角色畫像（角色畫像可以幫助我們在設(shè)計時，不忘初心），如下圖：

4. 需求梳理：關(guān)鍵信息整合

完成了客戶需求溝通與用戶訪談后，我將獲得的關(guān)鍵信息進(jìn)行整合，梳理成了一張表格。包括的內(nèi)容有兩部分，一部分是基礎(chǔ)信息，一部分是工作臺界面涉及到的功能清單信息。

基礎(chǔ)信息包括：產(chǎn)品定位、本次改版客戶目標(biāo)、用戶人群、用戶目標(biāo)等。

工作臺界面功能清單包括：核心及高頻使用功能、二級重要功能、次要功能等。

三、第二天至第三天

1. 原型設(shè)計：可視化呈現(xiàn)

在第一天中，我已經(jīng)獲得了本次改版的重要信息和功能，接下來就要開始著手原型設(shè)計了，將零散的信息可視化呈現(xiàn)，方便客戶進(jìn)行評審。對于設(shè)計師來說，

原型設(shè)計會包括兩部分，一部分是工具使用，一部分是思路呈現(xiàn)。

這里我根據(jù)本次改版的實際情況，和大家分享下工作臺原型的設(shè)計思路。在實際項目中，原型可以分為“示意類原型和高保真原型”。假如設(shè)計師需要頻繁將原型進(jìn)行評審與修改，那么示意類原型是比較合適的。我們只需要將關(guān)鍵信息、功能位置、重點(diǎn)信息布局等繪制出來即可。

不過在不斷修改的過程中，會因為項目需要，變得越來越豐滿。高保真原型一般會出現(xiàn)在諸如設(shè)計定稿期（沒有視覺設(shè)計師，開發(fā)就用高保真原型指導(dǎo)開發(fā)），項目演示階段等。

本次我沒有用到高保真原型，用的就是示意類原型，通過把關(guān)鍵信息在原型上清晰表達(dá)，在所剩不多的時間內(nèi)快速與客戶方過稿-修改-過稿-修改，直到把關(guān)鍵內(nèi)容定下來。

第一步：劃分信息區(qū)域。根據(jù)用戶的關(guān)注度和使用頻次對界面上所需要呈現(xiàn)的信息進(jìn)行歸類和布局。

測試平臺工作臺界面上的信息分為三部分：第一部分是個人日常工作信息，第二部分是團(tuán)隊日常工作信息，第三部分是全局性的低頻信息。

根據(jù)之前的訪談結(jié)果，我們發(fā)現(xiàn)用戶對以上三種信息的關(guān)注度是不同的，由高到低依次為：個人日常工作信息、團(tuán)隊日常工作信息、全局性的低頻信息。

個人日常工作信息和團(tuán)隊日常工作信息是實時數(shù)據(jù)，對用戶日常工作展開具有指導(dǎo)作用。依據(jù)用戶瀏覽界面的「F型」閱讀原則，將重要、高頻使用信息置于界面左上角位置及首屏區(qū)域，即設(shè)計時將個人日常工作信息和團(tuán)隊日常工作信息布局在此區(qū)域。

第二步：深入某塊信息。完成大區(qū)塊信息劃分后，我們就要著手對單塊信息進(jìn)行相對細(xì)的設(shè)計了，這里舉例“項目數(shù)據(jù)總覽”卡片。

我們?nèi)绾尾粩嗌钊胪瓿伞绊椖繑?shù)據(jù)總覽”的原型呢？

首先，我們要知道該模塊中所需要呈現(xiàn)的具體數(shù)據(jù)有什么(這里包括測試分析、測試設(shè)計、測試任務(wù)）；其次，我們要了解數(shù)據(jù)的含義，以及它們分別對用戶的作用是什么，哪些數(shù)據(jù)是用戶在該模塊中最關(guān)注的；最后，我們要知道每塊數(shù)據(jù)具體要展現(xiàn)的值維度，如果遇到「總數(shù)據(jù)」，還需要明確最大值可能是多少，避免數(shù)據(jù)量太大展示不下。

根據(jù)不同業(yè)務(wù)的情況，我們還可以詢問客戶，是否還有下鉆展現(xiàn)數(shù)據(jù)等需求。

第三步：排版整齊、有秩序。在做原型的時候，我們不要只將信息堆疊在頁面上，根據(jù)實際需要，可以適當(dāng)考慮展現(xiàn)，幫助團(tuán)隊在評審原型時，能更直觀、更有效地提出建議。

在“項目數(shù)據(jù)總覽”卡片中，針對每塊數(shù)據(jù)的具體信息，我用環(huán)狀圖進(jìn)行了簡單示意（這不代表視覺設(shè)計師就只能用環(huán)狀圖）。同時，我將「總數(shù)據(jù)」進(jìn)行了適當(dāng)突出。

第四步：多退少補(bǔ)。這里的「多退少補(bǔ)」可不是買物品花錢時候的多退少補(bǔ)，而是指原型基本完成后，我們還需要整體排查一遍，將原型中多余的內(nèi)容去除，將未完善的內(nèi)容補(bǔ)充的過程。

例如，在與客戶溝通中我發(fā)現(xiàn)，客戶不是對所有卡片內(nèi)容有統(tǒng)一放大查閱的需求，而只是對其中一張卡片的內(nèi)容有放大查閱的需求，那我就只保留了一個卡片的放大功能。

2. 交互設(shè)計：精細(xì)化打磨

完成原型設(shè)計后，就開始補(bǔ)充交互細(xì)節(jié)了，一方面是開發(fā)后期的指導(dǎo)，一方面也是視覺設(shè)計師設(shè)計的指南。如何編寫一份友好的交互設(shè)計文檔，請看此篇文章：《編寫一份友好的交互說明文檔要注意哪些》

本次工作臺改版中，有一些地方客戶要求保留原來的交互方式，因此我在標(biāo)注時備注和原來交互方式一致，而不同的地方進(jìn)行逐一細(xì)化標(biāo)注。

四、第三天

1. 視覺設(shè)計：錦上添花

此次工作臺視覺設(shè)計主要依托于我們原有的產(chǎn)品設(shè)計規(guī)范（工作臺視覺設(shè)計由我們團(tuán)隊熟悉此產(chǎn)品設(shè)計規(guī)范的設(shè)計師完成），因此切入設(shè)計相對比較簡單。這里我想到了一點(diǎn)，很多設(shè)計師認(rèn)為，有了設(shè)計規(guī)范，就沒啥視覺工作可做了，用組件拼拼搭搭即可。

但實際上并不是所有內(nèi)容都可以用組件拼搭完成，組件只覆蓋了界面部分場景，還有很大一部分場景是基礎(chǔ)組件無法覆蓋的。因此，除了使用約定好的設(shè)計規(guī)范以外，在設(shè)計規(guī)范之上我們可以構(gòu)建細(xì)節(jié)，很多地方只要我們愿意用心發(fā)現(xiàn)，就可以發(fā)揮。

這里和大家分享我們工作臺設(shè)計細(xì)節(jié)發(fā)揮的地方：

（1）表格狀態(tài)圖標(biāo)設(shè)計

通常用戶對表格數(shù)據(jù)的狀態(tài)會較為關(guān)注，狀態(tài)可以引導(dǎo)用戶進(jìn)行下一步操作，因此我們在狀態(tài)列上加了圖標(biāo)，讓用戶通過圖標(biāo)即可了解數(shù)據(jù)狀態(tài)。

（2）應(yīng)用導(dǎo)航圖標(biāo)設(shè)計

應(yīng)用導(dǎo)航區(qū)塊通常放置用戶常用的鏈接，可以幫助用戶快速達(dá)到想去的系統(tǒng)，而這些鏈接對應(yīng)的示意圖標(biāo)正是視覺設(shè)計發(fā)揮的好地方。

（3）榜單標(biāo)題增強(qiáng)設(shè)計

我們對榜單模塊的標(biāo)題也進(jìn)行了處理，比直接放一串文字顯得更生動。

（4）排序序號突出設(shè)計

對于列表來說，序號可以直接和標(biāo)題連在一起，以文本的方式呈現(xiàn)。但我們將標(biāo)題加了一些設(shè)計感，讓界面看起來生動，且有助于用戶明確當(dāng)前數(shù)據(jù)是第幾條。

（5）列表多人名展現(xiàn)設(shè)計

普通的數(shù)據(jù)展現(xiàn)就是將文字碼出來（只要是文字，呈現(xiàn)都是一樣的），我們對此進(jìn)行了優(yōu)化設(shè)計。第一，以頭像的形式可視化展現(xiàn)；第二，默認(rèn)展現(xiàn)3個頭像，多余“點(diǎn)點(diǎn)點(diǎn)”展現(xiàn)（人名在10個以內(nèi)），當(dāng)鼠標(biāo)移上去，自動撐開展現(xiàn)。

2. 價值交付：善始善終

設(shè)計工作完成，并不是我們設(shè)計任務(wù)的結(jié)束，恰恰是我們設(shè)計價值體現(xiàn)的開始，這就是價值交付。

那什么是價值交付呢？價值交付是指我們要以客戶認(rèn)可的方式，將設(shè)計稿交付給客戶，讓他們有條理、有依據(jù)、有掌控感地完成后續(xù)的開發(fā)工作。而不是說，我們導(dǎo)出一份設(shè)計文檔扔過去就好了。

在價值交付的過程中，我們可以給予這些（若有遺漏，歡迎小伙伴們補(bǔ)充）：

（1）開一個設(shè)計稿交付會

與團(tuán)隊成員從頭到尾講一下設(shè)計策略、設(shè)計理念，以及開發(fā)小哥哥在開發(fā)過程中需要注意哪些。而不要只扔一份文檔給開發(fā)，他們有可能關(guān)注不到設(shè)計師想表達(dá)的細(xì)節(jié)。

（2）盡可能將交互設(shè)計文檔編寫清晰

文檔一旦清晰，就減少了雙方（設(shè)計師與開發(fā)）來回溝通的成本，且開發(fā)小哥哥不會以自行腦補(bǔ)的形式開發(fā)。

（3）我們的視覺設(shè)計稿也要清晰

例如間距不要出現(xiàn)小數(shù)，間距不要毫無規(guī)則，顏色不要隨意用，導(dǎo)出的切圖不要打組等等。

（4）對于需要開發(fā)關(guān)注到的要點(diǎn)，單獨(dú)梳理出來，或者特殊標(biāo)識符標(biāo)注

例如，一些地方需要特殊動效的，可以找一些參考圖給開發(fā)，不要只是文字描述。

（5）對于頁面上使用到的圖標(biāo)、圖片，切出來給開發(fā)，上傳到項目圖標(biāo)庫

根據(jù)經(jīng)驗，我們完全可以提前準(zhǔn)備好，不要等開發(fā)來要再給。

（6）告訴客戶，我們隨時在，有需要隨時聯(lián)系我們

價值交付最重要的一點(diǎn)就是持續(xù)的設(shè)計服務(wù)，讓設(shè)計延續(xù)而不是隨著任務(wù)終止。

3. 寫在最后

三天完成一個頁面的改版設(shè)計時間不算少，但在沒有PRD輸入的情況下，如何厘清思路著手開始做，我總結(jié)了整個改版過程中可以使用的方法（沒有過多的方法論，很實用），希望能給大家一些幫助。

在完成測試云平臺工作臺的改版后，我們依然和客戶保持持續(xù)溝通，解答在開發(fā)過程中的相關(guān)疑問，保證研發(fā)能較好的將設(shè)計稿落地下去?？蛻魶]有用我們喜歡的方式輸入需求，也并不妨礙我們完美地完成任務(wù)。

設(shè)計師們，打破設(shè)計師身份，去做更多體現(xiàn)價值的事情吧！

小插曲

我在參加人人都是產(chǎn)品經(jīng)理2021年度作者評選，希望喜歡我的文章的朋友都能來支持我一下~

點(diǎn)擊下方鏈接進(jìn)入我的個人參選頁面，點(diǎn)擊紅心即可為我投票。

每人最多可投3票，投票即有機(jī)會獲得百萬驚喜禮品&起點(diǎn)課堂千元豪禮哦！

投票傳送門：http://996.pm/zakKo

#專欄作家#

知果，公眾號：知果日記，人人都是產(chǎn)品經(jīng)理專欄作家。浙江工商大學(xué)品牌設(shè)計專業(yè)碩士，《B端思維-產(chǎn)品經(jīng)理的自我修煉》作者。在產(chǎn)品設(shè)計流程、產(chǎn)品設(shè)計原則、產(chǎn)品設(shè)計方法、產(chǎn)品設(shè)計規(guī)范方面均有豐富經(jīng)驗

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

題圖來自Unsplash，基于CC0協(xié)議