首先要感謝前騰訊產品總監劉滔老師的課程,我將對劉滔老師講解的內容作以筆記和總結!
9 交互設計
9-1 什麼是交互設計
交互設計:把產品目標具體化,變成可視可執行的方案。可用-易用-想用。
行爲:交互形式。
形式:界面風格、圖形、元素。
內容:信息架構、文字編寫、動畫製作、聲音設計。
9-2 產品經理需要知道的交互設計
更清晰的表達自己的想法:
- 交互設計的流程:任務分析(所有功能)-頁面流程(信息架構和操作邏輯)-頁面佈局(頁面分區)-原型設計(低保真原型)-設計說明(詳細描述)。
- 交互設計的工具:墨刀。
與交互設計師的完美合作:
- 學會評估:交互設計好不好,尼爾森十大原則。
- 懂點嘗試:簡單的設計原理。
- 菲茨定律:目標距離決定達到時間(將用戶最可能點擊按鈕做大一些)。
- 席克定律:選項增加,決策時間更長(選項不能太多)。
- 7±2法則:人記憶含有7±2項信息塊(導航或選項卡儘量不要超過9個)。
- 格式塔法則:對象太近的話,意識會認爲它們是相關的(分組線,分組框)。
- 太思勒定律(複雜性守恆定律):每一個過程都有固有的複雜性。
- 防錯原則(大部分的意外都是由設計的疏忽):類似於尼爾森的防錯,灰色按鈕。
- 奧卡姆剃刀原理(簡單有效)。
移動終端的交互設計基礎知識:
- 跨終端設計:品牌基因、平臺同一。
- 多尺寸設計:背景儘量採用純色、操作空間的尺寸可以隨意調節、功能與操作位置相對固定、圖片尺寸預留最大。
- 觸控手勢:自然用戶界面(NUI):簡單易用、容易記憶、符合認知習慣、實用、愉悅的體驗、及時反饋。
9-3 高保真的交互設計
線框圖+交互邏輯+UI的組合結果。
好看、更酷、更省成本。
低保真線框圖->線框圖->高保真原型圖->高保真交互原型圖。