童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

投影信息架构中物理到虚拟的一致性

6月18日 醉殇别投稿
  Dorightthingswiththerighthand
  用正确的手做正确的事情
  今天我们先不讨论行为准则,CDC的讨论一般是讨论行为方式:
  Dorightthingswiththerighthand
  用右手做右边的事情
  我们都知道,计算机图形界面的出发点就是对真实环境的物理特征进行复现,从而得到简便、直观、易学的人机交互,带弹性的按钮什么的就是很典型,这些复现往往会表现在很显而易见的地方。不过交互设计总是在处理一些不会直接看出的东西,比如信息架构的部分。
  信息架构的技术从平面设计中继承了很多精华,同时对应人机交互的要求,产生了很多独特的设计原则,作为计算机图形设计的重要组成部分,信息架构的过程中也同样包含了对真实环境的复现。信息架构的主要目标就是利用有效的信息组织方式重组原始信息,来提高信息传递和使用的效能。当我们面对的信息集合呈现和我们身边常见的现实表象做到了很好的一致,我们自然可以流畅的接纳它们,毕竟大多数时候行为方式总是建立在习惯之上的,有自然规律可以利用,这是一件多么给力的事情!
  这里到了解释标题的时间,上面说了,信息集合和现实环境之间的一致。信息集合是屏幕里的虚拟界面,现实表象就是我们身边的物理环境,虚拟应该是和物理保持一致的,这个就是今天的主题了。一致性是大家都知道的,今天我想和大家探讨一下一致性中比较特别的一个问题。
  OK,五百多字过去了,右手还没有正式登场。在你们说我坑爹之前,我就要开始说说关于右手的事情,右手是很适合今天的一个例子。
  我们都知道,地球上大部分的人类都是右手型的,意味着我们大部分人在操作一个对象的时候,都是伸出右手进行的,更使得我们很多礼节都是和右手有关。右手在身体的右边,这个是废话,右手自然也就在眼睛的右边。那么不知道大家还记不记得没有遥控器的年代,老式电视机是什么样子的:
  什么样的道路走起来最有效率?又短又直没有红绿灯。
  在遥控器问世前的不算短的几十年里,电视机几乎一直保持着屏幕在左面板在右的布局结构,这个原因大家用腿毛思考也能明白,因为眼睛看着左边的屏幕,右手控制右边的面板,既不用伸手太远也不会挡住屏幕。
  这就是我们使用这台老爷电视机时候的俯视图,还真够简化的,图上我们可以看到一个朴素的物理点对点模型。不考虑科幻成分的话,左边是最精简有效的,两个任务之间相互独立不干扰;而右边的大交叉不仅在物理上给我们带来了麻烦,而且在手眼脑协调控制上也会有所拖累。直到现在,我们家里的电视机上几乎看不到控制面板了,但是现在大家可以看一下你的显示器,上面的那些个按钮都在显示器的右半边,呃,我是说基本上都是,什么?你用笔记本?你这熊孩子这么不配合
  现在让我们回到我们的界面上来,之前说过了,屏幕里面是虚拟界面,是信息的集合,虚拟界面之所以叫虚拟界面,是因为它不是物理的,免去了传统的物理性的实体直接交互,而使用控制媒介来模拟这一过程,比方说键盘、鼠标、VR手套或者是在脑袋上插根管子。插管子太科幻了,我们先刨去,典型的就看看鼠标。
  刚才提到了,我们大多数人是用右手操作鼠标在界面上点来点去,正是用鼠标在虚拟界面中复现我们手部的动作,这一点大家都是知道的。
  虚拟界面的交互比物理界面增加了控制媒介的参与,目前的科技来说,控制媒介的控制还并不是那么的简单,鼠标是个标准的间接手眼协调,因为我们的眼睛所观察到的是鼠标行动的投影而并不是鼠标行动本身。我们用眼睛看到在90平面上的界面,用大脑控制右手在0平面上动作,再观察其在90平面上的表现,再对应到0平面上,并用右手在0平面上修正,再反复执行这一系列行为。这是一件说简单但又有些难度的事情,毕竟人类的大脑对于处理多维投影的能力并不算是高超,虽然我们使用鼠标已经相当熟练,但是在设计中我们仍然经常要解决诸如“让对象易于点击”之类的问题。
  如果我们希望在每一次的手眼协调中效率最高,就需要保证复现的转化是尽量无损的,那么又回到了电视机上,一个朴素的物理点对点模型效率是相当高的,因为在物理上,我们面对的界面结构完全符合我们自身结构的投影用在眼睛右边的右手去操作在屏幕右边的面板并用在右手左边的眼睛观察在面版左边的屏幕产生的反馈,这样大脑的负担是非常低的,虽然这句话读起来负荷有点。如果我们让虚拟界面的架构也完全复现物理层面的东西,那就可以保证这个投影递进的进行下去,减少各种转换的成本,解放我们的脑细胞。
  简单的来说,就是如果有一个界面,我们可以找到它在现实世界的模型,我们就尝试把模型投影到显示器里去,如果没有模型,我们就尝试把自己投影到显示器里去,比如说一个面板如果频繁地被操作,那么它最好位于界面的右侧,而不是在视线主要落在区域的左侧。特别是在手眼目标不同区域的界面中。
  这就是我想表达的观点,举些大家都熟悉的例子:
  Photoshop,和我上面说的投影基本是一路的,在Photoshop中操作发生最频繁的区域是右侧的面板,和中间的图片区,左侧虽然有工具条,但是经过长时间的使用大家可以发现左侧的工具条和上面的菜单部分被快捷键替代的更加频繁,鼠标更常见的是集中在中部和右侧运动,控制媒介在两个平面上的绝对坐标基本一样的。在历史的漫漫长河中,这样的布局始终被保留了下来,在Adobe将界面自由化以后也基本没有哪位同学把它们放在绘图区的左侧。
  Windows,大家再熟悉不过了,Windows里“我的电脑”(现在叫“计算机”)的布局来看,导航在左侧,文件区域在右侧,日常的使用告诉我们,导航被操作的次数比内容要低,根据从左到右的浏览习惯和导航文件之间的总分关系,导航会出现在文件区域的左边,我们的观察区域和操作区域都是文件区域,在导航的右侧,也满足投影的原理,同时和F型浏览规律并不冲突。在历史的漫漫长河中,目录树导航的消失再出现,但相同的布局始终被保留了下来。
  再举一些例子的话,比如滚动条几乎都在右边、右键菜单出现在鼠标指针的右边等等比较细节的情况。都和投影相顺应。有些同学说“播放器什么的操作都在下面来着。”这个嘛,主要是因为播放器投影的是典型的电视媒体播放器的组合,想想看我们平时会把DVD播放机放在什么地方?
  不过说了这么多,其实这并不是一个被验证的结论,我也很希望有机会和有兴趣的同学一起评论这个通俗易懂的基础问题,欢迎来电来函来人来砖,本着百花齐放百家争鸣的精神发散起来,我们可以去喝咖啡,不喝茶,你们都懂的。
  最后我要说,对于我这样右手型的人,在靠右行驶的交通规则下开车真是一件方便的事。
投诉 评论 转载

趋势之上Android设计趋势分析10则Android作为Google最重要的资本之一,尽管在智能终端上的起步较Apple晚不少,然而面对强有力的竞争对手,从不停追赶到部分超越,已为其未来战略目标做好了充分铺垫。……投影信息架构中物理到虚拟的一致性Dorightthingswiththerighthand用正确的手做正确的事情今天我们先不讨论行为准则,CDC的讨论一般是讨论行为方式:Dorightthi……让我们走近MicrosoftSurface每当我们在讨论多点触摸的用户界面该如何设计时,往往会不由自主地谈到iPhoneiPad。很多时候,我们会忽略另外一个同样使用多点触摸技术的产品MicrosoftSurface。……拖放三部曲从“把大象放进冰箱”说起开篇呈上赵本山和宋丹丹的小品笑话:要把大象放进冰箱总共分几步?把大象塞进冰箱要3步:1把冰箱门打开;2把大象装进去;3把冰箱门带上。这虽是一则脑筋急……VisualizationofStamenDesignStuStamenDesignStudio是一支致力于交互式设计和数据可视化领域的设计团队,于2001在SanFrancisco成立。主要成员:创始人创意总监EricRo……为了“真实的幻境”视频游戏领域的交互技术前沿游戏产业一直想吸引那些被复杂操作控制所驱离的大众群体,但是最成功莫过于日本任天堂。在上一个游戏产业的周期,任天堂公司成功利用触摸操作NDS和体感操作的WII,极大的扩展了游戏在……感性设计在韩国浅谈韩国地图服务的人性化和个性化背景韩国是一个奇特的市场,苹果宣称在韩国境内只有不足20的市场份额,Google的市场份额也只有10左右。然而与日本相比,韩国的产品没有技术优势;与中国相比,又没有价格优……层次任务分析要做好以用户为中心的设计,便要求我们需要更好地了解用户、理解用户。作为交互设计师,在动手画交互稿之前,我们需要理清用户(User)、目标(Goal)、任务(Task)。今……QQ安全我做主手机令牌2。0设计分享一款小小的工具软件,如何赢得iPhoneappstore4星级评价;A电子市场4。5星评价,让我与您一起分享手机令牌的设计过程。……交互设计现场招聘会腾讯设计中心将于2010年3月20日在北京、深圳举行现场招聘会,招聘交互设计师。欢迎大家届时参加。更多招聘信息请查阅腾讯官方招聘网站:http:hr。tencent。co……挣脱创新的束缚由TRIZ理论,解析创新的来源和方法在生活和工作中,我们经常会锁定一个焦点词汇“创新”时常听到大家议论创新的重要性,要如何去创新。为了创新我们在设计过程中同样挖空心思的去头脑风暴,思考着如何得到更炫、更酷更……关于网站地图从前有三只小猪,长大自立了分别造房子住。老大搬来草堆堆出草屋,老二搬来木头搭出木屋,老三搬来砖头,砌墙,造烟囱,造出了坚固的砖房。一天晚上大灰狼相继吹飞撞毁老大老二的草屋木屋后……
同花顺产品矩阵调研(1):智能投顾机器人i问财浅析今日头条的两款短视频产品:火山小视频和抖音到底能不能行?王者荣耀研究报告:朋友,开黑吗?方片收集产品体验报告“带货女王”之争:导购电商app行业研究报告如何写出以特定公司背景下的产品策划案?(万字长文详细图解电影产品体验报告:互联网电影市场的另类,应该何去何从?简单几步,看懂简书是如何把用户搞到百万级的微信读书:新版本的时长兑换书币规则,真的那么差吗?产品分析以网易云音乐和落网为竞品对象,聊聊QQ音乐的产品功能浅析工具型产品的“宽进严出”我们需要向知乎学习什么?电力公司试验所上半年工作总结中国文化的两座里程碑佳佰是什么品牌寿司会作文400字宝宝胆小,家长责无旁贷走廊吸顶灯如何安装走廊吸顶灯安装方法图文建一份清单帮自己渡过情绪低潮期探究办公室档案管理的可持续发展策略孩子早恋怎么办呢儿童被汤烫伤怎么办社区党建工作汇报范文refa美容仪哺乳期能用吗?refa美容仪产后能用吗

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界