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

文章描述:各种菜单设计的交互类型.

菜单的交互类型:

平行结构

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

 

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

 

十字结构

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

 

十字、纵深结合

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

 

各平台分析:

PC平台:

PC平台特点:

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

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

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

结论:

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

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

 

移动平台:

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

        分辨率高较高——但是实际操作时是以手指的宽度作为一个操作单位,可操作的文

                        字和图标要足够大(宽高度要能够容纳一个手指)。

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

作)内容。

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

进行较灵活的交互。

结论:

受分辨率的限制,不能在一个屏幕上显示太多信息。所以一般使用纵深结构或十字

结构。例如,iphone等平板手机,一般使用纵深结构;ipad等平板电脑,一般使用纵

深结构或线性结构。

 

电视平台:

电视平台特点:

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

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

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

结论:

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

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

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

的字体和图标。

时间: 2016-04-06

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

用户体验设计:网页中的确定和取消按钮

网页制作Webjx文章简介:我们常常在执行一个动作时,会被要求确认一下,这时候往往给出两个按钮,"确定"和"取消"."取消"按钮往往不会单独出现,而是与"确定","保存"之类的操作同时出现. "取消"(cancel,stop)和"撤消"(undo),看起来很像是同一回事,用起来似乎也差不多.但是两者在使用上还是有些差别,体验上也略有不同. 一. 取消键与撤消键 我们常

用户体验设计:网页下拉框设计分析

看似很小的一个改动,其实能反映出大问题.我在下拉框中放默认选中的工商银行,是因为信用卡还款的用户中工商银行占据了大半壁江山.这样大部分用户就能少操作一次,尽管这里会分散一点他的注意力,也许他会试着点一下下拉框,看看是不是有问题直接把工商银行放出来了. 从事设计之后,我一直预防自己变成用户的"奴隶".很不幸,现在的氛围却在把一些设计师变成用户的奴隶.   上面的那张图,是我在项目过程中遇到的一个例子.原来的设计是这样的:   看似很小的一个改动,其实能反映出大问题.我在下拉框中放默认选中

触屏手机网页产品设计用户体验设计经验分享

文章描述:历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发.对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得. 历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发.对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得. 上篇包括以下一些内容: >>精神与基础 何谓高端--高端设计精神 平台间平衡 不同分辨率及比例间移植 浏览器框架 >>设计"泛"过程 移动场景下的用户需求 少即是多的设计原则 界面气质 -------

以用户为中心的设计:网页确认框的用户体验设计

文章描述:以用户为中心的设计:网页确认框的用户体验设计. 确认框,顾名思义,对关键的用户行为进行确认,比如"询问是否删除","告知已删除".根据网上的观察,发现有的网站对确认框的设计缺乏合理性.本文谈谈自己的思考. 类别 根据触发目的,确认框分为两类:询问和告知. 询问 转推的确认框 询问,类似 Javascript 里的 confirm(),即:是否去做? 告知 Flickr 的告知 告知,类似 Javascript 里的 alert(),即:做的状态. 必要性

网站用户体验设计:信息交互设计金字塔法则

本文来自7月8日#36氪开放日#北京站,卓衡科技运营总监刘鹏的演讲,文中刘鹏讲述了他们在创业过程中总结出的交互设计的金字塔法则.卓衡科技是一家新兴的用户体验设计公司,为客户提供定制性的用户体验设计与移动互联网软件设计开发相关的全流程服务. 金字塔方法这个说法来源于美国著名的现代管理咨询公司麦肯锡.大致的意思就是:任何事情都能归纳出一个中心点,而此中心论点可以由数个一级论据支撑,这些一级论据也可以被数个二级论据支撑,如此延伸,状如金字塔. 当然,你也可以说这个说法最早来源于中国的老子,因为他曾在<

区别交互设计,产品设计与用户体验设计

文章描述:交互设计,产品设计与用户体验设计. 交互设计,产品设计和用户体验设计经常被混淆,而实际上完全不是一个概念甚至不是一个纬度的概念: 一直认为交互设计与互动设计很接近,互动设计这个词更多用在flash设计中,维基百科中的交互设计的定义也证实这个想法: 交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互 设计在

《众妙之门——用户体验设计的秘密》一第2章 设计“好脾气”的网页2.1 巴赫和他的十二平均律

第2章 设计"好脾气"的网页 众妙之门--用户体验设计的秘密 Rob Flaherty 科技在进步,网页设计的技巧也在进步.新的科技带来了新的挑战,因此,也需要新的解决方案.有时,人们面对崭新的未知领域,实在是毫无经验,只能根据直觉去打造解决方案.而有时,人们在新领域面对的问题有过去的影子,可以从历史和别人的经验中找到答案. 相对其他设计那漫长而又荣耀的历史,网页设计的历史有限,因此能给出的经验也相对有限,人们不得不借鉴这段有限的历史去解决近乎无限的问题.虽然也可以学习图形设计和视觉传

网页版块的用户体验设计:用户并不做最佳选择

文章描述:用户体验(User Experience,简称UE)是用户在使用产品过程中建立起来的一种纯主观感受. 用户体验(User Experience,简称UE)是用户在使用产品过程中建立起来的一种纯主观感受.在基于Web的产品设计中,UE是一个相对较新的概念.Donald Norman博士提出了"用户体验"一词,他是一个认知科学的研究人员,首次提出了在互联网领域以用户为中心设计的重要性(用户的需求决定产品如何设计). Donald Norman 用户体验很重要,最大的理由是:它对你

1688网站搜索LIST页面用户体验设计

网页制作Webjx文章简介:1688网站搜索LIST页面用户体验设计. 改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴