互聯網產品設計主要是指通過用戶的研究和分析，設計出一套完整的服務體系和價值體系的過程。設計也分為不同的方向。網絡產品的設計過程分為多個階段，每個階段都是一個不同的設計活動。我們一起來看看。

 

一、什么是設計

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關注品牌和風格。

 

在不同的環節中，兩者關注的焦點不同，但最終的目標是一致的，即為用戶創造優秀的產品；從用戶接觸產品的那一刻起，他們就始終專注于為產品本身提供服務和體驗。

 

 

轉載聲明：本文來源于網絡，不作任何商業用途