一個(gè)豐富的UI原型可能是一件了不起的事情。它可以使現(xiàn)有產(chǎn)品重新煥發(fā)生機(jī)，并賦予其競(jìng)爭(zhēng)優(yōu)勢(shì)，也可以是如此具有變革性，從而創(chuàng)造出一個(gè)全新的前沿品類(lèi)。在嵌入式開(kāi)發(fā)中，通過(guò)豐富的圖形和storyboard，很容易捕捉這種UI潛力，讓用戶(hù)體驗(yàn)充滿(mǎn)動(dòng)畫(huà)和生活的精彩體驗(yàn)。

　　然而，隨著這種潛力的產(chǎn)生，銷(xiāo)售產(chǎn)品的能力也隨之而來(lái)，從原型到開(kāi)發(fā)再到產(chǎn)品部署的挑戰(zhàn)不容小覷。你為豐富的UI體驗(yàn)所付出的代價(jià)是根據(jù)產(chǎn)品軟件復(fù)雜性、硬件要求和時(shí)間的增加來(lái)衡量的。

　　傳統(tǒng)模式包括設(shè)計(jì)團(tuán)隊(duì)構(gòu)建用戶(hù)體驗(yàn)?zāi)_本，而無(wú)需承諾參與整個(gè)應(yīng)用程序設(shè)計(jì)的其余部分。storyboard允許以不同的方式開(kāi)發(fā)豐富的交互式用戶(hù)界面，并幫助解決在高性?xún)r(jià)比的嵌入式產(chǎn)品中成功實(shí)現(xiàn)這些體驗(yàn)的挑戰(zhàn)。

　　讓設(shè)計(jì)師參與UI圖形創(chuàng)建。

　　在嵌入式開(kāi)發(fā)中，Storyboard做的第一件不同的事情是在原型和構(gòu)思階段讓用戶(hù)體驗(yàn)和設(shè)計(jì)團(tuán)隊(duì)參與進(jìn)來(lái)。Photoshop、Illustrator、Sketch和其他圖形設(shè)計(jì)工具面向圖形創(chuàng)建和簡(jiǎn)單工作流。

　　通過(guò)將這些工具與Storyboard相結(jié)合，UI設(shè)計(jì)團(tuán)隊(duì)可以：

　　l 為原型添加真實(shí)的工作流和交互;

　　l 多個(gè)屏幕和復(fù)雜的動(dòng)畫(huà);

　　l 以及具有模擬實(shí)時(shí)數(shù)據(jù)的非線(xiàn)性工作流。

　　Storyboard在開(kāi)發(fā)的這一階段包含變化，允許快速的視覺(jué)和布局變化，并快速組裝替代演示或迭代。創(chuàng)建的內(nèi)容可以放在移動(dòng)、桌面或商品硬件上的真實(shí)用戶(hù)面前，而無(wú)需大量的工程投資。這樣，團(tuán)隊(duì)就可以在提交其他工程資源之前很好地了解用戶(hù)如何與原型產(chǎn)品交互。

　　從原型到產(chǎn)品。

　　使用Storyboard，從原型到產(chǎn)品開(kāi)發(fā)很容易。嵌入式開(kāi)發(fā)工程團(tuán)隊(duì)可以使用與用戶(hù)體驗(yàn)和設(shè)計(jì)團(tuán)隊(duì)相同的工具。可以添加額外的管道和特定的業(yè)務(wù)邏輯，并且可以與硬件和操作系統(tǒng)選擇并行地優(yōu)化工作流。在典型的UI設(shè)計(jì)和開(kāi)發(fā)工作流中，最大的挑戰(zhàn)之一是將UI原型的意圖與產(chǎn)品硬件/軟件配置能夠提供的內(nèi)容的現(xiàn)實(shí)相一致。憑借Storyboard廣泛的目標(biāo)硬件和操作系統(tǒng)支持，早期原型可以作為硬件選擇的參考，或作為用戶(hù)界面本身的早期調(diào)整指南。

　　優(yōu)化用戶(hù)界面。

　　優(yōu)化用戶(hù)界面，這句話(huà)的含義在很大程度上取決于你的角色。作為一名用戶(hù)體驗(yàn)設(shè)計(jì)師，優(yōu)化用戶(hù)界面設(shè)計(jì)關(guān)乎體驗(yàn)。在最終的產(chǎn)品環(huán)境中，事物看起來(lái)如何，更重要的是，它們是否感覺(jué)正確。關(guān)于GUI顯示器或觸摸屏質(zhì)量的錯(cuò)誤決定可能會(huì)對(duì)用戶(hù)體驗(yàn)產(chǎn)生毀滅性影響。

　　作為嵌入式開(kāi)發(fā)人員，優(yōu)化UI與資源有關(guān)。最終產(chǎn)品在多大程度上接近CPU、內(nèi)存和存儲(chǔ)容量的極限?能否通過(guò)以一種資源換取另一種資源來(lái)優(yōu)化性能?如果UI沒(méi)有按預(yù)期運(yùn)行，可以進(jìn)行哪些可視或運(yùn)行時(shí)更改以使其更具響應(yīng)性?

　　無(wú)論你的角色如何，用戶(hù)界面所需的更改都需要在一個(gè)方面做出妥協(xié)，以增強(qiáng)另一個(gè)方面。然而，為了做出妥協(xié)，你需要能夠衡量?jī)r(jià)值和收益，而在用戶(hù)界面中衡量這些指標(biāo)可能會(huì)很尷尬。這些妥協(xié)不能由一個(gè)單獨(dú)的團(tuán)隊(duì)做出，它們需要產(chǎn)品開(kāi)發(fā)團(tuán)隊(duì)的各個(gè)方面的參與。為了給對(duì)話(huà)帶來(lái)意義，你需要數(shù)據(jù)。Storyboard為你提供了此優(yōu)化的洞察力。

　　優(yōu)化用戶(hù)界面的注意事項(xiàng)：

　　1.查看內(nèi)存消耗和存儲(chǔ)成本等簡(jiǎn)單指標(biāo)。

　　2.了解應(yīng)用程序運(yùn)行時(shí)行為。

　　3.與UI設(shè)計(jì)和工程團(tuán)隊(duì)就知情妥協(xié)進(jìn)行合作。

　　從簡(jiǎn)單的指標(biāo)開(kāi)始——內(nèi)存消耗(RAM)和存儲(chǔ)成本(閃存)。從“情節(jié)提要”中，嵌入式開(kāi)發(fā)人員可以看到在用戶(hù)界面設(shè)計(jì)中使用的字體和圖像如何影響這兩種資源的使用。度量視圖提供了設(shè)計(jì)時(shí)的即時(shí)反饋，通過(guò)每個(gè)屏幕的細(xì)分，你甚至可以在部署到目標(biāo)之前確定應(yīng)該期望的高水印。可以在圖像和字體的大小、質(zhì)量和組成方面做出明智的妥協(xié)，以適應(yīng)系統(tǒng)限制。

　　使用Storyboard Engine的性能日志工具測(cè)量運(yùn)行時(shí)行為。性能日志通過(guò)提供有關(guān)用戶(hù)界面動(dòng)態(tài)執(zhí)行的詳細(xì)信息，接管了度量視圖。該工具允許將CPU和內(nèi)存消耗與視覺(jué)性能指標(biāo)(如重繪速率和資源加載時(shí)間)疊加在一起。然后，GUI設(shè)計(jì)和工程團(tuán)隊(duì)可以與該配置文件信息一起工作，以識(shí)別可能需要調(diào)整行為的UI熱點(diǎn)。這可能是降低動(dòng)畫(huà)速率的問(wèn)題，或者通過(guò)在運(yùn)行時(shí)將它們合并在一起來(lái)減少離散視覺(jué)組件的總數(shù)。無(wú)論是什么，知情的妥協(xié)都是基于與用戶(hù)體驗(yàn)意圖一致的價(jià)值衡量。

　　選擇UI開(kāi)發(fā)框架。

　　用戶(hù)體驗(yàn)和豐富的視覺(jué)呈現(xiàn)可能是一個(gè)巨大的產(chǎn)品差異，在某些情況下甚至可以創(chuàng)建一個(gè)新的市場(chǎng)類(lèi)別。團(tuán)隊(duì)需要一個(gè)UI開(kāi)發(fā)框架，如Storyboard，允許他們調(diào)整和折衷他們的用戶(hù)界面設(shè)計(jì)，不僅要滿(mǎn)足CPU、內(nèi)存和存儲(chǔ)的工程限制，還要保持高質(zhì)量的用戶(hù)體驗(yàn)。

　　妥協(xié)是大多數(shù)嵌入式開(kāi)發(fā)團(tuán)隊(duì)都會(huì)面臨的現(xiàn)實(shí)，因此，請(qǐng)確保你的權(quán)衡平衡了用戶(hù)體驗(yàn)的各個(gè)方面，使用一個(gè)能讓你充分了解的工具。