【筆記5】目標導向設計--框架摸柄、測試與合作

這是《About Face 4》目標導向設計的最后一篇讀書筆記颤练,通過前面的需求提取,現(xiàn)在我們可以搭建產品的基本框架并不斷進行細化驱负,再通過測試去驗證嗦玖。最后患雇,還會提及了一下關于團隊合作的一些概念和方法。

本文的基本內容如下:

  1. 四種設計框架的基本流程:交互框架宇挫、視覺框架苛吱、工業(yè)設計框架、服務框架
  2. 測試的內容器瘪、時間以及相關的問題
  3. 合作中的創(chuàng)造者與綜合者

一翠储、設計框架

產品交互框架

交互框架不僅要對高層次的屏幕布局進行定義,還要定義產品的工作流娱局、行為和組織彰亥。步驟如下:

  1. 定義形式要素咧七、姿態(tài)和輸入方法
  2. 定義功能性和數(shù)據(jù)元素
  3. 確定功能組和層級
  4. 勾畫交互設計框架
  5. 構建關鍵線路情景劇本
  6. 運用驗證性場景來檢查設計
交互框架定義過程
1. 定義形式要素衰齐、姿態(tài)和輸入方法

形態(tài)要素指的是:產品是高分辨率電腦屏幕上的web應用?是小巧继阻、輕便耻涛、低分辨率,無論強光還是黑暗處都能看清屏幕的手機瘟檩?是嘈雜的公共場所中供眾多容易分心的新手使用的信息亭抹缕?每種產品的外觀因素對于產品的設計都有明顯的影響。
姿態(tài)是指用戶將會投入多大的注意力和產品互動墨辛,以及產品的行為將會對用戶投入的注意力做出何種反應卓研。
輸入方法指的是用戶和產品互動的方式,包括鍵盤睹簇、鼠標奏赘、小鍵盤、拇指板太惠、觸摸屏磨淌、聲音、游戲桿凿渊、遙控器梁只、專門按鍵等多種可能。

2. 定義功能性和數(shù)據(jù)元素

功能性和數(shù)據(jù)元素代表著界面中要展現(xiàn)給用戶的功能和數(shù)據(jù)埃脏,是需求定義階段中所確定下來的功能和數(shù)據(jù)需求的具體表現(xiàn)形式搪锣。
數(shù)據(jù)元素通常是交互產品中的基本主體、比如照片彩掐、客戶記錄及訂單等淤翔,是用戶可以訪問、反應以及操作的基本個體佩谷。同時還要考慮元素之間的關系旁壮,因為有很多事相互嵌套的监嗜。
功能元素是針對界面中的數(shù)據(jù)元素及其顯示所做的操作,一般來說抡谐,功能元素包括數(shù)據(jù)元素操作工具裁奇,以及數(shù)據(jù)元素的視覺和結構化管理方式。

3. 確定功能組和層級

主要要考慮的問題如下:

  • 哪些元素需要大片的視頻區(qū)域麦撵,哪些不需要
  • 哪些元素能夠容納其他元素
  • 容器如何組織才能優(yōu)化工作流
  • 哪些元素需要捆綁使用刽肠,哪些不是
  • 相關聯(lián)的元素使用時順序如何
  • 哪些數(shù)據(jù)元素有助于人物模型做出決定
  • 采用何種交互模式和原則
  • 人物模型的心理模型如何影響元素組織
4. 勾畫交互框架

這部分沒什么好講的,就是將前面的得到的功能組免胃,層級等勾畫出來音五,不用太過精細,關鍵要快速羔沙、容易修改躺涝、易于分享。

5.構建關鍵線路情境劇本

關鍵線路情境是以任務為導向的扼雏,關注的是一些任務的細節(jié)坚嗜。這一部分包括前面的兩個是可以不斷反復進行,直到產出比較穩(wěn)定的設計方案诗充。

6. 通過驗證性的場景來檢查設計

驗證性場景不像關鍵線路情境劇本那樣詳細苍蔬,而是包括一系列假設性的問題,主要目的在于指出設計方案的漏洞蝴蜓。主要有三類:

  • 替代場景:指的是一些例外的情況碟绑,或者不經常使用的功能等
  • 必須使用的場景:指的是那些必須要執(zhí)行,但又不經常發(fā)生的動作茎匠,比如清空消息記錄格仲、升級等。
  • 邊緣場景:指的是幾乎不怎么使用汽抚,但最好應該有的功能抓狭。

視覺設計框架

這個過程遵循了交互框架類似的路徑,首先在高層次上考慮解決方案造烁,然后逐步縮小范圍否过,處理越來越精細的細節(jié)設計。

  1. 開發(fā)視覺體驗特征
  2. 開發(fā)視覺語言研究
  3. 將已選擇的視覺風格應用于屏幕原型
1. 開發(fā)視覺體驗特征

選擇三到五個形容詞來定義產品的音調惭蟋、語音和品牌承諾苗桂。這一組描述性的關鍵詞統(tǒng)一被稱為“體驗特征”。

2. 開發(fā)視覺語言研究

主要是探索多種視覺處理方案告组,包括顏色煤伟、類型、小部件處理、以及整體的外形尺寸和界面的“材料”屬性便锨,比如围辙,界面看起來像紙還是像玻璃。

3. 將已選擇的視覺風格應用于屏幕原型

這個步驟是在交互框架設計后期進行的放案,這時整個設計開始趨于定型姚建,有足夠多的具體細節(jié)用來反映視覺風格。

另外吱殉,書中還簡單提到了工業(yè)設計框架和服務設計框架掸冤,感覺比較少用到,這里就不說了友雳。下面講一下測試方面的稿湿。

二、驗證與測試

把設計出來的解決方案展示給用戶押赊,從而獲得用戶反饋饺藤,對設計有很大的幫助。
測試可以用來驗證以下內容:

  • 命名:部件/按鈕標簽是否合理考杉?某些詞語反響是否更好策精?
  • 組織:信息是否進行有意義的分類舰始?用戶能否在想找的位置找到特定的部件崇棠?
  • 初次使用和可發(fā)現(xiàn)性:常用項目是否易于新用戶的尋找?指令是否清晰丸卷、必要枕稀?
  • 有效性:顧客能否有效完成具體任務?有沒有犯錯谜嫉?哪里出錯萎坷?是否經常發(fā)生?

測試可以分為兩種:最終性評價和形成性評價沐兰,前者是對已經完成的產品的測試哆档,后者是對設計過程中交互過程的某一部分進行的測試。
要確保形成性測試成功住闯,需要做到以下幾點:

  • 測試時間不能太早瓜浸,要在基本的設計成型之后開始,這樣才能有實質性的內容可供測試比原;也不能太晚插佛,這樣一旦發(fā)現(xiàn)問題,還能對設計和實現(xiàn)進行調整量窘。
  • 要挑選適合現(xiàn)有產品的測試任務和用戶體驗內容雇寇。
  • 從目標用戶群中招募參與人員,并以人物模型為指導。
  • 讓參與測試人員清晰地執(zhí)行規(guī)定任務锨侯,并采用出聲思考的方式嫩海。
  • 直接讓參與測試人員使用技術含量低的原型(有例外)
  • 協(xié)調各個會議討論,從而確定問題囚痴,找出問題的起因出革。
  • 讓之前未參與該項目的人充當協(xié)調者,從而盡可能減少偏見渡讼。
  • 關注實驗參與者的行為及其基本原理骂束。
  • 測試后和觀察者一起聽取報告,找出并確定所觀察到的問題的原因成箫。
  • 在研究過程中要有設計者參與展箱。

三、團隊合作

關于團隊合作這部分現(xiàn)在沒有什么體會蹬昌,不過書中提到了兩個概念:創(chuàng)造者與綜合者混驰,對我有不少啟發(fā),下面主要講講這兩個概念皂贩。
簡單地講栖榨,創(chuàng)意者是可以進行無邊無際的創(chuàng)意構想,自由地創(chuàng)造明刷、思考和探索的婴栽,綜合者是需要對創(chuàng)造進行指導和聚焦,引導結果的產出辈末。
下面直接引用書中的幾個圖來說明兩者的區(qū)別

設計討論會上
不同的思考角度
不同的責任和優(yōu)缺點
不同的任務導向

關于目標導向設計方法的總結就到這里了愚争,之后應該會繼續(xù)寫《About Face 4》中寫到的一些設計原則和設計模式,也有可能是交互設計相關的其他東西挤聘。
以上轰枝。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市组去,隨后出現(xiàn)的幾起案子鞍陨,更是在濱河造成了極大的恐慌够滑,老刑警劉巖轻姿,帶你破解...
    沈念sama閱讀 211,743評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異叮姑,居然都是意外死亡广料,警方通過查閱死者的電腦和手機砾脑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來艾杏,“玉大人韧衣,你說我怎么就攤上這事。” “怎么了畅铭?”我有些...
    開封第一講書人閱讀 157,285評論 0 348
  • 文/不壞的土叔 我叫張陵氏淑,是天一觀的道長。 經常有香客問我硕噩,道長假残,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,485評論 1 283
  • 正文 為了忘掉前任炉擅,我火速辦了婚禮辉懒,結果婚禮上,老公的妹妹穿的比我還像新娘谍失。我一直安慰自己眶俩,他們只是感情好,可當我...
    茶點故事閱讀 65,581評論 6 386
  • 文/花漫 我一把揭開白布快鱼。 她就那樣靜靜地躺著颠印,像睡著了一般。 火紅的嫁衣襯著肌膚如雪抹竹。 梳的紋絲不亂的頭發(fā)上线罕,一...
    開封第一講書人閱讀 49,821評論 1 290
  • 那天,我揣著相機與錄音窃判,去河邊找鬼钞楼。 笑死,一個胖子當著我的面吹牛兢孝,可吹牛的內容都是我干的窿凤。 我是一名探鬼主播仅偎,決...
    沈念sama閱讀 38,960評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼跨蟹,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了橘沥?” 一聲冷哼從身側響起窗轩,我...
    開封第一講書人閱讀 37,719評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎座咆,沒想到半個月后痢艺,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 44,186評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡介陶,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,516評論 2 327
  • 正文 我和宋清朗相戀三年堤舒,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片哺呜。...
    茶點故事閱讀 38,650評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡舌缤,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情国撵,我是刑警寧澤陵吸,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站介牙,受9級特大地震影響壮虫,放射性物質發(fā)生泄漏。R本人自食惡果不足惜环础,卻給世界環(huán)境...
    茶點故事閱讀 39,936評論 3 313
  • 文/蒙蒙 一囚似、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧线得,春花似錦谆构、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至魏保,卻和暖如春熬尺,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背谓罗。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評論 1 266
  • 我被黑心中介騙來泰國打工粱哼, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人檩咱。 一個月前我還...
    沈念sama閱讀 46,370評論 2 360
  • 正文 我出身青樓揭措,卻偏偏與公主長得像,于是被迫代替她去往敵國和親刻蚯。 傳聞我的和親對象是個殘疾皇子绊含,可洞房花燭夜當晚...
    茶點故事閱讀 43,527評論 2 349

推薦閱讀更多精彩內容