iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 24
1
自我挑戰組

UI 設計入門:SEO 尬網路行銷系列 第 24

【Day 24】設計流程:原型設計的種類與技巧

本篇重點

  • 原型設計 ( Prototype )
  • 種類與技巧

原型設計 ( Prototype )

原型設計是對產品會如何運作的模擬,能在產品正式發布前檢驗操作流程以及獲取使用者的回饋。藉此測試探求設計的可用性與可行性,以持續進行迭代。

根據設計的精細程度與互動性,原型設計可分為以下兩類型:

  • 低擬真原型 ( Lo-Fi Prototype )
  • 高擬真原型 ( Hi-Fi Prototype )

低擬真原型 ( Lo-Fi Prototype )

是將設計概念轉換為測試畫面的快速方法,最重要的用途是檢查和測試功能,而非產品外觀。通常用於設計流程中的線框稿階段。優點在於,成本低、測試快速

常用工具:

  • 紙筆 ( aka. Paper Prototype )
  • 簡報軟體
  • 介面繪圖軟體

高擬真原型 ( Hi-Fi Prototype )

在介面上的內容與真實要發佈的產品,在視覺、文案與互動等幾乎相同。能測試目標使用者的真實回饋以及針對特定元素做測試。

常用工具:

  • 介面繪圖軟體 ( Sketch、Adobe XD )
  • 原型設計軟體 ( inVision、Protopie )
  • 動畫設計軟體 ( After Effect )

動畫特效的設定技巧

  • 操作結構 ( 指透過動畫,讓使用者了解現在操作的回饋 )
  • 狀態回饋 ( 例如載入狀態時的顏色特效 )
  • 持續時間 ( 多爾蒂門檻 )

上一篇
【Day 23】設計流程:與工程師協作的重要文件
下一篇
【Day 25】鐵人賽 25 天回顧
系列文
UI 設計入門:SEO 尬網路行銷30

尚未有邦友留言

立即登入留言