2022-3-4 高勁
先放一張圖：視覺設計師如何與交互設計師對接
產品是指能夠供給市場，被人使用和消費。
產品就是一系列滿足人們某種需求的功能和組合。
基于互聯網存在的，滿足人們某種需求的功能的組合，叫互聯網產品
產品的好壞取決于他被需要的程度以及它能滿足用戶需求的程度 。
項目分析、需求分析、競品分析，定義產品，視覺設計，技術實現。
Pm：立項，提出需求，選擇競品，功能設計，組織評審、跟視覺設計師溝通，跟前端、后臺溝通
交互設計（工作職責）：
視覺層：用戶研究、五大層、配合pm出交互設計方案、方案微調、溝通。
提交內容: 市場分析文檔、用戶研究文檔、競品分析文檔、頭腦風暴。
產品產出的過程：
交互設計是指，設計和定義使用者如何使用一款產品達到其目標，完成某一項任務的過程。
交互設計的目標可以從“可用性”和“用戶體驗”兩個層面上進行分析，關注以人為本的用戶需求。
軟件：
Axure RP
Xmind
交互流程：
市場分析
用戶調研
競品分析
功能結構圖
信息框架圖
業務流程圖
紙原型
低保真原型
頁面交互說明
靜態頁面流圖
交互說明文檔
市場分析，是指為了提高產品的銷售決策質量、解決存在于產品銷售中的問題或組織根據特定的決策問題運用科學的方法有目的的收集、統計資料及報告調研結果的工作過程。
1.提供作為決策基礎的信息
2.彌補信息不足
3.了解外部信息
4.了解市場環境變化
5.了解新的市場環境
根據客戶特征、場景、需求、行為等因素確定維度，把大的整體市場從客戶角度細分成若干小市場，市場細分是產品定位和需求調研的基礎。
細分的市場應該有如下特征，否則便是無效市場
(1) 可衡量性（2）可進入性（3）可盈利性（4）差異性（5）穩定性
細分市場決定了客戶和競爭對手是誰，最佳的細分階段是進入藍海市場。
確定多個細節市場后，就需要在這些細分市場中選出企業要進入的目標市場
市場定位
確定了目標市場后，就需要給市場定位了。市場定位即產品定位。
SWOT分析包括：分析企業的優勢（strength）、劣勢（weakness）、機會（opportunity）和威脅（threats）。
因此，swot分析實際上是將對企業內外部條件各方面內容進行綜合和概括，進而分析組織的優劣勢、面臨的機會和威脅的一種方法。
是指宏觀環境的分析，p是政治（politics），e是經濟（economy），s是社會（society），t是技術（technology）。政治、經濟、社會和技術四個因素并不是彼此獨立的，而是相互關聯和相互影響的。
Pest分析法也常用于預測行業優勢。
基本競爭戰略分析
基本競爭戰略有三種：成本領先戰略、差異化戰略、集中化戰略。
價值鏈分析方法視企業為一系列的輸入、轉換與輸出的活動序列集合，每個活動都有可能相對于最終產品產生增值行為，從而增強企業的競爭地位。
分析內容：
1.歷史（市場發展的歷史，包括起步時間，發展階段總結，多元化發展）
2.現狀（經濟規模，所處階段，品牌格局，用戶基數，當前焦點問題等）用方法
3.趨勢（行業規律，經濟增長趨勢，未來階段，行業有可能的突破點）
4.總結報告 行業有可發展性 市場細分 針對人群
5.產品定位
分析要領：
1.數據有跡可查。每條數據（圖表）都需要表明數據來源。
2.數據保持最新。使用的數據發布時間需要標明，調查的時間段保持最近。
3.合理總結規模和趨勢。調查到的數據是有關聯性的，從多條數據中找到合理總結。
做產品設計時，我們經常憑借自己的經驗來判斷用戶的需求。對于產品經理或交互設計師來說，聰明的頭腦不一定帶來正確的判斷。
在設計一款產品時，踏踏實實的對目標用戶進行適當的了解和研究，一定會有所收獲。
用戶研究適用于各個階段
什么是用研
設計師需要始終保持一顆同理心與開放的心態
用戶研究是一種理解用戶、將他們的目標、需求與企業的商業宗旨相匹配的理想方法。
用研的價值
最好的滿足用戶需求是我們的目的，憑空想象是很可怕的，很可能導致產品偏離軌道。而且任何需求被需求都有優先級劃分。
常用的用戶研究有哪些方法？
l 問卷法（定量）A/B測試法
l 可用性測試（定性）
l 眼動測試
l 用戶訪談
l 焦點小組
（一）調查問卷
問題設計的模糊、不準確會產生高達20%-30%的誤差
問卷流程:
l 調研目的
l 問卷大綱
l 制作問卷
l 問卷投放
l 統計分析
l 結論呈現
客觀信息
人口統計學：年齡、性別、婚姻狀況、教育水平、職業、收入等、手機型號、版本信息
目的：使用xx的目的和原因當前面臨的問題和需求
行為：使用時間、頻率、操作行為習慣、常用功能、感興趣的內容、形式、對象
態度：滿意度對未來的態度
題目設計原則
1.題目態度中立、無誘導性
2.避免詢問用戶沒有意識到的問題
3.避免詢問設想性的問題
4.避免使用專家預言，如果一定要用術語，要提供解釋
5.可問不問的堅決不問（題目<20,5min）
6.選項包括所有可能
7.避免選項互斥（重復同類問題）
8.給主觀問題提供客觀的評價標準
每一個問題背后都隱藏著調研的目的
問卷發放渠道：問卷星，百度眾測
競品分析：對所研究產品的同類型產品進行分析討論，并給出類比歸納的分析結果，用很了解現有產品的相關信息以及它與競爭對手之間的差異，從而借鑒于產品研發中。
直接：產品的目標相同，內容相似構成直接競爭的產品，功能一樣
潛在：這個內涵其實很廣，我理解潛在競品為與我們產品目標用戶相似：暫時沒有我們產品的功能模塊，但是通過后期升級，可以加上此類模塊的產品。
最簡單的例子就是陌陌與微信
轉移性：用戶群體不一樣
內容包括幾方面
基本信息：包括時間，手機環境，APP名稱，版本號等信息
產品的概括或簡介說明
產品定位
用戶需求分析，解決痛點分析，使用場景分析
市場狀況現狀和分析
運營方法與重大事記
競品分析與產品分析的流程
表現層-你看到的是什么顏色
框架層-這些區域和位置如何來決定表現層（位置）
結構層-用戶是怎么來的，之后又去了哪里，哪些列別該出現在哪里（結構）
范圍層-按照功能和與特性，表現的是否合適，如何決定結構層（結構合適）
戰略層-需要什么樣的功能與特性（產品定位）
戰略層：
戰略層就是你做產品的目標，也就是用戶和經營者分別想從產品里獲得什么。
做一件產品時要回答兩個問題：
我們做這件產品的目標是什么？也就是經營者目標、
對應的用戶需求什么？用戶得到什么？也就是用戶目標。
戰略并不是不可以修改，通過后續工作的開展，可以不斷的演進。
范圍層：
范圍層就是為了達成目標要提供什么功能，也就是產品可以做什么
兩件事
1.定義需求：明白該做什么，不該做什么。
1.定優先級：明白什么是必須做的，什么可以緩一下。根據戰略、技術實現難度、時間成本來判斷。
幾個原則：
1樂觀：永遠描述如何防止錯誤的事兒，引導用戶 做出正確的行為，而不是描述“不應該這么做”。
2具體：一個功能點的具體要求要明確，因為不明確就會造成實現上的誤解。
3.客觀：描述盡量使用意義明確的場景。
范圍層指的是，這個產品的思路是從滿足用戶需求的角度來理解的，滿足了哪些需求？通過什么樣的產品設計、策略、流程來滿足的？
結構層：
結構層就是提出的功能如何完整的結構化流程化這就好比你把一個個確定好的功能點；整理成一個層次清晰的腦圖。對每一個功能點需要一個完整流程圖。對結構是否有質量的的標準是：每個功能的每一個步驟是否都是合理的。
結構指的是產品的結構，是你對著產品，從產品功能上看，就能用腦圖把主干分支梳理出脈絡。
框架層：
框架層是整個產品的架子，就像房屋的梁。
框架層決定某個板塊或按鈕等交互元素應該放在頁面的什么地方，包含界面設計、導航設計和信息設計三個方面。
界面設計為用戶提供做某些事的能力，做界面設計時，要選擇合適的元素，讓用戶一眼就能看到最重要的東西。
導航設計給用戶提供去某個地方的能力。做導航設計時，要提供頁面之間的跳轉方法，傳達元素與內容之間的關系，傳達內容與頁面之間的關系。
信息設計是將想法傳達給用戶。信息設計是將各種設計元素聚合到一起，反映用戶
的思路，支持他們的任務和目標。包括視覺、分組等各個方面。
表現層：
表現層是UI界面，視覺直觀可見，直接可理解的部分。
表現層就是對框架層感知后的具化，是UI界面，視覺直觀可見的部分。
視覺設計師不能僅僅考慮美學問題；也要考慮視覺設計有沒有破壞產品結構，有沒有幫助更好的完成戰略目標
五個層面的設計是一個流程；也是一個思路。通過自下而上的設計流程，讓產品設計遵循以用戶為中心，先確定目標和用戶需求，想清楚要為什么用戶提供什么價值，再不斷往上推進。保證我們不會走偏方向，在底層花的時間融多越充分，后期的流程應該越順利，因為那些目標需求與價值都明確的記在心中。
競品分析文檔的總結
（1）產品的概括或簡介說明
（2）產品的核心功能總結
（3）產品的主要功能總結
（4）產品的優缺點
（5）借鑒點
分析報告 說出自己的產品與橫向競品有哪些區別（為什么人家有的我也有，為什么人家有的我沒有，為什么人家沒有的我要有）
我有哪些人家沒有的附加功能，這些功能為哪些用戶群體服務，為什么用戶會選擇我們
信息框架
以去哪兒酒店項目為例
功能框架
以去哪兒酒店項目為例
功能框架
以去哪兒酒店項目為例
文章來源：站酷 作者：張陽光Designer
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.sdgs6788.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務