產品經理告訴你做互動設計的套路 3W1H法

2022-09-24 19:15:07 字數 2027 閱讀 6820

如果是從零開始設計乙個新產品,要考慮產品的目標是什麼;如果是設計某個產品的某部分功能,要考慮業務目標是什麼。

當我們弄清明確商業目標和使用者目標以後,開始梳理產品定位,挖掘使用者需求,設計功能框架,接著開始通過畫圖來更佳形象的表達自己的想法,這樣乙個把思維變化為程式設計客棧圖形表達的過程就叫做互動設計,互動設計的產出物,www.cppcns.com一般我們稱之為原型。原型只是乙個從產品概念到實現的乙個過渡,是不同部門之間對話時使用的乙個介質,是承擔起概念到實現的溝通橋梁,而不是最終的結果。我們會在做互動設計的時候,發現有很多小朋友,一上來就開始關心用什麼樣的互動模式、頁面效果、然後一頭扎到細節裡,這是乙個並不太健康的習慣。

那麼,比較好的習慣和方式是什麼呢?

小q建議:如果是從零開始設計乙個新產品,要考慮產品的目標是什麼;如果是設計某個產品的某部分功能,要考慮業務目標是什麼。

確定設計目標後,所有的互動方案在設計就應該圍繞既定目標去實現。進入互動設計階段後,我們要牢記這樣幾個步驟,首先把需求完善並理解到位,具體方法可參考「三步法,做好螺旋上公升式的需求管理」,然後經過多次討論,定義好產品框架,依據設計目標定義產品框架(弄清楚,我們需要用什麼樣的導航結構,設計什麼樣的流程),具體方法可參考「以移動端產品的導航設計為例,談如何選好產品的設計框架」,再開始組織頁面,可參考「產品經理的基本功——學會拆解產品」,最後分解使用者場景,設計互動細節,著手完成demo。

開始做demo之前,我們就會對每乙個功能模組進行設計和規劃。這裡給大家介紹一種簡單的方法,幫助你梳理更好的邏輯思維,形成自己的思維模式後,輕鬆應對每一次的設計。具體如下:

第一步:what——它是什麼定義此功能模組是什麼,解決mwobzmd什麼問題,完成什麼操作,譬如如:註冊/登入、忘記密碼、搜尋、分享、許可權獲取…..

第二步:when——什麼時候使用使用者什麼時候使用此功能,存在幾種可能觸發的場景?小q在當「使用者體驗脫離場景,一切優化都是耍流氓」一文中曾提到「所有的人機互動都不應該脫離場景存在,更不應該在場景以外討論優劣」,所以我們設計產品和服務,真的是讓使用者快速,無需思考,「自然地」完成任務才是終極目的。譬如我們在互動設計過程中,我們需要引導使用者成功註冊/登入,那麼在app設計的時候,我們可以想到的場景有:

新使用者首次**並開啟app,滑動看完引導圖以後,進入程式設計客棧註冊/登入介面;使用者首次需要對某一條內容,資訊進行分享、**、讚等互動操作時,彈框引導使用者註冊/登入;需要完成邀請行為時,進入註冊/登入介面;使用者決定購買某件商品時,進入註冊/登入介面;……第三步:why——為什麼使用記住任何不解決使用者需求的方案,都有可能被刪除。體驗還包含在產品與使用者之間的互動、產品與場景的互動、產品對使用者的情緒上的影響等等的細枝末節中。使用者需求及使用者體驗是做好互動的基準,也是檢驗產品設計是否成功的依據。所以前期的產品定位、使用者需求都是你原型圖的「幫助文件」,輔助你反覆推敲功能的存在價值與易用性。基於互動設計圖,結合使用場景,對產品的實現及互動邏輯進行描述和說明,便於專案參與人明白設計的含義。

第四步:how——如何使用完成前面三步驟的預設以後,我們需要走入細節,確定此模組功能應該被使用者如何使用。譬如:註冊/登入的具體方式有哪些?註冊/登入的規則定義是什麼?註冊/登入與其他功能模組的互動點是什麼?如下,羅列一些樣例,供參考:

僅手機號(需要邀請碼註冊、不需要邀請碼註冊)僅第三方授權手機號+第三方收取splash頁與註冊登入之間存在互動點獲取許可權(相機、麥克風)與註冊登入之間存在互動點註冊/登入頁面與個人中心的資料頁面之間存在的互動點註冊/登入頁面與推薦關注(人/內容)彈窗之間存在的互動點待補充……經過以上四步的推敲以後,我們會形成單個的介面,如下圖所示:

最終,通過流暢邏輯串聯介面成為乙個互動邏輯,給予互動說明及補充。告知使用者哪些功能還有其他的互動點,哪些功能只需要快速完成並跳出,輔助介面的展示及「鏈結」,展示產品入口、使用者動作之間的關聯,根據不同決策而產生的頁面跳轉,如下圖所示:

小q來總結最好的互動設計是符合使用者場景,捕捉到使用者心智的設計。互動www.cppcns.com設計不僅需要很強的邏輯性,更重要的是需要明白使用者如何使用。我們的設計是需要在每乙個接觸行為的背後,都有倍加關注的使用者情緒、理解使用者認知。預先設想產品最好的使用場景,才可以幫助產品最大程度的觸達使用者。

作者:mandy權,微信***:pmandyq,一名快樂的產品經理!

本文位址:

產品經理(11) 互動設計

目錄 什麼是互動?角色 互動設計師的作用 互動設計重點 互動差異 產品經理解決問題優先順序 案例 12306首次開啟開啟許可權 人對手機或電腦的行為操作,獲得的反饋方式 ue互動設計師 ui視覺設計師 使用者研究分析師 側重心理學 user experience user inte ce 保證使用者...

畫出的點做互動 設計之下互動設計原型設計之概念設計

2.2 設計之下 互動設計 解析需求之互動模型 2.3 設計之下 互動設計 解析需求之功能系統 2.4 設計之下 互動設計 解析需求之資訊架構 原型設計 大多數時候,互動設計師是乙個思考多於動手的職位。大家常常能看見他們面對乙個需求翻遍 搗鼓各種裝置和應用 在紙上畫了又擦 在各個小組間跑來跑去尋找靈...

即生產品經理,何生互動設計師!矛盾何來?

明擺的矛盾和互動設計師的感嘆。其實非也,矛盾固然存在,因為兩者的工作有著巨大的交集和相似。其實 產品經理做的事情是產品的從無到有,即為骨骼。互動設計做的事情是產品的從有到優,即為血肉。1 矛盾的產生 產品經理會認為自己的結構和資訊沒問題,互動設計只需完成即可。互動設計認為自己很有想法,認為產品經理的...