交互-12月第五課十字交叉導航微軟xbox索尼PS3

2020/11/2712

2

2

2

2

2

2111交叉導航_微軟xbox/索尼PS3Cover

flow導航單方向?qū)Ш剑曈X沖擊力強，單屏信息承載有限2020/11/27二級導航…….二級導航…….二級導航…….二級導航…….二級導航二級導航…….二級導航…….二級導航雙層列表導航視覺沖擊力弱，單屏信息量大導航標題一級導航一級導航一級導航一級導航左側(cè)導航右側(cè)內(nèi)容容器_TV2020/11/27區(qū)塊化導航框架_三星TV類似widget，既可呈現(xiàn)信息，又可做 導航Search卡片式框架導航win8_Metro風格，單卡片布局, 靈活，信息承載較少80%

閱讀 20%

切換類不停的下拉刷新沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示抽屜結構大部分時間在瀏覽首頁的內(nèi)容將切換放入下一級別中完成特點不影響內(nèi)容，導航隱藏沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示內(nèi)容瀏覽為主切換放到下拉界面中沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示工具類

日歷、計算器、

、沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示2020/11/27沉浸式：活動任務和頻率集中在消費信息或任務本身。輔助性任務退居其次。經(jīng)典Tab

滑動切換內(nèi)容，可以平滑的瀏覽多

系多個內(nèi)容體系，重要程度相似時沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示當tab有了子集，可以過濾

的信息沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示豎向的Tab

和卡片式結構沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示容量很大用戶80%的行為是尋找九宮格羅列下拉列表一堆導航的羅列沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示淘寶淘寶淘寶淘寶淘寶淘寶淘寶對于呈現(xiàn)信息的條目的訓練每個人找十組1分析這些條目都帶有什么信息2每個條目占據(jù)的空間多大3可視屏幕能容納多少個條目（4找出交互規(guī)則）2020/11/27交互規(guī)則多個導航內(nèi)容的排布方式沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示多個內(nèi)容多個模式更像是開發(fā)流程愿意照成的優(yōu)點可以無限擴展內(nèi)容模塊沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示多個內(nèi)容多個模式更像是開發(fā)流程愿意照成的優(yōu)點可以無限擴展內(nèi)容模塊沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示Pop

up慎重使用，很影響用戶的沉浸式體驗還會打擾用戶的當前操作沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示上拉界面沉浸式內(nèi)容平行空間大數(shù)據(jù)信息其他展示最美應用屬于什么？

沉浸式Web平臺展示類：個人展示特點：信息少，展示空間大，大 ，靈活布局、藝術感度更高。結構：簡單、隨意、藝術化嚴重企業(yè)類平臺類特點：自定義屬性強，強化品牌形象，弱化流程邏輯。垂直 類特點：信息相對單一

導航信息簡單，展示空間大、內(nèi)容的擁有空間展示，視覺效果更好電子商務類平臺類特點：信息大，布局規(guī)則

展示空間有限，橫排豎列布局，邏輯嚴謹而復雜

導航分布清晰、

跳轉(zhuǎn)。垂直 類特點：信息相對單一

導航信息簡單，

展示空間大、內(nèi)容的擁有 空間展示，效果更好門戶

類特點：信息量極大，導航眾多、布局規(guī)則

展示空間有限，1屏幕黃金位置被導航占據(jù)、 跳轉(zhuǎn)。結構：導航驅(qū)動型、信息呈現(xiàn)體、美感較弱個人企業(yè)門戶內(nèi)容信息個性化設計感邏輯性復雜度Blog類|

人人 豆瓣

癮科技36kr

知乎平臺類特點：信息量大導航簡單，跳轉(zhuǎn)少，內(nèi)容為王，閱讀為王干擾視覺的要少符合人閱時間屬性工具類

|baidu

bing平臺特點

功能性強明確

操作集中