探討交互設(shè)計

2022-3-4    周周

先放一張圖:視覺設(shè)計師如何與交互設(shè)計師對接





目錄:


什么是產(chǎn)品?


什么是交互設(shè)計?


交互設(shè)計學(xué)什么?



一、什么是產(chǎn)品?


產(chǎn)品是指能夠供給市場,被人使用和消費。


產(chǎn)品就是一系列滿足人們某種需求的功能和組合。


基于互聯(lián)網(wǎng)存在的,滿足人們某種需求的功能的組合,叫互聯(lián)網(wǎng)產(chǎn)品


產(chǎn)品的好壞取決于他被需要的程度以及它能滿足用戶需求的程度 。


產(chǎn)品設(shè)計流程


項目分析、需求分析、競品分析,定義產(chǎn)品,視覺設(shè)計,技術(shù)實現(xiàn)。


時間節(jié)點(重點描述一下交互設(shè)計的工作職責(zé))


Pm:立項,提出需求,選擇競品,功能設(shè)計,組織評審、跟視覺設(shè)計師溝通,跟前端、后臺溝通


交互設(shè)計(工作職責(zé)):


        視覺層:用戶研究、五大層、配合pm出交互設(shè)計方案、方案微調(diào)、溝通。


        提交內(nèi)容: 市場分析文檔、用戶研究文檔、競品分析文檔、頭腦風(fēng)暴。


產(chǎn)品產(chǎn)出的過程:





二、什么是交互設(shè)計


交互設(shè)計是指,設(shè)計和定義使用者如何使用一款產(chǎn)品達到其目標,完成某一項任務(wù)的過程。


交互設(shè)計的目標可以從“可用性”“用戶體驗”兩個層面上進行分析,關(guān)注以人為本的用戶需求。


三、交互設(shè)計學(xué)什么?


軟件: 


Axure RP   


Xmind


交互流程:


市場分析


用戶調(diào)研


競品分析


功能結(jié)構(gòu)圖


信息框架圖


業(yè)務(wù)流程圖


紙原型


低保真原型


頁面交互說明


靜態(tài)頁面流圖


交互說明文檔


3.1 市場分析

市場分析,是指為了提高產(chǎn)品的銷售決策質(zhì)量、解決存在于產(chǎn)品銷售中的問題或組織根據(jù)特定的決策問題運用科學(xué)的方法有目的的收集、統(tǒng)計資料及報告調(diào)研結(jié)果的工作過程。


3.1.1 市場分析的目的

    1.提供作為決策基礎(chǔ)的信息

    2.彌補信息不足

    3.了解外部信息

    4.了解市場環(huán)境變化

    5.了解新的市場環(huán)境


根據(jù)客戶特征、場景、需求、行為等因素確定維度,把大的整體市場從客戶角度細分成若干小市場,市場細分是產(chǎn)品定位和需求調(diào)研的基礎(chǔ)。


細分的市場應(yīng)該有如下特征,否則便是無效市場


(1) 可衡量性(2)可進入性(3)可盈利性(4)差異性(5)穩(wěn)定性



細分市場決定了客戶和競爭對手是誰,最佳的細分階段是進入藍海市場。


3.1.2確定目標市場

確定多個細節(jié)市場后,就需要在這些細分市場中選出企業(yè)要進入的目標市場


市場定位

確定了目標市場后,就需要給市場定位了。市場定位即產(chǎn)品定位。


3.1.3 SWOT 分析法

SWOT分析包括:分析企業(yè)的優(yōu)勢(strength)、劣勢(weakness)、機會(opportunity)和威脅(threats)。


因此,swot分析實際上是將對企業(yè)內(nèi)外部條件各方面內(nèi)容進行綜合和概括,進而分析組織的優(yōu)劣勢、面臨的機會和威脅的一種方法。



3.1.4Pest分析

是指宏觀環(huán)境的分析,p是政治(politics),e是經(jīng)濟(economy),s是社會(society),t是技術(shù)(technology)。政治、經(jīng)濟、社會和技術(shù)四個因素并不是彼此獨立的,而是相互關(guān)聯(lián)和相互影響的。

Pest分析法也常用于預(yù)測行業(yè)優(yōu)勢。


基本競爭戰(zhàn)略分析


基本競爭戰(zhàn)略有三種:成本領(lǐng)先戰(zhàn)略、差異化戰(zhàn)略、集中化戰(zhàn)略。


3.1.5價值鏈分析

價值鏈分析方法視企業(yè)為一系列的輸入、轉(zhuǎn)換與輸出的活動序列集合,每個活動都有可能相對于最終產(chǎn)品產(chǎn)生增值行為,從而增強企業(yè)的競爭地位。


分析內(nèi)容:


    1.歷史(市場發(fā)展的歷史,包括起步時間,發(fā)展階段總結(jié),多元化發(fā)展)

    

    2.現(xiàn)狀(經(jīng)濟規(guī)模,所處階段,品牌格局,用戶基數(shù),當前焦點問題等)用方法


    3.趨勢(行業(yè)規(guī)律,經(jīng)濟增長趨勢,未來階段,行業(yè)有可能的突破點)


    4.總結(jié)報告  行業(yè)有可發(fā)展性  市場細分 針對人群


    5.產(chǎn)品定位


分析要領(lǐng):


    1.數(shù)據(jù)有跡可查。每條數(shù)據(jù)(圖表)都需要表明數(shù)據(jù)來源。

    2.數(shù)據(jù)保持最新。使用的數(shù)據(jù)發(fā)布時間需要標明,調(diào)查的時間段保持最近。

    3.合理總結(jié)規(guī)模和趨勢。調(diào)查到的數(shù)據(jù)是有關(guān)聯(lián)性的,從多條數(shù)據(jù)中找到合理總結(jié)。



3.2用戶調(diào)研


做產(chǎn)品設(shè)計時,我們經(jīng)常憑借自己的經(jīng)驗來判斷用戶的需求。對于產(chǎn)品經(jīng)理或交互設(shè)計師來說,聰明的頭腦不一定帶來正確的判斷。

在設(shè)計一款產(chǎn)品時,踏踏實實的對目標用戶進行適當?shù)牧私夂脱芯浚欢〞兴斋@。

用戶研究適用于各個階段

什么是用研

設(shè)計師需要始終保持一顆同理心與開放的心態(tài)

用戶研究是一種理解用戶、將他們的目標、需求與企業(yè)的商業(yè)宗旨相匹配的理想方法。

用研的價值

最好的滿足用戶需求是我們的目的,憑空想象是很可怕的,很可能導(dǎo)致產(chǎn)品偏離軌道。而且任何需求被需求都有優(yōu)先級劃分。

常用的用戶研究有哪些方法?

l 問卷法(定量)A/B測試法

l 可用性測試(定性)

l 眼動測試

l 用戶訪談

l 焦點小組

(一)調(diào)查問卷

問題設(shè)計的模糊、不準確會產(chǎn)生高達20%-30%的誤差

問卷流程:

l 調(diào)研目的

l 問卷大綱

l 制作問卷

l 問卷投放

l 統(tǒng)計分析

l 結(jié)論呈現(xiàn)

客觀信息

人口統(tǒng)計學(xué):年齡、性別、婚姻狀況、教育水平、職業(yè)、收入等、手機型號、版本信息

目的:使用xx的目的和原因當前面臨的問題和需求

行為:使用時間、頻率、操作行為習(xí)慣、常用功能、感興趣的內(nèi)容、形式、對象

態(tài)度:滿意度對未來的態(tài)度

題目設(shè)計原則

1.題目態(tài)度中立、無誘導(dǎo)性

2.避免詢問用戶沒有意識到的問題

3.避免詢問設(shè)想性的問題

4.避免使用專家預(yù)言,如果一定要用術(shù)語,要提供解釋

5.可問不問的堅決不問(題目<20,5min)

6.選項包括所有可能

7.避免選項互斥(重復(fù)同類問題)

8.給主觀問題提供客觀的評價標準

每一個問題背后都隱藏著調(diào)研的目的

問卷發(fā)放渠道:問卷星,百度眾測



3.3競品分析


競品分析:對所研究產(chǎn)品的同類型產(chǎn)品進行分析討論,并給出類比歸納的分析結(jié)果,用很了解現(xiàn)有產(chǎn)品的相關(guān)信息以及它與競爭對手之間的差異,從而借鑒于產(chǎn)品研發(fā)中。


直接:產(chǎn)品的目標相同,內(nèi)容相似構(gòu)成直接競爭的產(chǎn)品,功能一樣


潛在:這個內(nèi)涵其實很廣,我理解潛在競品為與我們產(chǎn)品目標用戶相似:暫時沒有我們產(chǎn)品的功能模塊,但是通過后期升級,可以加上此類模塊的產(chǎn)品。


最簡單的例子就是陌陌與微信


轉(zhuǎn)移性:用戶群體不一樣

內(nèi)容包括幾方面

基本信息:包括時間,手機環(huán)境,APP名稱,版本號等信息

產(chǎn)品的概括或簡介說明

產(chǎn)品定位

用戶需求分析,解決痛點分析,使用場景分析

市場狀況現(xiàn)狀和分析

運營方法與重大事記

競品分析與產(chǎn)品分析的流程

表現(xiàn)層-你看到的是什么顏色

框架層-這些區(qū)域和位置如何來決定表現(xiàn)層(位置)

結(jié)構(gòu)層-用戶是怎么來的,之后又去了哪里,哪些列別該出現(xiàn)在哪里(結(jié)構(gòu))

范圍層-按照功能和與特性,表現(xiàn)的是否合適,如何決定結(jié)構(gòu)層(結(jié)構(gòu)合適)

戰(zhàn)略層-需要什么樣的功能與特性(產(chǎn)品定位)


戰(zhàn)略層:

戰(zhàn)略層就是你做產(chǎn)品的目標,也就是用戶和經(jīng)營者分別想從產(chǎn)品里獲得什么。

做一件產(chǎn)品時要回答兩個問題:

我們做這件產(chǎn)品的目標是什么?也就是經(jīng)營者目標、

對應(yīng)的用戶需求什么?用戶得到什么?也就是用戶目標。

戰(zhàn)略并不是不可以修改,通過后續(xù)工作的開展,可以不斷的演進。


范圍層:

范圍層就是為了達成目標要提供什么功能,也就是產(chǎn)品可以做什么

兩件事

1.定義需求:明白該做什么,不該做什么。

1.定優(yōu)先級:明白什么是必須做的,什么可以緩一下。根據(jù)戰(zhàn)略、技術(shù)實現(xiàn)難度、時間成本來判斷。

幾個原則:

1樂觀:永遠描述如何防止錯誤的事兒,引導(dǎo)用戶 做出正確的行為,而不是描述“不應(yīng)該這么做”。
2具體:一個功能點的具體要求要明確,因為不明確就會造成實現(xiàn)上的誤解。
3.客觀:描述盡量使用意義明確的場景。

范圍層指的是,這個產(chǎn)品的思路是從滿足用戶需求的角度來理解的,滿足了哪些需求?通過什么樣的產(chǎn)品設(shè)計、策略、流程來滿足的?

 

結(jié)構(gòu)層:

結(jié)構(gòu)層就是提出的功能如何完整的結(jié)構(gòu)化流程化這就好比你把一個個確定好的功能點;整理成一個層次清晰的腦圖。對每一個功能點需要一個完整流程圖。對結(jié)構(gòu)是否有質(zhì)量的的標準是:每個功能的每一個步驟是否都是合理的。

結(jié)構(gòu)指的是產(chǎn)品的結(jié)構(gòu),是你對著產(chǎn)品,從產(chǎn)品功能上看,就能用腦圖把主干分支梳理出脈絡(luò)。

 

框架層:

框架層是整個產(chǎn)品的架子,就像房屋的梁。
框架層決定某個板塊或按鈕等交互元素應(yīng)該放在頁面的什么地方,包含界面設(shè)計、導(dǎo)航設(shè)計和信息設(shè)計三個方面。 
界面設(shè)計為用戶提供做某些事的能力,做界面設(shè)計時,要選擇合適的元素,讓用戶一眼就能看到最重要的東西。
導(dǎo)航設(shè)計給用戶提供去某個地方的能力。做導(dǎo)航設(shè)計時,要提供頁面之間的跳轉(zhuǎn)方法,傳達元素與內(nèi)容之間的關(guān)系,傳達內(nèi)容與頁面之間的關(guān)系。
信息設(shè)計是將想法傳達給用戶。信息設(shè)計是將各種設(shè)計元素聚合到一起,反映用戶
的思路,支持他們的任務(wù)和目標。包括視覺、分組等各個方面。


表現(xiàn)層:

表現(xiàn)層是UI界面,視覺直觀可見,直接可理解的部分。
表現(xiàn)層就是對框架層感知后的具化,是UI界面,視覺直觀可見的部分。
視覺設(shè)計師不能僅僅考慮美學(xué)問題;也要考慮視覺設(shè)計有沒有破壞產(chǎn)品結(jié)構(gòu),有沒有幫助更好的完成戰(zhàn)略目標

 

五個層面的設(shè)計是一個流程;也是一個思路。通過自下而上的設(shè)計流程,讓產(chǎn)品設(shè)計遵循以用戶為中心,先確定目標和用戶需求,想清楚要為什么用戶提供什么價值,再不斷往上推進。保證我們不會走偏方向,在底層花的時間融多越充分,后期的流程應(yīng)該越順利,因為那些目標需求與價值都明確的記在心中。

 

競品分析文檔的總結(jié)


(1)產(chǎn)品的概括或簡介說明
(2)產(chǎn)品的核心功能總結(jié)
(3)產(chǎn)品的主要功能總結(jié)
(4)產(chǎn)品的優(yōu)缺點
(5)借鑒點


分析報告 說出自己的產(chǎn)品與橫向競品有哪些區(qū)別(為什么人家有的我也有,為什么人家有的我沒有,為什么人家沒有的我要有)

我有哪些人家沒有的附加功能,這些功能為哪些用戶群體服務(wù),為什么用戶會選擇我們



3.4信息框架圖

信息框架

以去哪兒酒店項目為例






3.5功能框架

功能框架

以去哪兒酒店項目為例





3.6業(yè)務(wù)流程圖

功能框架

以去哪兒酒店項目為例



3.7紙原型




3.8低保真原型




3.9頁面交互說明




3.10交互說明文檔




3.11頁面交互流程


文章來源:站酷   作者:張陽光Designer

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)


分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔