对称性交互应用—“始终如一”


  我们通常所见的界面设计中,对称性的信息呈现方式非常普遍,信息等价并且均匀分布在规则的几何图形周边能带来和谐的比例与平衡。交互设计过程中使用户的操作流也以对称性的方式完成,则称之为对称性交互。 开关机作为手机常用的一套相关操作,设计思路也采纳了对称性交互原则,让二者遵循同样的流程进行,便于理解和学习,大部分手机的开关机都是通过同一套流程或者同一个按键控制,这种对称形式铺展一套有关工作流的方式即对称性交互。比如iphone的开关机过程:


  这种对称性交互不仅可以加速用户对一些对称性功能交互的辨识与认知,提高易发现性,而且少数基本机构在不同层次上的重复出现也降低了用户的学习成本,提高了整个产品交互架构的一致性。Alan Cooper在《About Face 3: The Essentials of Interaction Design》一书中总结了一条简单的经验:在哪里输出,就要允许从哪里输入。这说明用户习惯以相同的方式去执行逻辑相关的操作。Circle(圈子)是 Google+社交服务里的一大亮点,在将联系人添加或移除出某个circle的时候,两者的交互方式是对称的。如下图:


  将联系人卡片从列表中拖放到circle中完成添加圈子操作


  将联系人卡片从circle中拉出来完成移除圈子操作假使从圈子中移除联系人的交互过程换做“选中目标然后在页面上按下Remove按钮”一定会给用户带来流通不畅,思路堵塞的感觉。再来看看Balsamiq的Tree list,在查看(输出)和编辑(输入)模式下,两者的表现并不一致,用户不能在编辑时看到编辑完成后的状态,这也是一种输入输出的不对称。


  相比之下,Axure在这方面的表现就要更胜一筹,用户能进行行内编辑,所见即所得,输入输出保持了高度一致。


  以上这些实例可以看出,适当情形下采用对称性交互可以改善人们对产品功能的认识与了解,获得更好的用户体验,比如:在同一个地方进行登入登出操作;行内编辑,所见即所得;导入导出交互过程对称;输入输出交互过程对称;在添加的地方进行删除;以同样的方式进入或退出沉浸模式等。

  部分内容节选自《探讨对称性交互应用》

  作者:miracle

  文章来源:365ucd.com

时间: 2024-08-04 02:29:48

对称性交互应用—“始终如一”的相关文章

对称性交互改善人们对产品功能的认识与理解

文章描述:通过前面一些实例,我们可以发现,适当情形下采用对称性交互能改善人们对产品功能的认识与理解,获得更好的用户体验,我们可以尝试在以下细节采用对称式交互设计. 在界面设计中,对称性的信息呈现方式非常普遍,信息等价并且均匀分布在规则的几何图形周边能带来和谐的比例与平衡.在交互设计过程中,让用户的操作流也以对称性的方式完成,我们称之为对称性交互(Symmetry of Interaction).比如iPhone手机的开关机过程,都是以如下流程进行: 开关机作为手机常用的一套相关操作,其设计思路也

探讨对称性交互应用

在界面设计中,对称性的信息呈现方式非常普遍,信息等价并且均匀分布在规则的几何图形周边能带来和谐的比例与平衡.在交互设计过程中,让用户的操作流也以对称性的方式完成,我们称之为对称性交互(Symmetry of Interaction).比如iPhone手机的开关机过程,都是以如下流程进行: 开关机作为手机常用的一套相关操作,其设计思路也采纳了对称性交互原则,让两者遵循同样的流程进行,很容易理解和学习.事实上,大部分手机的开关机都是通过同一套流程或者同一个按键控制的.以这种对称形式铺展一套有关工作流

对称性交互—界面设计中的重点

对于界面设计,很多人都很好奇,实际上,在界面设计中,对称性的信息呈现方式非常普遍,信息等价并且均匀分布在规则的几何图形周边能带来和谐的比例与平衡.在交互设计过程中,让用户的操作流也以对称性的方式完成,我们称之为对称性交互(Symmetry of Interaction).比如iPhone手机的开关机过程,都是以如下流程进行: 开关机作为手机常用的一套相关操作,其设计思路也采纳了对称性交互原则,让两者遵循同样的流程进行,很容易理解和学习.事实上,大部分手机的开关机都是通过同一套流程或者同一个按键控

拉近用户体验的距离

本文作者@jensonyang 用户在使用产品的过程中,每一个步体验都影响着用户与产品两者直接的距离,拉近或者疏远. 好的用户体验更容易拉近与用户的距离,提高用户完成任务的效率和用户使用过程的满意度.舒适感.而我们可以从几个小细节看看用户体验的距离. 1.冒泡浮层 当用户需要删除图片时,点击了"删除按钮",即出现冒泡浮层提示用户确定删除,用户只需将视觉焦点放在图片上,减轻了视觉负担,而鼠标也无需移动很长距离去点击确定按钮,这样减少了用户操作的体力负担:相比弹出模态窗口,用户关注的视觉范

交互设计是一份没有前途的工作吗?

上周,在screening of Objectified之后 IDEO的Bill Moggridge离他家很近的地方发表了他的评论.一句话概括起来就是,他觉得交互设计已经变得无处不在了,任何人或每个人都可以是交互设计师,因此交互设计师的作用是(或将是)没有必要的. 那么,交互设计是一个没有前途的工作吗? 作为一项专业知识,交互设计还是有前途的.但作为要独立提供服务的职业,那是绝对没有前途的. 这一立场我没有在办公室里得到任何支持.但很明显,我不是在说我们的交互专业是类似于在商场里面翻汉堡包一样的

交互设计中的5项视觉指导原则

  视觉是人的第一感观,它在影响用户行为方面起着决定性作用,视觉信息对产品的交互产生了深远影响. 来自UXPin的Jerry Cao,通过本文向我们解释了如何保持视觉与交互的协调. 我不想贬低文字的重要性,但也不想忽视视觉.两者是同等重要的交互设计元素.文字就是交互,但那些视觉元素(比如图标.菜单.图像等)才是用户实际上操作的东西.虽然有些可用性专家会提及Craigslist甚至Amazon,作为丑陋但可用(而且受欢迎)的网站案例.但毫无疑问,美感总会有所帮助. 情感是用户体验的关键:视觉设计优

从图片上传的三个步骤来分析其中的交互过程

传统的图片上传交互很简单:一个文件域要求用户选择图片文件,一个提交按钮(如下图). 这种方式有很多缺点,比如选择图片后看不到预览,一次只能选择一张图,上传过程看不到进度.当然也有它自身的优点:html本身的表单控件,代码简单,上传不易出错,适合低速网络环境.现在富媒体横行的时代,用户需要长传大量图片,这种传统表单的方式上传图片显然已经跟不上时代的需求,基于 flash.html5的新型上传方式被广泛的应用. 我们从上传图片前.上传中.上传后三个步骤来分析其中的交互过程. 上传前 上传图片前一般可

交互设计指南系列一:我们眼中的交互设计

交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面(Wikipedia).通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的. 从用户角度来说,交互设计是一种如何让产品易用,有效

诺基亚设计主管谈交互、设计、产品

Marko Ahtisaari 是诺基亚的设计主管,去年 N9 的惊艳设计让他逐渐进入公众视线 近日他接受了 The Guardian 的采访,谈了很多,关于手机交互,关于产品,关于微软,关于下一款手机-- 手机交互的革新还没到头 "有人认为手机界面交互的革新已经完成了."他列举了两种主要的手机界面模式: iOS:多页平铺的应用.文件夹,加上一个 Home 按键.很优雅,很简单,但也太过一成不变.五年前如此,如今还是如此,核心交互上并没有太多的改进. Android.Symbian:在