我嘗試從產(chǎn)品設(shè)計(jì)的角度回答這個(gè)問(wèn)題，以下正文： 「設(shè)計(jì)」這個(gè)詞在外行人看來(lái)似乎只是UI設(shè)計(jì)師的事情，和項(xiàng)目組中的其他人沒(méi)有太大關(guān)系。其實(shí)在一個(gè)項(xiàng)目的完整設(shè)計(jì)中，除了界面設(shè)計(jì)外還需要進(jìn)行原型設(shè)計(jì)、體驗(yàn)設(shè)計(jì)，原型設(shè)計(jì)之前需要對(duì)項(xiàng)目需求有一個(gè)充分的了解，所以必不可少的是需要對(duì)需求進(jìn)行整理和分析。 在項(xiàng)目開(kāi)發(fā)過(guò)程中，項(xiàng)目組相關(guān)人員需要跟進(jìn)整個(gè)項(xiàng)目，直至項(xiàng)目成功上線。現(xiàn)在我嘗試站在一個(gè)產(chǎn)品的角度來(lái)說(shuō)一說(shuō)我對(duì)設(shè)計(jì)一款手機(jī)App的理解。 如上所說(shuō)，一款手機(jī)App的設(shè)計(jì)包含需求分析、原型設(shè)計(jì)、體驗(yàn)設(shè)計(jì)、UI設(shè)計(jì)、項(xiàng)目跟進(jìn)等步驟，現(xiàn)在我從每一個(gè)步驟入手逐一講解一款手機(jī)App是如何從無(wú)到有的。 一、 需求分析 需求分析是產(chǎn)品設(shè)計(jì)中不可或缺的技能之一，充分了解需求的產(chǎn)生背景、應(yīng)用場(chǎng)景、目標(biāo)群體是產(chǎn)品設(shè)計(jì)過(guò)程中非常必要的，可以說(shuō)所有產(chǎn)品設(shè)計(jì)工作都是圍繞著需求進(jìn)行的。 需求主要分為兩大類(lèi)：業(yè)務(wù)需求和用戶需求。業(yè)務(wù)需求主要是圍繞產(chǎn)品的業(yè)務(wù)線進(jìn)行的，一般來(lái)源于老板、市場(chǎng)分析、業(yè)務(wù)拓展等；用戶需求主要是圍繞用戶體驗(yàn)和解決用戶實(shí)際問(wèn)題進(jìn)行的，可通過(guò)精品分析、用戶調(diào)研等方式獲取。 需求的目的不同，在設(shè)計(jì)上也會(huì)有一定的差異。 業(yè)務(wù)需求目的是增強(qiáng)業(yè)務(wù)，表現(xiàn)形式在于增強(qiáng)用戶使用/消費(fèi)欲望和提高用戶轉(zhuǎn)化率，具有一定的引導(dǎo)性，在設(shè)計(jì)上一般較為突出。以市場(chǎng)上的一些項(xiàng)目為例，他們業(yè)務(wù)的設(shè)計(jì)上使用較為明顯的顏色和表現(xiàn)形式。 
圖：微博會(huì)員標(biāo)識(shí)采用顯眼的橙色 研習(xí)社續(xù)費(fèi)功能突出 貓眼會(huì)員商城上線時(shí)的new標(biāo)識(shí) 用戶需求的目的是解決用戶實(shí)際問(wèn)題，在操作流程上盡可能簡(jiǎn)潔，減少不必要的操作步驟，表現(xiàn)形式上不必要太過(guò)突出，在引導(dǎo)/用戶常用操作上只需要適當(dāng)增加層級(jí)即可。 微信在用戶需求上設(shè)計(jì)體現(xiàn)的淋漓盡致，以它的進(jìn)入聊天窗口為例，在設(shè)計(jì)上成功避免了讓用戶思考和操作繁瑣的問(wèn)題，用戶在操作過(guò)程中每一個(gè)步驟都被認(rèn)為是理所當(dāng)然的。 
正確：頁(yè)面充分利用，節(jié)省系統(tǒng)資源，優(yōu)化用戶體驗(yàn)  錯(cuò)誤：頁(yè)面冗余，浪費(fèi)系統(tǒng)資源，用戶體驗(yàn)差
對(duì)于互聯(lián)網(wǎng)技術(shù)服務(wù)公司來(lái)而言，需求分析一般由商務(wù)童鞋去完成，產(chǎn)品設(shè)計(jì)師拿到的是一份完整的需求文檔，像這樣 
看來(lái)商務(wù)童鞋已經(jīng)將大部分的工作都已經(jīng)做好了，產(chǎn)品設(shè)計(jì)師是否可以直接上手設(shè)計(jì)了呢，顯然這樣是不明智的，聰明的產(chǎn)品設(shè)計(jì)師并不會(huì)這樣做。商務(wù)童鞋是站在整體上進(jìn)行需求整理。 需求文檔上并沒(méi)有針對(duì)業(yè)務(wù)需求和用戶需求進(jìn)行明顯的劃分，那么產(chǎn)品設(shè)計(jì)師的第一步工作是對(duì)需求進(jìn)行二次整理分析，細(xì)分出真正的業(yè)務(wù)需求和用戶需求，為了保護(hù)公司項(xiàng)目，暫以微博App為例，進(jìn)行業(yè)務(wù)需求和功能需求整理。 二、原型設(shè)計(jì) 完成了需求分析后，是時(shí)候動(dòng)手原型設(shè)計(jì)了。原型設(shè)計(jì)的表現(xiàn)形式有很多，如：手繪草圖、原型工具設(shè)計(jì)、作圖工具設(shè)計(jì)等。 手繪草圖和作圖工具設(shè)計(jì)兩種方式是沒(méi)有任何交互效果，一般是在兩個(gè)頁(yè)面之間繪制關(guān)聯(lián)曲線，并附加文字描述，這樣有一些明顯的缺陷：表現(xiàn)不直觀、文字描述有歧義等；其優(yōu)點(diǎn)也是很明顯：思維散發(fā)不受限制。 我更傾向于使用原型工具設(shè)計(jì)原型圖，它最大的好處是具備交互功能，在設(shè)計(jì)原型完成后，可以直接預(yù)覽和進(jìn)行交互，相當(dāng)于在原型設(shè)計(jì)的時(shí)候?qū)⒔换ピO(shè)計(jì)也一并完成了。 原型工具同樣具備優(yōu)點(diǎn)和缺點(diǎn)，一個(gè)很明顯的優(yōu)點(diǎn)如前面所講具備交互性，讓原型展示更加直觀；缺點(diǎn)是基于原型工具的操作復(fù)雜度和功能限制，對(duì)設(shè)計(jì)思維有一定的限制（現(xiàn)在軟件的易用性和完整性逐漸彌補(bǔ)了這方面的不足）。此處附上一張?jiān)驮O(shè)計(jì)效果圖（使用工具：Justinmind） 
原型設(shè)計(jì)是基于需求分析的，在頁(yè)面布局上需要充分考慮需求的性質(zhì)和展示形式。如表現(xiàn)業(yè)務(wù)需求時(shí)需要基于業(yè)務(wù)考慮，在布局上需要將入口設(shè)置的明顯一些，但同時(shí)需要考慮設(shè)計(jì)是否引起用戶的反感 
圖：業(yè)務(wù)需求入口不明顯，用戶點(diǎn)擊率低
圖：在必然步驟上，有效提高業(yè)務(wù)需求使用率
三、UI設(shè)計(jì) 如果說(shuō)原型設(shè)計(jì)是頁(yè)面布局設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)，那么UI（User Interface）設(shè)計(jì)是視覺(jué)化處理和有效信息傳達(dá)的最后一步。 UI設(shè)計(jì)并不是簡(jiǎn)單地給原型圖上色，而是結(jié)合產(chǎn)品功能、使用人群、操作心理等對(duì)原型圖進(jìn)行高保真設(shè)計(jì)。 顏色是設(shè)計(jì)師給用戶傳遞信息的第一步，日常生活中人們被很多色彩影響到自己的心理和行為，不同的色調(diào)能喚起人們不一樣情感，如紅色象征的激情、權(quán)威、自信，同時(shí)也是預(yù)警/警告的色調(diào)； 再如冷色調(diào)讓人感覺(jué)更加安全。QQ是一款陌生人社交軟件，它在主色調(diào)上使用了淺藍(lán)色，淺藍(lán)色預(yù)示著安全，雖然QQ處處充斥著陌生人，但人們總有一種QQ有能力維護(hù)自己安全的感覺(jué)。 顏色的使用需要考慮到產(chǎn)品的品牌色和心理效應(yīng)色的有效結(jié)合，App主色調(diào)一般偏向于使用品牌色（品牌色也是經(jīng)過(guò)專業(yè)的考慮進(jìn)行設(shè)計(jì)的），這樣做的好處是給用戶一種色調(diào)統(tǒng)一的感覺(jué)，同時(shí)也更容易培養(yǎng)用戶對(duì)品牌的識(shí)別。 如看到淺藍(lán)色可能第一時(shí)間想到QQ、餓了么等，看到紅色可能第一時(shí)間想到貓眼電影、網(wǎng)易云音樂(lè)等。  圖：所有手機(jī)App主色調(diào)的使用都有視覺(jué)感受上的充分考慮，如激情、可愛(ài)、安全等等。
UI設(shè)計(jì)需要抓住用戶的操作心理，在布局和流程上需要有嚴(yán)謹(jǐn)?shù)乃伎�，有效減少用戶的學(xué)習(xí)成本，避免讓用戶花時(shí)間思考下一步該做什么。一些特殊的入口或引導(dǎo)處理，增強(qiáng)用戶的欲望或行為可以有效提高用戶的使用率。
四、開(kāi)發(fā)跟進(jìn)
在需求整理、分析、原型設(shè)計(jì)和UI設(shè)計(jì)后，設(shè)計(jì)師似乎已經(jīng)完成了項(xiàng)目的所有能做的工作，是時(shí)候該休息一下轉(zhuǎn)戰(zhàn)下一個(gè)項(xiàng)目了？！ 其實(shí)實(shí)際并不是這樣的，在UI設(shè)計(jì)完成階段，設(shè)計(jì)師還需要跟進(jìn)開(kāi)發(fā)人員的工作。在開(kāi)發(fā)初期設(shè)計(jì)師需要將項(xiàng)目的所有設(shè)計(jì)資料分發(fā)到每個(gè)開(kāi)發(fā)工程師手上，為他們講解部分布局和用戶體驗(yàn)需求，讓項(xiàng)目團(tuán)隊(duì)中的每個(gè)人充分理解這個(gè)項(xiàng)目，這樣才能在更大的程度上避免溝通誤差。 若是UI設(shè)計(jì)師，需要將UI設(shè)計(jì)圖的布局規(guī)格、顏色、字體、圖片比例等數(shù)據(jù)標(biāo)注，并將UI圖中的圖標(biāo)裁切出來(lái)提供開(kāi)發(fā)人員開(kāi)發(fā)使用。一旦需求變動(dòng)設(shè)計(jì)師還需要全程跟進(jìn)，直到項(xiàng)目完成并上線。
五、總結(jié)
上述項(xiàng)目設(shè)計(jì)內(nèi)容包含需求分析、原型設(shè)計(jì)、UI設(shè)計(jì)、開(kāi)發(fā)跟進(jìn)四個(gè)環(huán)節(jié)，但并不是由一個(gè)人來(lái)完成所有工作，對(duì)于一個(gè)小而美的團(tuán)隊(duì)來(lái)說(shuō)，產(chǎn)品經(jīng)理會(huì)負(fù)責(zé)需求分析、原型設(shè)計(jì)、體驗(yàn)設(shè)計(jì)三個(gè)環(huán)節(jié)。 而UI設(shè)計(jì)環(huán)節(jié)則由UI設(shè)計(jì)師完成，產(chǎn)品經(jīng)理跟進(jìn)。在一個(gè)完整的產(chǎn)品設(shè)計(jì)中，功能需求文檔、設(shè)計(jì)產(chǎn)出文檔和資料是溝通的重要橋梁，掌握其中的技巧很有必要。
|
