Chapter3 網易微專業交互設計學習筆記

第三章:規范信息架構和流程設計

1規范信息架構

1.1.認知信息架構

信息架構——對信息進行結構、組織方式以及歸類的設計,目標是用戶更好的使用與理解。

信息功能結構暗示:讓用戶一眼看出產品的是什么,為什么,以及怎么用。

好的信息架構設計:功能重要性優先級;只是簡單的堆疊功能,產品迭代是否影響用戶,容易讓用戶產生抱怨;信息架構有伸展性。

1.2產品信息架構設計的前期工作

1.2.1 了解用戶需求、場景、習慣

- ?Pesona:定義你的典型目標用戶(具體的,詳細的)

拓展閱讀材料: ??Persona——Web人物角色介紹



- ?尊重用戶習慣——不要在不必要的地方去體現差異

? ?1)用戶用你的產品做什么 ? ? ? ? ?2)用戶有哪些思維定式?

? ?3)這類產品的用戶最關心什么 ? ?4)用戶用什么類似的產品

1.2.2 了解業務需求

- 不能僅僅從產品經理了解業務需求,也要從市場運營推廣了解別的需求,使得產品有更大 ? ?的兼容性,讓產品產生更大的可能性

1.2.3 調研競品信息架構

- 收集3-5個競品,用思維導圖畫樹狀圖來梳理出競品的信息架構(過去的版本也是競品)

- 找出共性(要遵循用戶習慣)和差異(創新機會點)

1.2.4 卡片分類法

- 讓用戶對功能卡片進行分類,并對分類的集合重新定義的一種方法(了解用戶心智模型)

- 產出用戶產品心智模型樹狀圖,對比競品的樹狀圖,尋找差異和改進點。

1.3產出產品信息架構

1.3.1 利用Axure站點地圖和思維導圖樹狀圖產出產品信息架構樹狀圖

? ? ? ?- 對競品的頁面的每一層進行分級,區分重要性(位置、字體大小,面積大小...)?

1.3.2 尋找層和度的平衡點

? ? ? - 層:信息架構樹的深度(層<5,否則進入某一功能會使得用戶陷入操作困難)

? ? ? - 度:每一個節點的子節點的數量(單頁面內容過多,使得用戶認知成本太高)

1.3.3 驗證核心使用流程(比如一個IM軟件,發起群聊流程是怎樣的)

? ? ? - 盡量保證樹狀結構圖層級自上從下前進

? ? ? - 不連通層級之間的跳躍,最好發生在最后一個步驟

1.3.4 考慮信息架構和交互架構之間的關系

? ? ? -移動端一級導航設計模式選擇(可以參考我chapter1.2&1.3的筆記內容)

? 根據重要性的分級,抽屜導航適用于單一功能突出的產品,TAB導航適用于多功能點的產 ? ? 品頁面,用戶可能需要頻繁的切換 。

一個移動產品全局導航選擇模式帶來的數據差異

? ? ? ? ?- Web端設計

利用不同層級關系體現重要級,利用布局體現邏輯關系

1.3.5 為討論做好準備

?- ?和開發、運營、領導開需求會的底氣

1.4評判產品信息架構

1.4.1 用戶測試

?- ?在不介紹產品的情況下,讓用戶使用產品能夠段時間內描述產品是做什么的

- ?讓用戶進行核心流程任務,檢查任務是否能夠順利完成

- ?給用戶制定一個尋找層級比較深的任務,測試是否能通過信息架構名稱層級找到該功能

1.4.2 撰寫產品說明書

- 你需要多復雜的產品說明書才能教會用戶使用產品核心功能

1.5用信息架構思路設計頁面

1.5.1 單一頁面為什么也需要思考信息架構

- 確定頁面呈現的信息——》繪制信息架構樹狀圖——》重要性分級——》繪制頁面

1.5.2 明確一個頁面中元素的邏輯性和重要級

一個頁面設計的思考遞進

1.5.3 繪制單一頁面

- 邏輯相關的內容使用統一的形式、位置,并讓區塊聯通

- 利用大小、上下位置、色彩體現重要級

2.打造漂亮的流程設計

2.1 了解流程的重要性

- 用戶和產品的交互是什么:

? ?用戶通過某種流程完成任務——》交互設計師設計用戶完成任務的方式

- 企業流程設計考慮的問題:

以不干擾用戶使用流程的方式完成企業的業務需求

微信“搖一搖”紅包

- 優秀的流程設計的好處:

增加任務的完成率;讓用戶更方便的的使用;對錯誤跟多的思考;夸張的任務完成度


一個優秀的推送允許設計


微信春晚搖一搖綁定2億張銀行卡,支付寶8年才做到

2.2 如何進行流程設計

2.2.1充分理解業務需求

- 業務需要完成的商業目標

- 業務受到的技術和商業限制

- 了解業務所需要的合作方

2.2.2找到用戶完成任務的所有接觸點

- ?接觸點:用戶通過你的產品做了什么事情(點擊某按鈕,看到某信息)

- ?接觸點來自用戶場景——基于用戶模型、經驗、用戶調研的體驗故事。

- 構建多個用戶場景,顧忌頭尾,一個任務的接觸點需要完整。(如發朋友圈最后一個接觸點不是點擊發送按鈕,而是確保用戶查看確認自己的信息發布成功)

2.2.3梳理接觸點

- 推理每個接觸點的心理情況和行為動作(做事——看信息——做事)

- 繪制流程圖:用戶使用流程——》加入業務需求所需的流程節點

2.2.4根據流程設計交互稿

- 在交互稿上體現用戶操作流程


- 在流程上出現分支的時候,不要在一個頁面上繪制,而是在站點地圖上體現


- 注意設計的完整性,顧及頭尾


2.2.5處理異常流程

- 找到異常的接觸點,說明信息提示,和接下來的交互動作

- 了解錯誤返回碼可以讓錯誤考慮更全面

- 預測用戶可能會出現的錯誤


開發錯誤返回碼


2.3 流程設計和交互設計

- 從0到1質的飛躍


信息架構到核心流程設計


結合用戶場景
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,117評論 6 537
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,860評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,128評論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,291評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,025評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,421評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,477評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,642評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,177評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,970評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,157評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,717評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,410評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,821評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,053評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,896評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,157評論 2 375

推薦閱讀更多精彩內容