不同平台下菜单的交互设计应该是什么样

  菜单的交互类型:

  平行结构

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

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

  十字结构

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

  十字、纵深结合

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

  各平台分析:

  PC平台:

  PC平台特点:

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

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

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

  结论:

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

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

  移动平台:

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

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

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

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

  结论:

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

  电视平台:

  电视平台特点:

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

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

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

  结论:

  电视屏幕分辨率高,但从硬件来说已经足以支持复杂信息的显示。受限于操作和输入方式,不能设计复杂的交互,主要以纵深结构和十字结构为主。人的正常行为习惯(一般距离电视屏幕2~3M)要求我们在内容呈现时要使用较大的字体和图标。

时间: 2024-10-28 06:26:31

不同平台下菜单的交互设计应该是什么样的相关文章

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

菜单的交互类型: 平行结构 线性结构(菜单层级沿x.y任一轴向平行展开.) 纵深结构(菜单层级沿z轴纵深递进,一个界面只显示一个菜单层级.) 十字结构 菜单使用x.y.z任意两轴向结合 十字.纵深结合 使用十字结构展现主要层级,其他菜单层级进行纵向展现. 各平台分析: PC平台: PC平台特点: 分辨率高--可以在屏幕上展现大量信息. 与人距离近(30~60CM)--可以使用小字体和小图标. 键鼠操作方便.灵活--能够支持复杂.功能强大的交互. 结论: 键鼠为PC平台提供了完美的交互支持.能够进

浅谈iOS和Android的产品交互设计:iPhone和Android的控件对比

一. 前言 开发者在产品上同时覆盖iOS平台和Android平台时,则会遇到同一个功能在不同平台中界面和交互如何展现的问题. 了解两个平台间的控件对应关系和异同点,对同时面向两个平台的产品和交互设计是有帮助的. 此部分就两个平台的控件进行对应,并辅以一定的描述,更详细的控件说明和适用的场合请直接参阅参考资料中的相关文档. 说明:Android中的系统控件会根据不同的ROM和操作系统版本有所变化,本文中Android控件以<Android Design>为主要参考. 二.目的 本文期望表达的含义

设计实例分享:搜狐白社会的交互设计

之前有些朋友说:白社会的交互还是有些不错的地方的.本人作为参与者之一,听了也很高兴,被人认可当然是件很幸福的事了-高兴之余,也不能忘了分享快乐,在这里有关于白社会的交互设计也想跟大家聊一聊.一提创新这个词,感觉话题有点大,有点重,我先说说我对创新的看法,就像上面引用含义的一样,创新其实是站在巨人肩膀上的,同时也是面对新问题新矛盾的一种解决方法,所以,哪怕是小小的改进也算是创新,这样再谈创新可能就会轻松一点~ 我会整理出一个系列,一点一点的跟大家分享,今天先说真心话这个组件吧,真心话早在开心网上就

常见的无结果页面的交互设计

接着上个话题"谁为用户买单"聊下去.有一种页面大家都很熟悉,就是当用户使用搜索引擎搜索关键词后,如果数据库没有找到匹配的结果,所提供的反馈提示页面--专业上我们称其为"无结果页面".下面举几个常见的无结果页面的例子让大家更了解下这样的交互设计,我们怎样更好地给用户提示. GOOGLE的无结果页面 BAIDU的无结果页面 首先拿两家专业搜索引擎网站为例,在可用性与用户体验方面,它们都是做的不错的.信息类的搜索引擎,搜索出的结果用户最关心:是否是准确的,是否是很多,是否

揭开交互设计的神秘面纱

什么是交互设计? 为了让大家了解交互设计,首先我们来谈谈交互设计的概念. 相信很多人都听说过工业设计.视觉传达设计.建筑设计.环艺设计和服装设计等,但是除了交互设计从业人员之外,应该很少有人知道交互设计,更不用说理解交互设计的概念了. 先来扯下历史:交互设计是于20世纪70年代末80年代初,由两位工业设计师--Bill Moggridge(交互设计之父,近年刚刚去世) 和Bill Verplank创造出"交互设计"(interaction design)这个词来描述他们所从事的工作,二

交互设计专业推荐书籍整理(二)

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com/ 整理嘀咕 前期介绍了三本书给交互设计爱好者,UED朋友的在上期留言中,希望我尽快推出第2部分的整理,今天我把整理的后续内容一起与大家分享.希望这两篇博文能真正帮助UED从业者和爱好者,找到自己需要的书籍.接着推荐. Designing Interactions 作者: Bill Moggridge出版社: The MIT Press出版年: 20

客户端交互设计:手机平台客户端UI设计

文章描述:客户端UI设计之手机平台之争. 1. 当前手机平台的争锋     为了占领移动互联网的制高点,当前的几大IT巨头都以手机平台为基础展开争夺.占领移动平台就是占领了用户的移动桌面,也就为自身的移动服务争取到了最佳位置.       微软公司推出windows phone 7, 曝光了windows 8:苹果公司也开了iOS 5的发布会:谷歌的Android 3.0的发布,Android 2.4 的若隐若现等等:大家都在努力提升平台体验.另外,惠普的Web OS.黑莓公司也都在研制和发布新

iOS/android/wp三大移动平台的交互设计差异

  iOS,Android,WindowsPhone是现在移动互联网上面主流的三个平台了,我也都分别参与过这三个平台的设计.在设计的过程中,因为这三个平台的不同特性,往往要角色切换,不断的换位思维. 可能新手和外行人觉得iOS和Android没什么区别,有的甚至拿Android直接照抄iOS设计就可以了.还有一些人可能对WindowsPhone平台一直觉得魔幻无比,但就是找不到应该如何下手.今天我总结了一下这三个平台之间交互设计上的差异性,在开展交互设计的过程中,必须要注意的问题: 一.布局形式

交互设计的那些事:ANDROID、IOS和WP平台的六大差异

iPhone.Galaxy S3 以及 Lumia 920是市场上如今最引人注目的三款智能手机,正好对应iOS.Android及Windows Phone三大平台,尽管三大操作系统在市场份额.出货量以及用户认可方面都有着不小的差异.但更能我们兴趣,更有讨论价值的其实是这三大平台在设计方面的差异,这不仅最终决定着用户的体验,也决定了开发者的参与热情. 一,布局形式的差异 1)iOS 经典的"tab bar"在 iOS 应用内如果要切换不同的模块,或者页面内要切换不同的栏目,往往都会用到&