1. 設(shè)計(jì)師如何參與一個(gè)具體的項(xiàng)目

需求分析，了解需求，清楚我們要做一個(gè)什么樣的產(chǎn)品，目標(biāo)用戶是誰(shuí)，要達(dá)到什么效果，具體有什么內(nèi)容、功能…

然后我們開始進(jìn)行設(shè)計(jì)，在草圖上梳理信息架構(gòu)，設(shè)計(jì)任務(wù)流程，設(shè)計(jì)界面，確認(rèn)沒有問(wèn)題后再用專業(yè)的軟件工具把設(shè)計(jì)方案呈現(xiàn)出來(lái)。

經(jīng)過(guò)設(shè)計(jì)評(píng)審后，設(shè)計(jì)師要去跟進(jìn)后續(xù)的視覺、前端、開發(fā)、測(cè)試環(huán)節(jié)，確保最后的產(chǎn)出物和自己的設(shè)計(jì)方案一致。

2. 在項(xiàng)目中設(shè)計(jì)師容易遇到的問(wèn)題

團(tuán)隊(duì)成員的專業(yè)能力

外界因素的影響

團(tuán)隊(duì)凝聚力

3. 和產(chǎn)品經(jīng)理一起做需求分析

由于產(chǎn)品經(jīng)理背負(fù)各種產(chǎn)品績(jī)效指標(biāo)，壓力大，這種情況下難以避免的要站在商業(yè)/項(xiàng)目角度考慮問(wèn)題，很難再去心平氣和的考慮用戶的需求。這樣就難以做到商業(yè)價(jià)值與用戶需求的平衡。產(chǎn)品經(jīng)理應(yīng)該在初始階段和設(shè)計(jì)師一起合作，通過(guò)融合各自的專業(yè)方法，共同完成需求分析，這樣更好的平衡商業(yè)價(jià)值和用戶需求，同時(shí)也保證最好的產(chǎn)品產(chǎn)出不會(huì)過(guò)于偏離產(chǎn)品方向。

4.產(chǎn)品定位的內(nèi)容：

例：專為攝影初學(xué)者使用的簡(jiǎn)單易用的修圖軟件。

使用人群：攝影初學(xué)者

主要功能：修圖

產(chǎn)品特色：簡(jiǎn)單易用

產(chǎn)品定義的作用：迫使產(chǎn)品經(jīng)理努力去思考產(chǎn)品的方向和機(jī)會(huì)，在激烈的競(jìng)爭(zhēng)中殺出一條血路；其次產(chǎn)品定義為產(chǎn)品限定了大致范圍，讓團(tuán)隊(duì)成員不至于在千頭萬(wàn)緒中感到無(wú)從下手、難以取舍；最后產(chǎn)品定義使團(tuán)隊(duì)成員的凝聚力更強(qiáng)、思想更統(tǒng)一，而不是各自為政。

5.需求文檔應(yīng)該包含什么內(nèi)容：

文檔修改與審核記錄。

背景描述：為什么要做這個(gè)產(chǎn)品＼模塊、市場(chǎng)行情、業(yè)務(wù)目標(biāo)、產(chǎn)品定位等。

用戶類型特征：簡(jiǎn)單的描述目標(biāo)用戶情況或現(xiàn)在使用人群的情況。

項(xiàng)目時(shí)間安排：何時(shí)啟動(dòng)，何時(shí)完成等。

信息結(jié)構(gòu)：這里可簡(jiǎn)單理解為內(nèi)容或頁(yè)面的層級(jí)。

整體業(yè)務(wù)流程說(shuō)明：對(duì)于涉及較多的產(chǎn)品＼功能，需要業(yè)務(wù)流程圖，幫助設(shè)計(jì)師和項(xiàng)目成員理解具體的業(yè)務(wù)邏輯。

需求詳細(xì)說(shuō)明：每一條需求的詳細(xì)說(shuō)明。一個(gè)文檔里會(huì)有若干條這樣的說(shuō)明。

6.如何搞定信息分類：

邏輯歸類：人們生活中熟悉的分類邏輯對(duì)內(nèi)容進(jìn)行組織。（例如：衣服的男裝女裝。或者是幼兒學(xué)習(xí)課程按照年齡分類）

7.好的導(dǎo)航設(shè)計(jì)：

導(dǎo)航的自我解釋。

iPhone的官網(wǎng)導(dǎo)航，左上方的網(wǎng)站logo告訴用戶正在訪問(wèn)iPhone家的服務(wù)，無(wú)論什么時(shí)候點(diǎn)這里都能回到首頁(yè)，右邊的mac字體成淺灰色顯示，與其他同級(jí)元素有差別，下方icon形象顯示mac的產(chǎn)品，告訴用戶整個(gè)頁(yè)面信息都是屬于這個(gè)分類下，banner右下方顯示新款按鈕。清楚的解釋了“我從哪里來(lái)？”、“我現(xiàn)在在哪里？”、“我能去哪里？”

深廣度平衡。

相較于鼠標(biāo)不停的點(diǎn)擊，眼睛在頁(yè)面上掃視的成本要低很多，比起深層次的導(dǎo)航結(jié)構(gòu)，廣度導(dǎo)航更利于用戶發(fā)現(xiàn)信息。但廣度超出用戶接受范圍人們要閱讀很多選項(xiàng)才能選擇，如vivo家的導(dǎo)航廣度平衡，但哇點(diǎn)的就有些多。

用戶所需信息與商業(yè)推廣信息平衡。

智聯(lián)的推廣信息就特別多了 用戶有時(shí)候都在網(wǎng)站上找不到輸入框。

為重要功能和常用功能設(shè)置快捷入口。

淘寶的購(gòu)物車設(shè)置的快捷入口。

8.如何突出主要任務(wù)？

分解用戶任務(wù)：首先要明確用戶使用web產(chǎn)品時(shí)，要完成的任務(wù)有哪些，并詳盡地分解出這些任務(wù)；

排列任務(wù)優(yōu)先級(jí)：子任務(wù)所對(duì)應(yīng)功能的優(yōu)先級(jí)進(jìn)行排列。

組織合并相關(guān)任務(wù)：需要將這些任務(wù)按一定的意義組織起來(lái)，便于用戶理解和使用。

圖一購(gòu)票任務(wù)分解：選影片、電影院、觀影時(shí)間、座位、輸入手機(jī)號(hào)、確認(rèn)訂單。

圖二任務(wù)優(yōu)先級(jí)：瀏覽影片詳情、評(píng)論詳情，觀看地預(yù)告片優(yōu)先級(jí)最低

圖三組織任務(wù)：將內(nèi)容組織后得到8個(gè)視圖界面：瀏覽影片列表、票房排行，優(yōu)惠推薦、影片簡(jiǎn)介，詳情、觀看預(yù)告片、選區(qū)域，影院，日期，場(chǎng)次、選座、輸入手機(jī)號(hào)、確認(rèn)購(gòu)票。我們圖五可按優(yōu)先級(jí)分成三個(gè)頁(yè)面，列表頁(yè)、詳情頁(yè)、選座頁(yè)。

9.如何引導(dǎo)用戶完成任務(wù)：

相似性引導(dǎo)：如果大小，顏色，形態(tài)，視覺元素等因素相似，那么這些相似的因素可以牽引著用戶的視覺。?

方向性引導(dǎo)：對(duì)于操作步驟較多的任務(wù)，可以利用具有指向性的箭頭，進(jìn)行方向性引導(dǎo)。

運(yùn)動(dòng)元素引導(dǎo)。加入購(gòu)物袋利用運(yùn)動(dòng)元素引導(dǎo)用戶去購(gòu)物車結(jié)算，垃圾桶蓋揭起引導(dǎo)用戶點(diǎn)擊刪除。

向?qū)Э丶?/p>

10.如何簡(jiǎn)化復(fù)雜的操作？

減少冗余步驟和干擾項(xiàng)。

將復(fù)雜操作轉(zhuǎn)移給系統(tǒng)。

簡(jiǎn)化操作方式。

優(yōu)化操作過(guò)程。

鬧鐘的設(shè)置，直接在界面上上下滑動(dòng)選擇，減少跳轉(zhuǎn)頁(yè)面與輸入步驟? 界面大量留白 減少干擾項(xiàng)。

qq郵箱的郵箱號(hào)可在輸入一次后自動(dòng)存儲(chǔ)。將復(fù)雜的操作轉(zhuǎn)移給系統(tǒng)處理。

Pages的內(nèi)容選擇后可右鍵彈出用百度搜索，不用再?gòu)?fù)制粘貼打開瀏覽器，簡(jiǎn)化操作方式。

百度的注冊(cè)，清晰準(zhǔn)確的提醒、合適的選項(xiàng)、適時(shí)的幫助、合理的默認(rèn)值，可幫助用戶降低出錯(cuò)率。

11.信息量太大，頁(yè)面怎么擺？

讓頁(yè)面層次不言而喻；（分解－排列－組織）

讓重點(diǎn)信息跳出來(lái)；

將次要信息藏起來(lái)；

網(wǎng)易的模塊與模塊，段落與段落，標(biāo)題與正文之間劃分高度，使整個(gè)頁(yè)面之間層更架清晰，合理。

qq的郵箱界而，對(duì)用戶來(lái)說(shuō)，未讀郵件是需要被首先看到的，所以字體加粗顯示，而己讀的弱化顯示，采用了較弱的黑灰色。

ui中國(guó)將次要信息放在更多的下拉列表隱藏起來(lái)。減少了復(fù)雜信息對(duì)用戶的干擾。

12.捕獲用戶的芳心：

擬物化的視覺；

隱喻化操作；

可控的感受；

積極的反饋；

貼心的提醒；

互動(dòng)的樂趣；

驚喜的力量；

情境的烘托。

13.標(biāo)準(zhǔn)原型應(yīng)該包含什么內(nèi)容：

簡(jiǎn)要說(shuō)明與信息結(jié)構(gòu)；

任務(wù)流程與頁(yè)面流程；

線框圖&交互說(shuō)明；?

交互說(shuō)明有以下幾種類型：

?限制：包含范圍值、極限值等。范圍值主要指數(shù)據(jù)的取值范圍。極限值主要指數(shù)據(jù)的顯示限制。

? 狀態(tài)：包含默認(rèn)狀態(tài)、常見狀態(tài)、特殊狀態(tài)等；

? 操作：包含常見操作、特殊操作、誤操作、手勢(shì)操作等；

? 反饋：用戶操作后得到的反饋動(dòng)作，包含提示、跳轉(zhuǎn)、動(dòng)畫等。

14.線框圖繪制心得：

通過(guò)明暗對(duì)比表達(dá)；

不使用截圖和顏色；

合理的布局；

遵守柵格規(guī)范；

標(biāo)記第一屏高度；

表達(dá)清楚ui邏輯；

考慮視覺實(shí)現(xiàn)后的效果；

了解視覺趨勢(shì)。

15.寫交互說(shuō)明的決竅：

盡量使用真實(shí)、符合邏輯的數(shù)據(jù)內(nèi)容；

不遺漏特殊狀態(tài)的描述；

避免過(guò)長(zhǎng)的說(shuō)明；

關(guān)于重復(fù)出現(xiàn)的模塊，可獨(dú)立出來(lái)取個(gè)名字。

如原型有修改不要口頭溝通，而要更新交互說(shuō)明并告知大家。

16.關(guān)于設(shè)計(jì)規(guī)范。（規(guī)范不是隨產(chǎn)品的形成而形成的，而是在產(chǎn)品逐漸成熟、發(fā)展的過(guò)程中慢慢建立起來(lái)的。）

?設(shè)計(jì)規(guī)范是對(duì)設(shè)計(jì)的具體細(xì)節(jié)、技術(shù)要求，是設(shè)計(jì)工作的規(guī)則和界限，是一種模板化應(yīng)用的方法……（包含交互規(guī)范、色彩規(guī)范、logo規(guī)范、ui圖標(biāo)規(guī)范、控件規(guī)范……）

17.設(shè)計(jì)評(píng)審的目的：

檢驗(yàn)?zāi)繕?biāo) ：在項(xiàng)目初期的需求分析階段，產(chǎn)品人員和設(shè)計(jì)人員就已經(jīng)一起分析出了產(chǎn)品定位或設(shè)計(jì)目標(biāo)。

發(fā)現(xiàn)問(wèn)題：設(shè)計(jì)評(píng)審集中了項(xiàng)目且中的各個(gè)角色，可以及時(shí)發(fā)現(xiàn)問(wèn)題與風(fēng)險(xiǎn)。

達(dá)成共識(shí)：設(shè)設(shè)評(píng)審需要讓項(xiàng)目成員達(dá)成共識(shí)，這樣才能順利進(jìn)入下一個(gè)環(huán)節(jié)，為下一個(gè)流程分配任務(wù)。

18.評(píng)審前的充足準(zhǔn)備：

事先考慮所有可能的方案。

準(zhǔn)備各種設(shè)計(jì)依據(jù)。（用戶調(diào)研結(jié)果、支撐數(shù)據(jù)、競(jìng)品分析、設(shè)計(jì)實(shí)施前制定的目標(biāo)）

做好會(huì)議邀請(qǐng)工作。（真正開始會(huì)議前，要晝保證設(shè)計(jì)方案已經(jīng)通過(guò)產(chǎn)品經(jīng)理及最主要的項(xiàng)目成員認(rèn)可，至少要保證大方向是對(duì)的。正式的邀請(qǐng)郵件。告知會(huì)議時(shí)間、地點(diǎn)、陳述自己設(shè)計(jì)理念、參考哪些數(shù)據(jù)資料、設(shè)定每個(gè)環(huán)節(jié)時(shí)間。）

19.如何審核視覺稿？

對(duì)交互稿理解是否正確；

拒絕毫無(wú)發(fā)揮的視覺設(shè)計(jì)；

關(guān)注視覺層次是否清晰；

關(guān)注交互細(xì)節(jié)和狀態(tài)標(biāo)；

在審美方面不要過(guò)分干涉。

20.開發(fā)階段，設(shè)計(jì)師該做些什么？

勤于溝通；（設(shè)計(jì)階段，了解是否會(huì)有技術(shù)難點(diǎn)，設(shè)計(jì)完成后，當(dāng)面溝通設(shè)計(jì)要點(diǎn)，開發(fā)階段，持續(xù)跟進(jìn)、解答問(wèn)題。）

統(tǒng)一的規(guī)范和標(biāo)準(zhǔn)；（進(jìn)行標(biāo)和規(guī)范整理，與前端彩用相同規(guī)范和標(biāo)準(zhǔn)，如行高是文字高度＋上下空隙高度。）

設(shè)計(jì)走查；（在前端和后臺(tái)開發(fā)完成后，確認(rèn)環(huán)節(jié)是必不可少的，不經(jīng)過(guò)確認(rèn)和走查就上線的產(chǎn)品，可能會(huì)在細(xì)節(jié)上存在疏漏）

21.什么是可用性測(cè)試？（定性分析）

簡(jiǎn)單地說(shuō)，就是通過(guò)觀察用戶使用產(chǎn)品，發(fā)現(xiàn)產(chǎn)品中存在的問(wèn)題的一種方法。

可用性測(cè)試流程：設(shè)計(jì)任務(wù)——招募用戶——進(jìn)行測(cè)試——分析問(wèn)題

設(shè)計(jì)測(cè)試任務(wù)該注意什么？

給出使用目標(biāo)，而不是直接操作；

盡量選擇最重要、最頻繁的任務(wù)進(jìn)行測(cè)試；（時(shí)間控制在1小時(shí)內(nèi)，5～8個(gè)功能點(diǎn)，簡(jiǎn)易可用性測(cè)試時(shí)間更短）

符合正常的操作流程。

測(cè)試用戶的選擇：

選擇有代表性的用戶；

用戶數(shù)量的選擇；（有調(diào)查表明，5名左右用戶可以發(fā)現(xiàn)大約85%問(wèn)題，隨著用戶數(shù)量增多，發(fā)現(xiàn)新問(wèn)題會(huì)逐漸減少。小功能3～5名用戶，新產(chǎn)品、較大、重要功能5～10名用戶。）

測(cè)試過(guò)程中的注意事項(xiàng)：

切忌引導(dǎo)性過(guò)強(qiáng)；

操作行為永遠(yuǎn)是重點(diǎn)；

不要忽視現(xiàn)場(chǎng)反映；

考慮使用場(chǎng)景；

感謝被測(cè)者，并給予一定報(bào)酬。

問(wèn)題的分析與改進(jìn)：

可用性測(cè)試（定性分析）：樣本量小，結(jié)果未必完全可靠，但可以了解到用戶想法。

A/B測(cè)試（定量分析）：樣本量大，結(jié)果較為客觀，但很難直接通過(guò)數(shù)據(jù)了解到背后原因。

22.設(shè)定衡量標(biāo)準(zhǔn)：根據(jù)產(chǎn)品靈活考慮，一般由產(chǎn)品經(jīng)理根據(jù)產(chǎn)品要求確定，從產(chǎn)品目標(biāo)角度出發(fā)，將PV、UV、點(diǎn)擊量、轉(zhuǎn)化率、跳出率、二次返回率等。電子商務(wù)類網(wǎng)站，也可以考慮下單數(shù)、支付數(shù)、支付金額等。