設(shè)計(jì)與突破，解析智能電視UI的選擇！

　　不知道大家在選購電視或者盒子的時(shí)候，都是依據(jù)什么標(biāo)準(zhǔn)去選擇的！面對(duì)琳瑯滿目的產(chǎn)品時(shí)，又是否有自己特定的評(píng)判標(biāo)準(zhǔn)！不可否認(rèn)，如今的智能電子產(chǎn)品市場魚龍混雜，不光是產(chǎn)品種類的豐富，而且各品牌戰(zhàn)線也同樣豐富，從低到高，異常駁淚！對(duì)于80、90后這些追求用戶體驗(yàn)感的人群來說，怎么去選擇一款優(yōu)秀的產(chǎn)品，便是最為迫切的命題！

　　為此，ZNDS小編將從不同范圍、不同角度去盡力為大家分析電視UI的屬性特征！

　　UI設(shè)計(jì)是人機(jī)交互體驗(yàn)中尤為關(guān)鍵的一環(huán)，雖說硬件是鋪設(shè)產(chǎn)品的物質(zhì)基礎(chǔ)，但是面對(duì)日進(jìn)增益的硬件水平，系統(tǒng)UI已然顯得更為重要。為什么蘋果、小米會(huì)如此成功，用戶的粘性大，這其中便要?dú)w結(jié)于IOS與MIUI的優(yōu)勢。

　　不管是電視還是盒子，都離不開UI系統(tǒng)的構(gòu)架。我們一般談?wù)揢I設(shè)計(jì)的范疇主要從視覺、邏輯、交互多方面去考量，這是決定交互體驗(yàn)的核心！話不多說，我們直接通過實(shí)際的UI來闡述！（以小米盒子UI為例）

1474449441948505.jpg (96.63 KB, 下載次數(shù): 7)

下載附件  保存到相冊(cè)

2016-9-24 12:44 上傳

　　上圖為小米盒子3增強(qiáng)版UI，可以說主流電視或者盒子UI設(shè)計(jì)皆由Metro UI風(fēng)格演變而來，界面以卡片式圖標(biāo)鋪墊，進(jìn)行內(nèi)容展示！UI設(shè)計(jì)最難的地方在于視覺性與交互邏輯的協(xié)調(diào)兼容！用戶總是既想要UI精簡清爽，又想要內(nèi)容豐富，劃分明細(xì)。所以對(duì)于邏輯交互的把控非常關(guān)鍵。

　　主流UI圖標(biāo)都是以扁平化的風(fēng)格演進(jìn)，當(dāng)然也不排除一些擬物風(fēng)的！圖標(biāo)的作用在于內(nèi)容展示，設(shè)立大小圖標(biāo)。大圖標(biāo)具有內(nèi)容識(shí)別的優(yōu)先級(jí)。比如小米UI，今日推薦便是在線影視板塊最優(yōu)先讀取的內(nèi)容。整體判定以美觀、統(tǒng)一性為標(biāo)準(zhǔn)，當(dāng)然，接受自定義設(shè)置的為更優(yōu)！

　　頁面布局關(guān)乎著交互與視覺的體驗(yàn)，如何以最合理簡單的排版將內(nèi)容傳遞給用戶，使得用戶在交互體驗(yàn)上使用便捷，是UI設(shè)計(jì)需要考慮的另一個(gè)點(diǎn)。比如小米盒子，通過在線影視、生活方式和應(yīng)用圈三部分做板塊的劃分，并且在影視板塊進(jìn)行更多的二級(jí)菜單布局，合理準(zhǔn)確的把握了用戶認(rèn)知需求的點(diǎn)！使得小米UI整體設(shè)計(jì)簡潔易懂。因此，內(nèi)容布局當(dāng)以條理有序，忌諱雜亂無章！精簡易懂，能引導(dǎo)用戶便捷的完成操控。

　　視覺緩沖其實(shí)也是頁面布局的一部分，即圖標(biāo)、內(nèi)容排版不宜過于豐富，要留有一定的空白緩沖區(qū)。如小米UI，圖標(biāo)展示占據(jù)了屏幕顯示的一半內(nèi)容，上下層級(jí)具有相當(dāng)大一部分的視覺緩沖區(qū)。所以說視覺效果會(huì)比較清爽整潔，給人的感覺更精神。為此，UI設(shè)計(jì)的圖標(biāo)引導(dǎo)，不應(yīng)該占據(jù)屏幕顯示的絕對(duì)區(qū)域，最好預(yù)留20%-30%的緩沖，這樣內(nèi)容布局就會(huì)很明朗。

image18.jpg (113.68 KB, 下載次數(shù): 10)

下載附件  保存到相冊(cè)

2016-9-24 12:44 上傳

　　內(nèi)容板塊劃分定格之后，將引導(dǎo)交互形式的產(chǎn)生。一般UI設(shè)計(jì)貫以從左到右或者從上到下的縱橫交互邏輯，也定型產(chǎn)生了幾種不同形式的UI設(shè)計(jì)。比如微鯨電視的UI，便采用瀑布流式的交互界面，運(yùn)用上下級(jí)主導(dǎo)交互，這就與小米UI的橫向操控指示不同。個(gè)人認(rèn)為，上下級(jí)交互方式的引導(dǎo)，具備更順暢自然的邏輯處理關(guān)系，實(shí)際體驗(yàn)會(huì)更順手一些。

IMG_2169_副本.jpg (64 KB, 下載次數(shù): 9)

下載附件  保存到相冊(cè)

2016-9-24 12:44 上傳

　　▼天貓魔盒UI

電影清晰度.png (311.55 KB, 下載次數(shù): 9)

下載附件  保存到相冊(cè)

2016-9-24 12:44 上傳

　　其實(shí)包括遙控器、硬件等在內(nèi)的各方面都是影響交互體驗(yàn)的，不過，我們今天只談UI，而最后決定的一點(diǎn)就是邏輯步驟。它的意思就是：你想要找到你想看的內(nèi)容，需要的步驟。比如說電影里面的設(shè)置選項(xiàng)，小米UI就多了一步交互層級(jí)（菜單鍵呼出設(shè)置選項(xiàng)，清晰度設(shè)置需要點(diǎn)擊確定才能引導(dǎo)出啟動(dòng)選項(xiàng)），操作步驟增加，體驗(yàn)感就降低了。而例如天貓魔盒菜單選項(xiàng)交互設(shè)計(jì)就要好一些，視覺布局大，交互層級(jí)少，操控起來也輕松。

　　雖然主流UI都大同小異，但是在一些細(xì)節(jié)交互設(shè)計(jì)上面還是有較大差異的，舉證例子不在累述，我們?cè)趯?shí)際的選購過程中，如果是從產(chǎn)品演示中獲取UI體驗(yàn)信息，那么可以從把握美感、邏輯層級(jí)、交互形式等上面去參考，以美觀，統(tǒng)一性強(qiáng)，布局明朗，交互步驟少為最佳。而如果以實(shí)際試用來做判定，那么實(shí)際的體驗(yàn)便是最好的結(jié)論。