菜單的交互類型：

平行結(jié)構(gòu)

線性結(jié)構(gòu)（菜單層級(jí)沿x、y任一軸向平行展開。）

縱深結(jié)構(gòu)（菜單層級(jí)沿z軸縱深遞進(jìn)，一個(gè)界面只顯示一個(gè)菜單層級(jí)。）

十字結(jié)構(gòu)

菜單使用x、y、z任意兩軸向結(jié)合

十字、縱深結(jié)合

使用十字結(jié)構(gòu)展現(xiàn)主要層級(jí)，其他菜單層級(jí)進(jìn)行縱向展現(xiàn)。

各平臺(tái)分析：

PC平臺(tái)：

PC平臺(tái)特點(diǎn)：

分辨率高——可以在屏幕上展現(xiàn)大量信息。

與人距離近（30~60CM）——可以使用小字體和小圖標(biāo)。

鍵鼠操作方便、靈活——能夠支持復(fù)雜、功能強(qiáng)大的交互。

結(jié)論：

鍵鼠為PC平臺(tái)提供了完美的交互支持。能夠進(jìn)行復(fù)雜、功能強(qiáng)大的交互設(shè)計(jì)。

在PC平臺(tái)，常見的菜單類型為平行結(jié)構(gòu)和縱深結(jié)構(gòu)，也有兩者結(jié)合的結(jié)構(gòu)。

移動(dòng)平臺(tái)：

移動(dòng)平臺(tái)特點(diǎn)（主要指目前流行的觸屏平板電腦、平板手機(jī)）：

分辨率高較高——但是實(shí)際操作時(shí)是以手指的寬度作為一個(gè)操作單位，可操作的文字和圖標(biāo)要足夠大（寬高度要能夠容納一個(gè)手指）。

與人距離近（30~60CM）——可以使用小字體和小圖標(biāo)設(shè)計(jì)展示性（不需要用戶操作）內(nèi)容。

觸屏操作方式——可以模擬鼠標(biāo)的點(diǎn)擊、拖拽，無法模擬右鍵、滾輪的操作。能夠進(jìn)行較靈活的交互。

結(jié)論：

受分辨率的限制，不能在一個(gè)屏幕上顯示太多信息。所以一般使用縱深結(jié)構(gòu)或十字結(jié)構(gòu)。例如，iphone等平板手機(jī)，一般使用縱深結(jié)構(gòu)；ipad等平板電腦，一般使用縱深結(jié)構(gòu)或線性結(jié)構(gòu)。

電視平臺(tái)：

電視平臺(tái)特點(diǎn)：

與人距離較遠(yuǎn)（2~3M）——設(shè)計(jì)時(shí)，文字、圖標(biāo)等要比其他平臺(tái)大。

操作和輸入方式不如鍵鼠靈活——避免繁瑣、復(fù)雜的交互方式

分辨率高（最大能到到1920×1080）——屏幕上可以展現(xiàn)較多信息

結(jié)論：

電視屏幕分辨率高，但從硬件來說已經(jīng)足以支持復(fù)雜信息的顯示。

受限于操作和輸入方式，不能設(shè)計(jì)復(fù)雜的交互，主要以縱深結(jié)構(gòu)和十字結(jié)構(gòu)為主。

人的正常行為習(xí)慣（一般距離電視屏幕2~3M）要求我們?cè)趦?nèi)容呈現(xiàn)時(shí)要使用較大的字體和圖標(biāo)。

作者：Samael 任帥

文章來源：blog.sina.com.cn/mingqin1

標(biāo)簽： 交互設(shè)計(jì) 菜單設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。