課程篇(10):產品設計-交互設計

作為一名准產品新汪,雖然沒有十足乾貨,但希望記下苦海行舟之點滴,以求共勉!

一、初識交互

1.交互設計

科普幾個概念

  • UI:User Interface 用戶界面
  • UE:User Experience 用戶體驗
  • IXD: Interaction design 交互設計

兩個或多個互動的個體之間交流的內容和結構,使之相互配合,共同達成某種目的。交互設計就是讓用戶在使用產品或服務的過程保證可用性,提高易用性。

交互設計

交互設計是一種使得產品易用,有效的把人使用產品的過程變得愉悅的技術

它致力於把握目標用戶和他們的期望,分析「人」本身的心理和行為特點,設計或改善用戶在同產品交互時彼此的有效行為,和各種有效的交互方式,並對它們進行增強和擴充。--臭魚

2.交互設計中的基本原則

  • 用戶心理

設計上需要考慮用戶認知,降低用戶學習成本。識別優於回憶。符合用戶心理:就是把本來很複雜的事情設計成符合用戶日常生活中常用的瀏覽方式或操作方式;也可以理解為人性化設計。

  • 希克法則(Hicks Law)

定律內容:一個人面臨的選擇(n)越多,所需要作出決定的時間(T)就越長。類似法則:7±2法則——人們短期記憶每次能處理5-9件事情,作為把導航菜單的元素限制在7個以內的依附。因此根據產品需要,儘可能減少用戶的選擇項目數。

  • 接近法則

將概念、功能相近的功能放到接近的地方,避免不相關內容放置到一起。

  • 防錯原則

防錯原則認為:大部分的意外都是由設計的疏忽,而不是人為操作疏忽。通過改變設計可以過失降到最低。

  • 操作可預期

大眾認知中的指示性圖標、帶有行為指向性的內容,有既定的操作預期。

  • 貼近認知

如果使用中的反饋,超出了用戶基本認知預期,降低了使用流暢度,會影響用戶體驗。

  • 狀態可感知

用戶使用中,給出明確的使用狀態。讓用戶知道自己處於什麼狀態。進度條、當前位置、數據載入…

  • 一致性

3.小結

  • 好的交互讓使用產品的過程更愉悅
  • 好的交互有基本的規則可以遵循

二、互聯網交互設計方法

1.核心任務

交互設計的核心任務

  • 表達
  • 使用界面語言向用戶傳遞信息,進而實現人機交互

2.交互設計三步走

  • 概括待表達的信息,清理需求點
  • 信息排序,需求點按一定規則進行分類
  • 界面語言翻譯,畫交互

3.小結

  • 交互設計的過程需要對用戶需求進行充分的了解
  • 信息的展示與流程的設置必須遵循基本的原則

三、產品經理與交互

產品經理要不要懂交互?

產品經理要不要做交互?

1.產品經理必須懂交互

  • 產品經理
    • 好像啥都得懂:市場分析、需求分析、交互設計、技術原理
    • 更多的是把控全局
  • 交互設計師
    • 研究人機交互體驗,保障更好的操作流程及界面反饋
    • 更多的是把握細節

2.產品經理與交互

如果你在大公司,不畫交互

  • 恭喜你,你會有很多專業的隊友
  • 你需要做的:
    • 寫交互需求,包含需求背景的描述,需求目標的描述,需求點的列舉,或低保真原型(參考圖)
    • 與交互設計師面對面溝通
    • 確認交互稿
    • 轉視覺

如果是在小公司,畫交互

  • 恭喜你,你有很多成長的機會
  • 你需要做的:
    • 需求分析
    • 需求點分類
    • 界面輸出
    • 根據需求大小選擇不同輸出方式
    • 與leader溝通
    • 轉視覺

3.不同的交互相同的作用

產品經理的交互圖:

  • 重點是表述你需要啥功能及其優先順序
  • 美觀需求次之
  • 簡單快捷的方式輸出(手畫,PS,畫圖板均可)

4.PC與移動端交互差異

4.小結

  • 交互知識是產品經理的必備技能
  • 不追求技巧,多把握方向

四、交互設計推薦

book:

  • 《認知與設計-理解UI設計準則》
  • 《Complete Beginners Guide to Interaction Design》

website:

  • www.id-book.com
  • ixda.org
  • ixdchecklist.com
  • www.interaction-design.org

P.S.*Cover Photo by Josefa nDiaz on Unsplash本系列由 @西禪 原創發布,轉載請註明出處,謝謝。

推薦閱讀:

課程篇(13):產品設計-產品發布及後續跟進
課程篇(17):產品經理進階之路

TAG:產品經理入門 | 互聯網交互設計 | 產品經理 |