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