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

文章描述:通过前面一些实例,我们可以发现,适当情形下采用对称性交互能改善人们对产品功能的认识与理解,获得更好的用户体验,我们可以尝试在以下细节采用对称式交互设计。

在界面设计中,对称性的信息呈现方式非常普遍,信息等价并且均匀分布在规则的几何图形周边能带来和谐的比例与平衡。在交互设计过程中,让用户的操作流也以对称性的方式完成,我们称之为对称性交互(Symmetry of Interaction)。比如iPhone手机的开关机过程,都是以如下流程进行:

开关机作为手机常用的一套相关操作,其设计思路也采纳了对称性交互原则,让两者遵循同样的流程进行,很容易理解和学习。事实上,大部分手机的开关机都是通过同一套流程或者同一个按键控制的。以这种对称形式铺展一套有关工作流的方式,即对称性交互。

这种方式的好处显而易见:

  1. 加速用户对一些对称功能交互的辨识与认知,提高了易发现性。
  2. 少数基本机构在不同层次上的重复出现,降低了用户的学习成本。
  3. 提高整个产品交互架构的一致性。

Alan Cooper在《About Face 3: The Essentials of Interaction Design》一书中总结了一条简单的经验:

在哪里输出,就要允许从哪里输入。

这说明了用户习惯以相同的方式去执行逻辑相关的操作。你让我在页面右上角登入账户,那么我需要登出账户时也会到右上角去找。你允许我通过这个按钮进入编辑模式,那么我同样也希望在结束编辑时点击相同的按钮退出编辑模式。

接下来我们来看一些例子。

Circle(圈子)是Google+社交服务里的一大亮点,在将联系人添加或移除出某个circle的时候,两者的交互方式是对称的。

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

将联系人卡片从circle中拉出来完成移除圈子操作。

试想,假使从圈子中移除联系人的交互过程换成“选中目标然后在页面上按下Remove按钮”,一定会带给用户流通不畅、思路堵塞的感觉。

iOS的App管理功能是通过长按一个图标来激活的,这时整个界面上的图标都会不停的抖动,用户能按住其中某个图标拖动来排序或者归类。然而,在结束管理功能时,却强迫用户不得不借助单机物理按键Home来实现。尽管Home键在整个iOS当中承载了大部分的退出功能,在了解之后用起来感觉不赖,不过在第一次使用时会显得不太直观。大部分用户可能在结束App的整理后,希望以同样的交互方式(长按某个图标)返回正常状态。

同时,作为iOS4.3的新手势,五指聚拢能取代Home物理按键,成为In App Quit的另一种选择。可是当退回主界面后想要再次返回刚才打开的App,用户只有:

  • 重新在Icon堆中找到刚才使用的App,点击进入。
  • 双击Home按键,在后台任务中选择。

无论哪种方法,对于新用户来说都有一个熟悉的过程。试想,要是能支持五指展开的手势,在五指聚拢返回主界面后能通过该手势迅速切换回上次打开的App中,该会有多方便。

我们再来看Firefox4的添加/移除书签的设计。

在Firefox4中打开一个网页后,想保存该页面为书签,可以点击地址栏末端的五角星符号:

五角星符号亮起后表示该网页已经加入书签,可是当用户想移除该书签时,由于之前其他软件的使用经验,基于条件反射或者本能,会去再次点击该符号希望可以uncheck点亮的状态,从而实现移除书签。可是在点击之后却出现了这样的场景:

用户需要在这个覆盖面板上点击“Remove Bookmark”才能移除该书签。

是不是觉得有点不方便?是不是觉得工作流被打断了不太顺畅?或许你们有更好的想法来解释?

下面Balsamiq的Tree list,在查看(输出)和编辑(输入)模式下,两者的表现并不一致,用户不能在编辑时看到编辑完成后的状态,这也是一种输入输出的不对称。

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

总结

通过前面一些实例,我们可以发现,适当情形下采用对称性交互能改善人们对产品功能的认识与理解,获得更好的用户体验,我们可以尝试在以下细节采用对称式交互设计。

  • Login/Logout (同一个地方进行登入登出操作)
  • Edit/Finish Edit (行内编辑,所见即所得)
  • Export/Import (导入导出交互过程对称)
  • Input/Output (输入输出交互过程对称)
  • Add service/ Remove service (在添加的地方进行删除)
  • Enter immersive model/Quit immersive model (以同样的方式进入或退出沉浸模式)
时间: 2024-11-08 18:55:42

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

探讨对称性交互应用

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

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

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

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

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

交互设计分析:儿童互联网产品设计分析

文章描述:交互设计分析:儿童互联网产品设计分析. 本文内容总结于<儿童心理学>和凯瑟琳·费希尔的<儿童产品设计攻略>,非常好的一本书. 2-3岁儿童产品的设计 这个年龄段的儿童,刚刚脱离婴儿期,对外界有着极强的感知力,渴望接受视觉.触觉.听觉以及嗅觉等各方面的信息,并且也需要在诸多方面得到健全和发展.他们,对万物充满了好奇. 一.动作和活动的发展 可以初步进行独立的活动,随意的独立行走,手的动作可以准确的玩弄和操纵他所熟悉的物体.有了最初的游戏活动,还是以简单的模拟和自我服务性活动

System Center 2012与vCenter Operations 产品功能对比

最近忙个项目,用到VMware Operations 套件,之前只用到组件里的Chargeback(前公司展厅接待客户的显示内容之一),所以迅速登录到VMware官方网站查看具体组件功能参数,并下载准备试玩. 然而冥冥之中觉得组件的功能似曾相识,瞬间让我想到了Microsoft的云产品System Center 2012,根据资料查询,产品预计2011年发布,结果底发布RC候选版本,2012年初出RTM正式版,2012年5月1日正式发售,个人得到的消息是产品从单个组件销售改为整体销售. 为了方便

腾讯微博产品功能调整 今起暂停会员开通及续费业务

DoNews 11月7日消息(记者 安宏)继被传出撤销微博事业部消息后,腾讯微博今日发布公告称,由于将对http://www.aliyun.com/zixun/aggregation/8534.html">产品功能进行调整,于11月7日16时起暂停会员开通和续费业务. 腾讯微博表示,由于产品功能调整,微博会于将于11月7日16时暂停申请开通和续费,而已开通的用户还可以继续享受相关服务.后续功能调整完毕后,将再次通知用户. 目前,腾讯微博会员主要有微博装扮.会员勋章.会员图标.中文账号.自动

产品功能优先级,到底该如何确定?

对于年轻的互联网公司来说,决定是先实现共享工具还是邮件入口,增加资料页图片功能甚至是资料页本身--这些决策往往又闹心又痛苦.许多对于自己的产品设想抱持初心和强烈观念的创始人都会碰到这些问题:什么样的功能应该先加上去?尤其是执行的顺序. 下面这个思考框架,值得大家参考参考:虽说很难从一堆的功能当中判断出来究竟哪个才会对用户增长或粘性产生重要影响,但可以肯定的是,绝大多数的功能部署遵循着一种对数增长方程. 在这张图里,功能的边际效用(Y轴)在一开始的实现中会增长的非常快.当对此功能的投入逐渐增长(X

微信广告平台称将增加三个产品功能

4月2日消息,微信广告平台发布消息称,增加三个产品功能,具体包括图文消息顶部增加App下载卡片.投放后台增加定向条件.广告主可自助上传渠道包区分统计. 图文消息顶部广告位正在灰度测试中,现已支持投放App下载卡片与图片类广告,能够直接触达用户,达成效果转化:微信广告根据用户基础属性.短期行为以及长期兴趣等维度对用户进行分析,提炼出17个用户兴趣标签,包含有教育.旅游.金融.汽车等,现已开放给全量广告主选择使用:广告主可以在后台自助上传多个渠道包,将安卓版App推广的效果细化到每个广告位.每个素材

新浪微博和淘宝网联手打造的系列产品功能今日正式上线

摘要: 淘宝链接在微博中的展示效果 两大平台账户相互打通 查看最新行情 新浪科技讯 8月5日上午消息, 新浪 微博与淘宝网联手打造的系列产品功能今日正式上线,联手发力社会化电商市场 淘宝链接在微博中的展示效果 两大平台账户相互打通 8月5日上午消息, 新浪 微博与淘宝网联手打造的系列产品功能今日正式上线,联手发力社会化电商市场.在微博平台上,已经有不少网友体验新功能,产品功能的上线同时引发了广泛关注. 两大平台实现账号打通 对用户来说,首先感受到的是微博对淘宝商品链接进行了特殊解析(CARD形式