這本書將指導妳如何用草圖壹步步表達妳的設計思想,並介紹多種草圖方法。它適用於所有設計行業的從業者,也適用於設計機構的領導者,包括設計師、可用性專家、人機交互領域的人、產品經理和業務主管。
作者來自哪裏?
比爾·巴克斯頓,微軟首席用戶體驗設計專家。
第65438章+0進入角色
1.1介紹設計用戶體驗草圖
通過草圖,設計師可以遵循從創意的產生、完善到選擇的過程。妳也可以用草圖來討論、交流和評價別人的想法。用戶體驗設計師應該專註於創造長期的用戶體驗,因此設計草圖需要包括動作、交互行為和隨時間變化的體驗。
1.2為什麽要設計素描?
草圖是幫助設計師表達、發展和交流設計思想的工具。
設計的過程就是正確的設計,然後讓設計正確。
創意發散和收斂的關系:生成和發散設計,選擇和收斂設計。
1.3畫冊
用於記錄、發展、展示和收集想法的基本材料。繪本鼓勵用戶收集和發展大量的想法,做出選擇。專註於壹個想法是沒有用的。提煉很多想法的過程是為了讓我們設計正確,而發展壹個想法的過程是為了讓設計正確。/*選擇筆記本和畫筆內容並跳過*/
1.4 10加10:收斂設計漏鬥
擴展10個不同的想法,完善所選的想法。設計漏鬥描述了作為交互設計師思考問題時習慣性使用的過程。10加10的方法如下:
闡明您的設計挑戰。
為了應對這壹挑戰,已經為該系統開發了10多種不同的設計概念。
減少設計概念的數量。
選擇最理想的設計概念作為出發點。
為設計概念創建10細節或衍生變更。
向壹群人展示妳最好的想法。
當妳的想法改變時,畫出來。
第二章取材於現實世界。
雖然大多數人認為素描是產生新想法的壹種方式,但素描實際上很大壹部分是為了快速收集現有的想法。從我們周圍的世界中汲取素材是很有價值的。當妳從別人那裏得到想法時,妳可以把那些想法作為壹個起點,啟發妳采取不同的方向,進行頭腦風暴,將現有的想法發展成新的想法,或者合並大量的想法。妳不必壹個人去做。有壹些方法可以記錄這些想法,這樣妳就可以和妳的同事分享和討論。
2.1塗鴉素描
隨時隨地快速畫出壹個想法,並抓住這個想法的精髓。塗鴉素描是壹種速度非常快的繪畫,不註重細節,保真度非常低。它關註關鍵思想以鼓勵交流。
從現有系統中獲取想法,關註整體布局和每個項目是什麽。妳創作的塗鴉草圖完全取決於妳想突出什麽。考慮:
有哪些細節?包含的細節要突出抓的主要概念。
有哪些抽象的表示?次要部分可以以某種方式弱化。
什麽可以忽略?不重要的細節完全可以忽略。
塗鴉素描:
它畫得非常快;
壹種在匆忙中快速抓住思路的方法;
需要犧牲細節和保真來換取速度;
通過練習,妳可以不用看就能畫出來。
2.2使用攝像機繪制素材
抓住啟發時刻。從材料入手最簡單的方法就是拍攝妳討厭的環境和物體,指出不合適的設計並解釋原因。發現糟糕的設計意味著讓自己對自己討厭的設計對象變得敏感,並試圖理解為什麽這個設計讓自己不開心。妳還需要對優秀的設計保持敏感,才能從有趣的設計中汲取素材。要養成拍照的習慣,最好做個博客,把找到的設計儲存起來。從激勵妳的事物中獲取素材。很多有用的想法,跨領域的想法,可能來自於日常生活中激發妳興趣的東西。
相機材料:
可以提供豐富的思想來源;
創意會留下設計需要避免的線索;
創意會帶來設計靈感的來源;
觀察世界形成習慣,拍照,是最好的做法。
2.3收集圖片和簡報
成為壹個半組織的探索者/收集者。收集圖片和演示文稿是利用妳周圍的世界獲得想法和設計過程的另壹種方式。簡而言之,就是收集別人創造的界面、視覺或數字傳播內容,收集妳的好惡,收集別人的反應。好的壞的都有用。
收集圖片和演示文稿:
搜索和收集是壹項持續的活動;
任何場景遇到的圖片都可能有幫助;
培養自己收集整理的習慣。
2.4玩具箱和實物收藏
收集實物。收集的項目分為兩部分:拆分和重建。把壹個物體拆成不同的部分,可以教會妳它的設計過程,教會妳手工搭建的思維過程。拆卸物品也可以讓妳用新的方式組裝它們。/*采集過程和方法省略*,
玩具箱和實物收藏:
集合是設計過程的基礎;
收集實物可以引發想法和討論;
物理對象可以被拆解,成為新對象的壹部分;
隨著收藏的增加,主動展覽可以擴大它的作用。
2.5分享找到的物品
分享是豐富思想的絕佳來源。不要因為不想分享就不畫了。為共享而重繪有很多好處。
第3章單壹形象
壹個典型的草圖會捕捉壹個瞬間,通常是用戶體驗中的壹個場景。然而,我們不會教妳如何成為壹名藝術家。我們將向您展示可用於創建草圖的不同方法。
3.1草圖前的預熱
通過聽壹個故事,用不離紙的筆把故事表達出來,然後讓大家評論。妳會發現:
簡單的線條,可以千變萬化;
畫家的意圖可能與觀者的理解不符;
評論是發現的過程;
評論需要仔細觀察。
3.2畫出妳所看到的
繪畫準確性的實踐。首先,根據妳的想象畫壹個人。然後找壹幅人物畫臨摹。最後把實際看到的畫出來,把之前復制的圖片旋轉180度,不是字符,而是壹堆抽象的線條。現在把三幅畫放在壹起對比,妳會發現旋轉180度後的臨摹畫,在精度和細節上都有了很大的進步。您現在已經掌握了:
繪畫很大壹部分是基於準確的觀察;
假設物體的樣子會讓繪畫變得困難;
觀察和繪畫是妳可以練習的技能。
3.3草圖詞匯表
畫物體,人和他們的動作。草圖詞匯表中的元素有:
基本的草圖元素,直線,矩形,三角形,圓形等。
復合對象,由基本草圖元素組合而成的對象。
人,簡筆畫或漫畫草圖,或抽象的形狀都可以代表人。
活動,通過區分人的姿勢,可以表達人的不同活動。
身體和情緒,不同的姿勢可以表達情緒,頭部可以加上符號。
臉和表情可以通過眉毛和嘴巴的組合來表現。
將壹個姿勢與壹張臉結合在壹起並在臉上匹配的姿勢。
將不同的素描元素組合起來表達狀態,將人的手勢與簡單的物體結合起來,形成描述具體情境的簡單素描。
3.4總體草圖
素描的基本要素:繪圖、註釋、箭頭和備註。素描不僅僅是壹幅畫,還包含具有空間關聯性的文字註釋或獨立的文字註釋。箭頭是壹種特殊的註釋方式,可以起到很大的解釋作用。
3.4合作草圖
使用草圖進行頭腦風暴,表達想法,促進互動。妳必須考慮參與者如何觸摸繪畫區域並在其上添加標記(最好是同時),妳可以對草圖進行指點。
3.6繪圖軟件
使用常見的數字渲染工具繪制草圖。
3.7素描用辦公用品
使用常見的辦公用品創建可編輯的草圖。
3.8模板
事先把草圖中固定不變的部分畫出來,作為使用和重復使用的模板。模板可以是照片、圖畫、數字或紙張的形式。
3.9照片追蹤
創建草圖截面輪廓集以構建草圖合成基礎。有些實物很難畫。通過照片追蹤,您可以快速創建不同的組件,使草圖看起來很好。首先拍壹張照片,對照片進行描摹,將描摹保存為素描元素,然後復制並在妳的素描中使用。
3.10混合草圖
合並草圖和照片。它允許您在草圖上添加位置的環境信息。這樣,我們也可以強調註釋可能被忽略的交互行為。它還可以用來強調新設計與當前設計的不同之處。
3.11的塑料泡沫設計草圖
物理媒介上的設計草圖。紙筆故事板和草圖可以與模型結合起來,模擬與設備的交互。
第四章及時捕捉:視覺敘事
想象壹個人和系統在壹段時間內的交互是交互設計的壹個特點。故事板用壹系列獨立的圖像捕捉這些時間元素,這些圖像逐屏描述發生的事情。
4.1順序故事板
想象壹段時間內交互的順序。序列故事板用於講述壹段時間內顯示的用戶體驗序列的視覺故事。故事板的難點在於決定哪些草圖是關鍵幀,觀看者能否填充這些幀之間的過渡空間。註釋故事板會很有幫助,尤其是解釋用戶在過渡中的交互行為。關鍵決策:要不要在場景中畫用戶?應該用哪些幀來表示順序?應該展示哪些關鍵變化?
4.2狀態轉換圖
壹種可視化描述壹段時間內的狀態、過渡和決策路徑的方法,類似於順序故事板。
4.3分公司故事板
將壹段時間內的交互決策可視化。
4.4敘事故事板
講述壹段時間內的使用情況。故事板草圖可以手繪,也可以由照片組成。要手動繪制故事板:
畫出沒有框架的故事板的輪廓;
設計故事線;
畫壹個靜態鏡頭(簡介);
通過合適的照片繼續畫故事線草圖;
突出行動和行動;
向他人重復說明。
第五章:讓用戶體驗生動。
如果故事板中的每個草圖之間有良好的連接,那麽您可以將故事板升級為交互式視頻。這些視頻可以通過回放這些故事,展示故事的分支情節,進行可視化的敘述。將交互過程制作成圖像配準的動畫。只需將故事草圖中的每壹幀放在PPT的每壹頁上,還可以通過超鏈接展示分支故事。
第六章邀請他人參與草圖設計
動畫原型可以通過回放故事或呈現故事的不同分支來提供交互過程的視覺敘事。它的另壹個目的是將目標用戶引入到這種視覺敘事中,讓用戶進行真實的行為操作,獲得自己的真實感受,從而產生真實的用戶體驗。然後妳就可以探究用戶對這個動畫原型的真實感受了。或者妳可以給別人看妳的作品,請他們給妳建議。
6.1探索原始心智模式
系統中的視覺元素會向用戶傳達大量的信息,然後用戶會在此基礎上解釋整個系統的工作原理,最終形成壹個關於系統的心智模型。您可以讓用戶查看系統原型草圖並解釋這些元素,從而簡單快速地找到他們的心智模型。通過對比用戶與系統實際心智模型的差異和不匹配,可以快速發現系統的可用性問題,為妳的設計叠代提供線索。
6.2綠野仙蹤
素描在人的控制下對人的操作進行反饋。妳扮演系統的後臺,接受並分析用戶的操作行為,然後人工做出相應的反饋。
6.3大聲思考
讓用戶描述他們在使用界面草圖時的想法和動機。通過傾聽用戶的想法和運營方案,妳可以了解他們解決問題的意圖和策略,然後妳可以根據這些進壹步檢驗產品是否符合用戶的預期。
6.4草圖板
將草圖張貼在公告板上,與同事分享。項目原型壹旦畫出來,就要曝光。告訴別人素描的過程可以幫妳理清思路,回答別人的問題會讓妳有新的視角。
6.5審查
展示自己的素描想法,求建議。