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

探讨对称性交互应用

8月12日 火云谷投稿
  在界面设计中,对称性的信息呈现方式非常普遍,信息等价并且均匀分布在规则的几何图形周边能带来和谐的比例与平衡。在交互设计过程中,让用户的操作流也以对称性的方式完成,我们称之为对称性交互(SymmetryofInteraction)。比如iPhone手机的开关机过程,都是以如下流程进行:
  开关机作为手机常用的一套相关操作,其设计思路也采纳了对称性交互原则,让两者遵循同样的流程进行,很容易理解和学习。事实上,大部分手机的开关机都是通过同一套流程或者同一个按键控制的。以这种对称形式铺展一套有关工作流的方式,即对称性交互。
  这种方式的好处显而易见:
  加速用户对一些对称功能交互的辨识与认知,提高了易发现性。
  少数基本机构在不同层次上的重复出现,降低了用户的学习成本。
  提高整个产品交互架构的一致性。
  AlanCooper在《AboutFace3:TheEssentialsofInteractionDesign》一书中总结了一条简单的经验:
  在哪里输出,就要允许从哪里输入。
  这说明了用户习惯以相同的方式去执行逻辑相关的操作。你让我在页面右上角登入账户,那么我需要登出账户时也会到右上角去找。你允许我通过这个按钮进入编辑模式,那么我同样也希望在结束编辑时点击相同的按钮退出编辑模式。
  接下来我们来看一些例子。
  Circle(圈子)是Google社交服务里的一大亮点,在将联系人添加或移除出某个circle的时候,两者的交互方式是对称的。
  将联系人卡片从列表中拖放到circle中完成添加圈子操作。
  将联系人卡片从circle中拉出来完成移除圈子操作。
  试想,假使从圈子中移除联系人的交互过程换成“选中目标然后在页面上按下Remove按钮”,一定会带给用户流通不畅、思路堵塞的感觉。
  iOS的App管理功能是通过长按一个图标来激活的,这时整个界面上的图标都会不停的抖动,用户能按住其中某个图标拖动来排序或者归类。然而,在结束管理功能时,却强迫用户不得不借助单机物理按键Home来实现。尽管Home键在整个iOS当中承载了大部分的退出功能,在了解之后用起来感觉不赖,不过在第一次使用时会显得不太直观。大部分用户可能在结束App的整理后,希望以同样的交互方式(长按某个图标)返回正常状态。
  同时,作为iOS4。3的新手势,五指聚拢能取代Home物理按键,成为InAppQuit的另一种选择。可是当退回主界面后想要再次返回刚才打开的App,用户只有:
  重新在Icon堆中找到刚才使用的App,点击进入。
  双击Home按键,在后台任务中选择。
  无论哪种方法,对于新用户来说都有一个熟悉的过程。试想,要是能支持五指展开的手势,在五指聚拢返回主界面后能通过该手势迅速切换回上次打开的App中,该会有多方便。
  我们再来看Firefox4的添加移除书签的设计。
  在Firefox4中打开一个网页后,想保存该页面为书签,可以点击地址栏末端的五角星符号:
  五角星符号亮起后表示该网页已经加入书签,可是当用户想移除该书签时,由于之前其他软件的使用经验,基于条件反射或者本能,会去再次点击该符号希望可以uncheck点亮的状态,从而实现移除书签。可是在点击之后却出现了这样的场景:
  用户需要在这个覆盖面板上点击“RemoveBookmark”才能移除该书签。
  是不是觉得有点不方便?是不是觉得工作流被打断了不太顺畅?或许你们有更好的想法来解释?
  下面Balsamiq的Treelist,在查看(输出)和编辑(输入)模式下,两者的表现并不一致,用户不能在编辑时看到编辑完成后的状态,这也是一种输入输出的不对称。
  Axure在这方面的表现就要更胜一筹,用户能进行行内编辑,所见即所得,输入输出保持了高度一致。
  总结
  通过前面一些实例,我们可以发现,适当情形下采用对称性交互能改善人们对产品功能的认识与理解,获得更好的用户体验,我们可以尝试在以下细节采用对称式交互设计。
投诉 评论

精简、透明、开放TeamCola背后的产品设计哲学每个产品的背后,都代表着一种价值观和审美,TeamCola也不例外。如果你要问TeamCola代表了什么,我们认为它代表了精简、透明和开放;如果你要问TeamCola能带来什么……Google改版之“用户体验”篇google此次改版主要有以下变化:1。增加了语音搜索功能。2。将最上面的“topbar”变为黑色,据google官方说,以后可能会隐藏。但是我个人认为google……电商网站的购买按钮一般上电子商务网站买东西的用户分三种:1、随便看看,就是不买2、先看看,买不买再说3、就是来买东西的这样的需求反应到产品页的购买按钮上,我们一般会看到购……探讨对称性交互应用在界面设计中,对称性的信息呈现方式非常普遍,信息等价并且均匀分布在规则的几何图形周边能带来和谐的比例与平衡。在交互设计过程中,让用户的操作流也以对称性的方式完成,我们称之为对称……关于Android的一些设计谈到应用程序设计,对设计师来说,Android就像是房间里的大象。很多设计师会更希望这是iOS,在那里所有任何人都只需要关心iPhone手机,iPad和AppStore。然后没……色彩如何影响购物曲建菲微博weibo。comqujianfei对于零售商来说,销售是一门极具说服力的艺术。尽管有很多影响消费者购物的因素,但是一个好的策略是由多种暗示决定的,其中最重要也……手机客户端UI设计之手机平台之争1。当前手机平台的争锋为了占领移动互联网的制高点,当前的几大IT巨头都以手机平台为基础展开争夺。占领移动平台就是占领了用户的移动桌面,也就为自身的移动服务争取到了最佳位置……microblogging和微博信息架构产品差距和影响前一段时间仔细的把国内的微博产品都研究了一圈。所以我终于可以写这篇文章了。这个话题说起来很复杂,我从信息架构开始说,后面涉及传播方式,社群,阅读负担和信息过滤,第三方和开……LBS产品的信息架构优化LBS产品与浏览器与IM等产品相比,技术难度较小,但界面的层级关系更复杂。以大众点评为例,包含了查找、搜索、签到和优惠券等功能和信息,也可以看出组织界面的层级关系是以依靠产品本……华丽丽的HTML5新特性Web2。0带来的丰富互联网技术让所有人都享受到了技术发展和体验进步的乐趣。作为下一代互联网标准,HTML5自然也是备受期待和瞩目,技术人员、设计者、互联网爱好者们都在热议HT……Nielsen:如何设计出更好的网站通过平面媒体和出席研讨会来传播他的有效使用者接口设计原则。在这篇文章写作的后期,他已经在UserExperienceWorldTour上传授他的意见。Nielsen拥有博士学位……Google解释新界面和用户体验今天Google宣布将为GoogleMaps、Gmail、搜索、GoogleReader等主流产品提供新的界面除了黑的导航条以外,还有稍小号的Googlelogo(之前谁看出来……
贝壳找房产品分析报告众销乐产品体验报告美团外卖产品分析报告:需求、设计、运营拼多多产品分析报告:喧嚣之后,我们能学到什么?作文纸条产品体验报告万字解析名创优品:名创优品,消费降级示范点?喜马拉雅FM产品体验分析报告(上)产品体验报告小步在家早教,陪你走好育儿的每一小步短视频行业市场调研报告:梳理业内关键讯息,以期明朗趋势,为你喜马拉雅FM产品体验分析报告(下)Soul产品分析报告:不约不恋不看脸,得女性者得社交新型社交阅读应用布氪市场需求文档MRD华为MateX3折叠屏手机配置曝光2K大屏内折方案,搭载骁龙天黑路滑社会复杂和面粘手是面粉的原因吗和面粘手是什么原因控盘山峰副图指标旅行途中你吃过最好吃的小笼包在哪里?怎样画出一个可爱的小兔子王诗龄每月花65万曾被吐槽,如今ampampquot完美蜕变小可的小仓鼠小学作文外焰内焰焰心哪个温度最高小儿癫痫治疗需要注意什么?黄山游记800字作文三篇小学生买东西日记400字

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