不同平台下菜单的交互设计探析
发布人:一全科技 来源:Samael任帅新浪博客 发布于:2011-04-07 22:50:55 浏览:936

辽宁12选5走势图表 www.jc1o.cn 菜单的交互类型:

平行结构

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

平行结构

纵深结构

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

纵深结构

十字结构

菜单使用x、y、z任意两轴向结合

十字结构

十字、纵深结合

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

十字、纵深结合

各平台分析:

PC平台:

PC平台特点:

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

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

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

结论:

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

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

移动平台:

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

分辨率高较高——但是实际操作时是以手指的宽度作为一个操作单位,可操作的文字和图标要足够大(宽高度要能够容纳一个手指)。

与人距离近(30~60CM)——可以使用小字体和小图标设计展示性(不需要用户操作)内容。

触屏操作方式——可以模拟鼠标的点击、拖拽,无法模拟右键、滚轮的操作。能够进行较灵活的交互。

结论:

受分辨率的限制,不能在一个屏幕上显示太多信息。所以一般使用纵深结构或十字结构。例如,iphone等平板手机,一般使用纵深结构;ipad等平板电脑,一般使用纵深结构或线性结构。

电视平台:

电视平台特点:

与人距离较远(2~3M)——设计时,文字、图标等要比其他平台大。

操作和输入方式不如键鼠灵活——避免繁琐、复杂的交互方式

分辨率高(最大能到到1920×1080)——屏幕上可以展现较多信息

结论:

电视屏幕分辨率高,但从硬件来说已经足以支持复杂信息的显示。

受限于操作和输入方式,不能设计复杂的交互,主要以纵深结构和十字结构为主。

人的正常行为习惯(一般距离电视屏幕2~3M)要求我们在内容呈现时要使用较大的字体和图标。

原文://blog.sina.com.cn/s/blog_61e545fd0100qjty.html

  • 为什么说一直辛苦劳作的农民没有富起来?而不说一直勤劳的农民没有富起来? 2019-06-15
  • 刘红:关注乳腺健康 做好体检预防工作 2019-06-11
  • 中国伊斯兰教协会“四进”清真寺活动启动 2019-06-05
  • 我国社会组织正成为全球治理体系中的新生力量 2019-06-05
  • 林肯全新Navigator领航员正式上市 售112.80万元起 2019-05-27
  • “川商走进新经济”第一场活动落幕 2019-05-14
  • 还加上制裁伊朗引起价格飙升的石油战 2019-05-14
  • 青海:52个客运站卫生间将全面改造 2019-05-12
  • 依规治党和依法治国结合的典范 2019-05-12
  • 内蒙古水利厅厅长付万惠接受纪律审查和监察调查 2019-05-11
  • 传销就是利用这种劣根性。 2019-05-08
  • 女性之声——全国妇联 2019-04-22
  • 不忘初心继续前进——七集政论专题片 2019-04-21
  • 百姓故事:摔跤吧!女孩 2019-04-16
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-04-16
  • 13261期排列5 134曾道人一肖中特平 3d彩票软件正版 单场胜平负何时开奖 香港赛马会刘伯温网站 大乐透后区奇偶选号||www.tsiuem.com.cn/ 生肖时时彩技巧 3d买复式六码多少钱 足彩任9 浙江体彩20选5彩票 内蒙古十一选五遗漏数据 3中3平码复式计算器 广东省36选7开奖时间 e乐博线上娱乐城代理 上海时时乐2码