用户体验设计:网页菜单的交互类型

http://www.itjxue.com  1970-01-01 08:00  来源:未知  点击次数: 

菜单的交互类型:

平行结构

线性结构(菜单层级沿xy任一轴向平行展开。)

不同平台下菜单的交互设计探析

 

纵深结构(菜单层级沿z轴纵深递进,一个界面只显示一个菜单层级。)

说明: C:\Documents and Settings\Administrator\Desktop\配图\concept_03.jpg

 

十字结构

菜单使用xyz任意两轴向结合说明: C:\Documents and Settings\Administrator\Desktop\配图\concept_09.jpg

 

十字、纵深结合

使用十字结构展现主要层级,其他菜单层级进行纵向展现。

说明: C:\Documents and Settings\Administrator\Desktop\配图\concept_01.jpg

 

各平台分析:

PC平台:

PC平台特点:

        分辨率高——可以在屏幕上展现大量信息。

        与人距离近(30~60CM)——可以使用小字体和小图标。

        键鼠操作方便、灵活——能够支持复杂、功能强大的交互。

结论:

键鼠为PC平台提供了完美的交互支持。能够进行复杂、功能强大的交互设计。

PC平台,常见的菜单类型为平行结构和纵深结构,也有两者结合的结构。

 

移动平台:

移动平台特点(主要指目前流行的触屏平板电脑、平板手机):

(责任编辑:IT教学网)

更多