編輯導語：互聯網產品設計主要指通過用戶研究和分析進行的整套服務體系和價值體系的設計過程，設計也分不同的方向，互聯網產品在設計過程中分成多個階段，每個階段是不同的設計活動；本文作者方向了設計的幾個方面，我們一起來看一下。

一、什么是設計

1. 設計定義

設計，是一種有目標與計劃，同時結合技術的創作與創新活動；不只為生活和商業服務，同時也伴有人文性。

根據設計師Victor Papanek的定義——設計是為構建有意義的秩序而有意識付出的努力。

設計活動不僅需要理解對象的期望與訴求，同時也需理解業務、技術和市場及環境限制；針對目標和賽道通過嚴密的規劃，使得內容、形式、行為能在市場中帶來更多價值。

2. 設計發展

從18世紀工業革命到19世紀的電氣化，再到第20世紀末的信息發展，設計一直以不同的風貌展現。

在工藝美術運動時期追求浪漫的設計思想，而包豪斯時代講究功能主義，現今在互聯網浪潮下，設計關注用戶的每一次感官體驗；而今“互聯網產品設計”成為當下時代的寵兒，設計從執行工具、協作方式、承載媒介都發生革命性變化。

設計無論如何發展，但始終離不開商業、技術和用戶。

二、互聯網產品設計

1. 設計流程

一般來說互聯網產品的實現主要分為5個階段，以職能劃分為：產品、交互、UI、開發、測試。

產品提出需求，交互搭建架構，UI定義風格系統，開發負責實現與落地，完成功能測試后投產上線，而設計（交互/UI）處在產品流程的中間環節。

2. 交互與UI的關系

UI是交互的外現，交互是UI的內撐，就如皮膚和骨架的關系，交互的結構布局決定了UI思考方向；在常見的產品設計配合中一定是先有交互，后有UI。

• 交互的價值在于: 從業務需求梳理信息結構，從產品場景搭建用戶操作流程，為產品的可用性、易用性負責。
• 而UI的價值在于：圍繞產品定位塑造風格與形象，為產品、用戶創建情感連接，從而更好的實現業務轉化與增長

三、什么是交互設計

1. 交互的定義

交互設計是指人與產品、系統或服務之間創建的一系列對話。交互設計師可以被稱為是行為的塑造者。

形成完整的對話機制，用戶之間相互發言并做出回應，如此往復形成習慣；這樣人與產品的溝通就會變得更深切、自然有默契，讓產品逐漸成為生活的一部分。

交互設計最終目的是從以人為本的角度思考產品“可用性”和“體驗性”，讓產品與人之間形成一種微妙、持久、直覺的對話關系

2. 工作流程

交互設計處在介于產品和視覺之間，主要工作就是對接產品和業務，幫助其梳理業務流程、搭建結構、建立一套完整的互動與操作機制；同時為UI設計師提供原型框架圖，為產品設計的可行性提供思考方案。

3. 設計工具

交互設計是思考型和表達型的工作，最為常用的三個工具：思維導圖、Axure、溝通；思維導圖搭建產品架構，Axure負責輸出原型和產品流程圖，而溝通是將產品的設計思想有效傳達出來。

4. 設計方法

科學的設計方法才能更好的推進項目；經過近幾年的產品沉淀，筆者也總結出了自己的設計方法；“用戶畫像”是通過提取產品目標群體的年齡、習慣、性格、職業等背景信息，洞察并分析得出“用戶特征模型”，為產品策略提供準確的設計依據。

在產品不同的迭代期通過“體驗地圖”可深度的分析產品流程，以行為、情緒、痛點等指標進行量化記錄，并判斷出的產品潛在的問題；而“可用性測試”則是通過制定目標任務的方式，通過觀察記錄任務執行者在操作過程中的反饋、狀態、疑惑等問題，將其進行歸納分類、分級，從而提出針對性的優化方案。

5. 交互產出

交互設計師的主要產出物即是交互原型文檔。在原型圖中提供詳細的頁面之間關系標注、規則排序、特殊情況說明等，便于UI設計師理解；一份完整的交互文檔還需輸出用戶流程圖和設計規范，便于同事之間的協作和版本之間的管理。

四、什么是UI設計

1. UI的定義

UI設計是指軟件人機交互、操作邏輯、界面美觀的整體設計；好的UI設計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現軟件的定位和特點。

從產品定位中挖掘視覺風格，對界面元素（按鈕、控件、字體、圖標等）的屬性進行標準化和規范化，完善設計細節輸出高保真圖與風格指南。

2. 工作流程

UI設計介于交互與開發之間，上游要理解和評估交互原型，下游要懂得開發原理和方式。

UI設計開始之前，需通過原型評審內化需求、了解功能，對項目進行工作復雜度、工作量、風險性等進行評估；在多方確認無誤之后才可進入設計排期；完成UI設計交互需提前驗收，并發給開發編碼，在測試階段通過走查環節為上線質量保駕護航。

3. 設計工具

界面設計主流的工具就是用sketch，針對界面而生，全矢量化、繪圖能力強同時還有強大的插件庫。

PS是在處理運營需求時比較常見，如banner、活動主題及圖片；Ai也是在插畫表現上從誕生至今一直是UI設計師的摯愛，如引導頁、空白頁、升級框等。

同樣而言，溝通能力也是UI設計的必備技能，往往優秀的設計師都是一個表達思想的達人，UI設計中的難題基本是通過溝通最終而有效解決。

4. UI方法

有效的UI設計方法可以讓的工作事半功倍，“頭腦風暴”可以窮盡集體智慧挖掘產品的核心關鍵詞，碰撞出有價值的設計思想，為產品快速找到定位。

通過“情緒版法則”將產品帶給用戶的情緒因素，通過一系列圖片進行可視覺化表達，有效的推演出風格和方向, 同時具化產品的配色方案。

而“競品分析”可以通過了解直接競品、間接競品洞察市場，從而調整設計策略，避開同行產品的同質化；使產品可以從風格、品牌、體驗上有效與競爭者拉開差異。

5. UI產出物

UI設計師的核心產出是視覺效果圖，它決定用戶對產品第一印象。

在項目執行中開發前，需交付前端產品開發包（內含:標注、切圖、UI圖），在測試環節還需跟進走查，輸出問題文檔，并推進視覺原。

在產品的不同周期，需建立UI設計規范，便于整個產品UI體系化迭代與高效協作。

五、未來趨勢

1. 體驗設計

隨著互聯網設計行業的日漸成熟，設計師并不僅僅解決產品的單線問題。

交互和UI是設計的縱深細分，而未來設計需突破職業瓶頸，打通崗位之間的壁壘是不二之選，“用戶體驗設計”成為未來的發展方向。

既可以從產品角度討論業務戰略，也可以從設計角度思考美學，還能從開發角度評估需求的可實現性，是能夠解決極其復雜問題的復合型職位。

六、結語

設計的目的最終是解決問題，交互偏重業務與功能，UI偏重品牌與風格。

在不同的環節兩者關注焦點不一樣，但最終目的相同，都是為用戶打造優良的產品；從用戶接觸產品那刻起，他（她）們關注的永遠都是產品本身提供服務與體驗。

作者：WOWdesign，研究設計價值最大化，涉及用戶體驗、品牌體驗、空間體驗。

本文由 @agoodesign 原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自Unsplash，基于 CC0 協議