emmm偷懶了很久膨俐，我又開始看書了嚯嚯嚯。
第五章?設(shè)計(jì)產(chǎn)品：框架和提煉
回顧上章归薛，講述產(chǎn)品定義需求谍憔，需求不是產(chǎn)品的功能列表MRD/PRD，而是定義設(shè)計(jì)中要解決的問題主籍。其次場(chǎng)景是描述產(chǎn)品用戶交互的方法习贫，需求階段需要用到情景場(chǎng)景，以及介紹了定義需求的過程千元。
這章主要對(duì)設(shè)計(jì)產(chǎn)品創(chuàng)建框架苫昌，主要內(nèi)容：1.創(chuàng)建設(shè)計(jì)框架：交互/視覺。2.細(xì)化外觀和行為幸海。3.驗(yàn)證與測(cè)試設(shè)計(jì)祟身。
一、創(chuàng)建交互框架——交互部分
? ? 在設(shè)計(jì)產(chǎn)品過程中不要過早的把注意力放在產(chǎn)品的細(xì)節(jié)上物独，可以先出一個(gè)低保真但不包含細(xì)節(jié)的設(shè)計(jì)方案或設(shè)計(jì)框架袜硫，設(shè)計(jì)框架包括組織原則、屏幕上的功能元素的排列挡篓、工作流程婉陷、產(chǎn)品交互、傳遞信息的視覺語言、功能性和品牌識(shí)別等一系列聽不懂的專業(yè)術(shù)語憨攒。
以下6個(gè)步驟是交互框架的整個(gè)定義過程世杀。
第一步：是確定產(chǎn)品的形式，不同的形式對(duì)產(chǎn)品設(shè)計(jì)暗含著不同限制肝集。例如手機(jī)/web/信息亭/博物館信息展示屏幕等。
確立形式蛛壳，也要注重產(chǎn)品的基本姿態(tài)（posture）杏瞻，姿態(tài)指用戶對(duì)產(chǎn)品使用投入的注意力和產(chǎn)品互動(dòng)。例如獨(dú)占姿態(tài)和暫時(shí)姿態(tài)衙荐。簡(jiǎn)單的說捞挥，獨(dú)占姿態(tài)是指用戶長(zhǎng)時(shí)間專注在這個(gè)產(chǎn)品上，可能以小時(shí)為單位忧吟；暫時(shí)姿態(tài)宰衙，指只需要用戶一點(diǎn)點(diǎn)的注意力愕贡，完成一下任務(wù)就可以馬上離開。對(duì)于姿態(tài)的概念，在第9章會(huì)深入討論诽嘉。
輸入方法指用戶和產(chǎn)品交互的方式。例如命浴，鍵盤/鼠標(biāo)/拇指板/聲音/游戲桿/遙控器/專門按鍵等装悲。輸入方法可以由主要和次要人物模型選擇，如果輸入方法太多寡壮，就要確定一個(gè)主要的輸入方法贩疙。
第二步：定義功能和數(shù)據(jù)。根據(jù)上一步定義需求階段確定下來的功能數(shù)據(jù)的需求况既，框架主要是把這些需求以什么樣的形式展現(xiàn)給用戶这溅。這部分可以重點(diǎn)關(guān)注人物模型關(guān)心數(shù)據(jù)，以及數(shù)據(jù)和數(shù)據(jù)之間的關(guān)系棒仍。例如悲靴，付款商品的頁(yè)面，要展示付款商品條目的價(jià)格和數(shù)量這樣的數(shù)據(jù)降狠。例如下圖1.2对竣，根據(jù)上一步需求總結(jié)出來的數(shù)據(jù)需求和功能需求，在這一步根據(jù)設(shè)計(jì)原則和模式列出詳細(xì)的設(shè)計(jì)元素榜配，例如得到聯(lián)系人的數(shù)據(jù)有：名字/頭像/電話號(hào)碼否纬，功能需求的詳細(xì)功能就有：撥打電話和掛斷電話。
場(chǎng)景提供的是一種自上而下的設(shè)計(jì)方法蛋褥，從主界面到微小的小窗口和對(duì)話框临燃，場(chǎng)景反復(fù)運(yùn)用在越來越細(xì)致的設(shè)計(jì)結(jié)構(gòu)上。
而原則和模式則是一種自下而上的方法，用來平衡整個(gè)設(shè)計(jì)過程膜廊，組織每個(gè)設(shè)計(jì)層次上的各個(gè)元素乏沸。
第三步：確定功能組和層級(jí)是對(duì)上一步的數(shù)據(jù)和功能元素進(jìn)行分組，確定好各自的層級(jí)關(guān)系爪瓜，并分好屏幕蹬跃。
分組時(shí)，需要考慮產(chǎn)品運(yùn)行的平臺(tái)铆铆、姿態(tài)蝶缀、屏幕的大小和輸入的方法等。
把元素分屏?xí)r薄货，是把已有的功能數(shù)據(jù)和元素分屏幕翁都，這時(shí)可能會(huì)出現(xiàn)一個(gè)屏幕滿足幾個(gè)需求的情況，也有可能現(xiàn)有的功能無法滿足用戶的限有目標(biāo)谅猾，這個(gè)時(shí)候就需要加入新的屏幕柄慰。例如圖1.3，撥打電話這功能税娜，就可以把撥打前分為一組坐搔，撥打過程中分為一組。
第四部：勾畫交互框架巧涧，是完善上一步的內(nèi)容薯蝎，并補(bǔ)充界面一些輔助的信息，并且為每個(gè)元素設(shè)計(jì)好大小和位置等谤绳。框架草圖要簡(jiǎn)單占锯，采用方塊圖、名稱及不同功能區(qū)來簡(jiǎn)單的描述就好缩筛。這個(gè)階段注意不要陷入細(xì)節(jié)設(shè)計(jì)中消略。草圖畫好后，可以開始用電腦上的工具來進(jìn)行繪圖瞎抛。
第五步：構(gòu)建關(guān)鍵線路情景劇本艺演，這一部分是通過文本的形式，描繪出關(guān)鍵線路活動(dòng)的用戶如何與交互框架進(jìn)行交互的過程桐臊，這便于找出產(chǎn)品再交互中可能會(huì)出現(xiàn)的問題胎撤。關(guān)鍵線路場(chǎng)景主要以任務(wù)為導(dǎo)向，細(xì)節(jié)上主要描繪每個(gè)交互的精確行為断凶。
然后根據(jù)情景劇本設(shè)計(jì)出故事版伤提，故事版是個(gè)低保真的Demo，用分鏡的形式把用戶完成目標(biāo)的過程表現(xiàn)出來认烁。
第六步：通過驗(yàn)證性的從場(chǎng)景來檢查設(shè)計(jì)肿男，這一步重點(diǎn)針對(duì)那些不太頻繁使用和不太重要的交互設(shè)計(jì)上介汹，一般以假設(shè)性的問題來找出設(shè)計(jì)方案中的漏洞。一般解決以下三類主要的驗(yàn)證場(chǎng)景：
（1）替代場(chǎng)景：指的是用戶在決策過程中舶沛，關(guān)鍵路徑某個(gè)點(diǎn)的代替或者分叉點(diǎn)嘹承。簡(jiǎn)單地說就是用戶在使用產(chǎn)品的主要功能的時(shí)候忽然不按常理出牌。例如如庭，一款智能手機(jī)的場(chǎng)景中叹卷，小A決定通過郵件的方式而不是電話的方式聯(lián)系小B。
（2）必須使用場(chǎng)景：指那些不經(jīng)常柱彻，一定用到的豪娜。例如，清除手機(jī)內(nèi)存哟楷，升級(jí)設(shè)備等。
（3）邊緣情景場(chǎng)景：指的是不經(jīng)常否灾，不一定用到的卖擅。例如，在添加重名聯(lián)系人的時(shí)候墨技，手機(jī)應(yīng)該有能力處理這樣的情況惩阶。
二、創(chuàng)建交互框架——視覺部分
完成好產(chǎn)品的交互框架扣汪，然后就是給產(chǎn)品定一個(gè)視覺風(fēng)格断楷，一般可以通過收集品牌信息、收集大牌子特征產(chǎn)品崭别、競(jìng)品分析等方法冬筒。
三、細(xì)化外觀和行為
在交互框架和視覺風(fēng)格定下后茅主，就可以把低保真的Demo變成高保證的原型舞痰，這階段，視覺和交互設(shè)計(jì)者需要緊密配合工作诀姚，以保證設(shè)計(jì)上的視覺變化可以繼續(xù)加強(qiáng)恰當(dāng)?shù)禺a(chǎn)品行為响牛，滿足主要人物模型的目標(biāo)。
匠心APP高保真
四赫段、驗(yàn)證與測(cè)試設(shè)計(jì)
完成后的產(chǎn)品需要驗(yàn)證與測(cè)試呀打，一般初次使用的可用性測(cè)試可以關(guān)注一下幾個(gè)點(diǎn)：
1.命名——按鈕/標(biāo)簽是否擺放合理？文字描述是否清晰易懂糯笙？
2.組織——信息分類是否有意義贬丛？用戶能否在想找的位置找到他們特定的功能？
3.初次使用和可發(fā)現(xiàn)性——常用功能是否易于尋找炬丸？指令是否清晰瘫寝、必要蜒蕾？
4.有效性——用戶是否能夠順利完成具體任務(wù)？有無犯錯(cuò)焕阿？錯(cuò)在哪兒咪啡？是否經(jīng)常發(fā)生？
針對(duì)時(shí)機(jī)的不同暮屡，有兩種測(cè)試方法撤摸，一種是最終性測(cè)試，另一種是形成性測(cè)試褒纲。
最終性測(cè)試是產(chǎn)品發(fā)布前對(duì)產(chǎn)品進(jìn)行測(cè)試准夷，這部分測(cè)試時(shí)更多的時(shí)候再次檢查產(chǎn)品的質(zhì)量保證過程，若出現(xiàn)錯(cuò)誤也很難在修改莺掠，但可以作為下一次設(shè)計(jì)的參考衫嵌。
形成性測(cè)試是細(xì)化階段中進(jìn)行的設(shè)計(jì)，可快速定位問題改進(jìn)設(shè)計(jì)彻秆。
本書所介紹的產(chǎn)品設(shè)計(jì)流程基本上就是這樣楔绞，之后就是不斷地循環(huán)迭代的過程，讓產(chǎn)品越來越優(yōu)秀唇兑。
后面幾章的內(nèi)容開始講交互設(shè)計(jì)中的設(shè)計(jì)原則~敬請(qǐng)期待吧酒朵！
