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