設計與突破，解析智能電視UI的選擇！

lopeztang · 發(fā)表于 2016-9-24 14:46

本帖最后由 lopeztang 于 2016-9-24 15:27 編輯

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

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

　　UI設計是人機交互體驗中尤為關鍵的一環(huán)，雖說硬件是鋪設產品的物質基礎，但是面對日進增益的硬件水平，系統UI已然顯得更為重要。為什么蘋果、小米會如此成功，用戶的粘性大，這其中便要歸結于IOS與MIUI的優(yōu)勢。

　　不管是電視還是盒子，都離不開UI系統的構架。我們一般談論UI設計的范疇主要從視覺、邏輯、交互多方面去考量，這是決定交互體驗的核心！話不多說，我們直接通過實際的UI來闡述?。ㄒ?a href="http://m.81jnr2m.cn/bbs-58-1.html" target="_blank" class="relatedlink">小米盒子UI為例）

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

1、圖標設計

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

2、內容布局

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

3、視覺緩沖

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

4、交互形式

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

5、邏輯層級

　　▼天貓魔盒UI

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

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

人見百態(tài) · 發(fā)表于 2016-9-24 14:53

這個不錯內容很精彩，感謝樓主的分享！

txwz001 · 發(fā)表于 2016-9-24 16:08

› 綜合交流 / 資源分享區(qū) › 綜合交流大區(qū)