一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

0 評(píng)論 3685 瀏覽 14 收藏 21 分鐘
🔗 产品经理的不可取代的价值是能够准确发现和满足用户需求,把需求转化为产品,并协调资源推动产品落地,创造商业价值。

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

一、前言

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

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

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

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

二、第一天

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

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

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

2. 需求溝通:通過現(xiàn)場(chǎng)+釘釘

(1)現(xiàn)場(chǎng)溝通

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

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

一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

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

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

(2)釘釘溝通

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

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

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

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

3. 用戶訪談:知己知彼

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

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

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

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

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

一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

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

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

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

工作臺(tái)界面功能清單包括:核心及高頻使用功能、二級(jí)重要功能、次要功能等。

三、第二天至第三天

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

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

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

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

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

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

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

測(cè)試平臺(tái)工作臺(tái)界面上的信息分為三部分:第一部分是個(gè)人日常工作信息,第二部分是團(tuán)隊(duì)日常工作信息,第三部分是全局性的低頻信息。

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

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

一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

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

我們?nèi)绾尾粩嗌钊胪瓿伞绊?xiàng)目數(shù)據(jù)總覽”的原型呢?

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

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

一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

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

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

一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

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

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

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

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

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

四、第三天

1. 視覺設(shè)計(jì):錦上添花

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

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

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

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

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

一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

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

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

一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

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

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

一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

(4)排序序號(hào)突出設(shè)計(jì)

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

一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

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

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

一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

2. 價(jià)值交付:善始善終

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

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

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

(1)開一個(gè)設(shè)計(jì)稿交付會(huì)

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

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

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

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

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

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

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

(5)對(duì)于頁面上使用到的圖標(biāo)、圖片,切出來給開發(fā),上傳到項(xiàng)目圖標(biāo)庫

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

(6)告訴客戶,我們隨時(shí)在,有需要隨時(shí)聯(lián)系我們

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

3. 寫在最后

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

一個(gè)沒有PRD的設(shè)計(jì)需求,三天內(nèi)如何完成!

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

設(shè)計(jì)師們,打破設(shè)計(jì)師身份,去做更多體現(xiàn)價(jià)值的事情吧!

小插曲

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

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

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

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

#專欄作家#

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

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!
专题
133438人已学习23篇文章
产品经理,除了会写竞品分析,还要会写产品分析。
专题
14569人已学习13篇文章
裂变是研究用户增长的重要一环。本专题的文章分享了如何做裂变活动。
专题
112874人已学习29篇文章
透过别人的项目总结,学习项目管理项目设计项目流程经验。
专题
15526人已学习13篇文章
本专题的文章分享了数据分析报告写作指南。
专题
12958人已学习11篇文章
需求评审会议对整个项目想影响至关重要,作为产品经理,应该如何完成需求评审呢?本专题的文章分享了如何高效完成需求评审。
专题
13428人已学习14篇文章
各种大模型和AI绘画的产品层出不穷,在各行业也在尝试进行应用。在这个阶段,AIGC能实现些什么?本专题的文章分享了AIGC的应用。