萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

草圖設計(一):最自由的設計方法——媒介、空間、成本、感知四重自由

緣起:從困惑到頓悟

CDC 近兩年成長路:電商畢業生→交互設計師,坎坷中在學習思考實踐尋答案。《用戶體驗草圖設計》《關鍵設計報告》記錄大量案例,初讀不知所云,後被設計師初期真實原始草稿震撼:極具個性、貼近真實體驗、無統一形式。直至近期重讀才悟:草圖設計不只是紙上塗鴉,而是「用不同材料不同形式表達不同創意」的自由方法論。

草圖設計的四重自由

自由媒介:任何能傳達信息的介質

紙、白板、圖片、便簽、視頻、語言、電腦、甚至「無事物」表演。只要能表達靈感皆可為媒介。

自由空間:打破屏幕桎梏

不再困守 1440×900 屏幕(雙屏又如何?)。A3 紙、桌面、會議室、白板、甚至大街,物理空間與思維空間同步拓展。才思枯竭時,第一動作:站起來,離開屏幕,尋找更廣闊空間。

自由成本:價值導向,材料與時間靈活權衡

成本不只材料價值,含時間。環保視角下用紙需節制,但為驗證關鍵假設,大量場景草圖繪製打印物超所值。
實戰:QQ 多人視頻初期無時間做高保真原型,用 Mockup 短時間產出十幾張場景草圖打印,用戶訪談時展示讓用戶講解使用方式,極大提升訪談價值,為後期細化奠基。需會議室、白板、攝影器材時,大膽向 Leader 爭取——自由成本強調為達目的適當忽略成本約束。

自由感知:手繪風格天然拉近溝通距離

產品經理、用戶、Leader 均能透過草圖理解設計意圖。手繪質感比線框圖更無排斥感,留有探討發現空間,符合前期發散要求。
案例一:WP7 QQ LBS 好友列表概念視頻——紙打印剪切膠水、iPhone 4 拍攝,材質簡陋但匯報討論時無負面情緒,反而主動參與。
案例二:QQ 硬盤概念——局部修改 XP 系統資料夾截圖打印,前次交互稿未獲重視,草圖版讓產品表現極大興趣並帶走找開發溝通實現。
案例三:QQ 多人視頻方案 PPT Demo——草圖風格 PPT 替代傳統文檔,老大們主動理解探討細節,靈活推敲。

結語

相對高保真,草圖設計以自由感知降低理解門檻、擴大探討空間。長期實踐證明其價值。歡迎留言探討,下篇將討論界面設計階段的草圖工具與方法。

copyright © 萬盛學電腦網 all rights reserved