手机界面设计:人机交互界面设计的五大原则

出色的用户界面应该遵循人性化的设计原则,基于用户的思维和工作模式,而不是移动设备的功能和特点。若是界面不吸引人、逻辑不合理,再伟大的应用程序也不会受到用户的青睐的,但是一个漂亮的、吸引人的UI界面不仅能够增加用户对应用程序的喜爱,还能增强应用程序的功能,从而增加用户对应用程序的粘性。

8474fbdde71190ef09444b08cf1b9d16fcfa606f

【图:人机交互界面设计的原则】

  1. 原则一:美学完整性

    美学完整性并不是用来衡量一个应用程序的界面有多好看,而是用来衡量应用程序的界面与功能是否匹配。例如,对于一个应用来说,会用比较微妙的修饰元素和背景来体现生产性的任务,对于突出的任务则会使用标准的控件和操作行为。这样的应用程序会传达一个清晰和统一的信息给用户,让用户懂得应用程序的目的。但要是应用程序在生产性任务上使用了异想天开的元素,用户就会被这些相互矛盾的信号所困扰。

    同样的,在一个仿真任务的应用程序里,例如游戏应用,用户希望一个漂亮的界面来提供更多的乐趣从而鼓励他们继续游戏。尽管用户不期待能够在一个游戏中完成一个艰难或者是生产性的任务,但他们仍然希望游戏的界面能带来完整的体验。

  2. 原则二:一致性

    应用程序界面的一致性允许用户利用他们自身的知识和技能完成应用程序的过渡。当然,保持界面的一致性,并不是让你盲目的复制其他的应用程序,相反的,作为开发者应该懂得利用同类型应用程序大众接受的标准和范式来设计自己的应用。

    为了确定你的应用程序是否遵循一致性原则,开发者们应该想想以下几个问题:

    A. 应用程序与iOS的标准是否一致?是否正确的使用了系统提供的控件、视图和图标?设计是否符合设备的功能和特色?

    B. 应用程序与本身的定位一致么?文本使用了统一的风格了么?一样的图标是否代表的一个意思?不同场景执行相同的操作,结果是否符合用户的预期?

    C. 在合理的范围内,应用程序与早期的版本一致么?条款和提示是一个意思么?

  3. 原则三:直接操作

    当用户操作屏幕上的对象而不是单独的控件进行操作时,用户更能理解自己的任务和操作的结果。iOS用户更喜欢直接的操作行为,因为多点触控的设备特点。当看到屏幕的对象,直接用手势进行操作给人一种更为亲切的感觉,而且很有控制感,因为没有了媒介的干预,更多指的是对鼠标的依赖。

    举个例子,用户可以使用两指的缩小或放大所要控制的面积就可完成点击缩放的操作。游戏中,玩家还可以直接与物体互动,直接移动他们。例如,在显示密码锁的游戏中,玩家可以直接通过旋转操作打开锁。

    在iOS的应用程序中,在以下的场景中可以使用直接操作:

    A. 旋转或反转来移动设备来控制屏幕中的对象

    B. 利用手势直接操作屏幕中的对象

    C. 能够直观的看到操作的结果

  4. 原则四:隐喻

    当虚拟的物品和操作行为是对现实生活中的物品和操作进行模仿的时候,玩家能够很快的掌握应用程序的规则和操作。一个简单的软件隐喻是文件夹:在现实生活中,人们把物品放入文件夹中,所以在计算机中,用户能够很快的理解这个操作的意思,很快的理解将文档等文件放入文件夹的意思。

    最合适的隐喻应该是不受现实生活的限制。例如,用户可以将很多内容放入文件夹中,包括音乐、文档、视频等,但现实生活中显然无法做到。

    iOS操作系统为开发者提供了很多的隐喻,因为他支持丰富的同行图像和手势。用户可以与屏幕中的物体进行物理交互,很多场景中的交互十分逼真,iOS的隐喻包括:

    A. 音乐播放的倒退控制

    B. 游戏中的拖拽、弹和刷操作

    C. 滑动开关的操作

    D. 选择转轮做选择

  5. 原则五:用户控制

    注意,应用程序中,是用来控制操作行为的,而不是应用程序。尽管应用程序能够建议用户做哪些操作或者警告用户有危险,但是这显然对于应用本身是个错误,因为这会将玩家推得更远。成功的应用程序应该在一味的提示和关键时刻做提示之间进行平衡。

    当对操作行为和控制感到熟悉和可预见的时候,用户将会明显感觉到自己对于应用程序的控制。操作行为越是简单直接,玩家就能更容易的理解和记住。

    通常,玩家都希望在游戏开始有充分的机会能够取消操作,因为他们希望能够对操作进行确认。于此同时,玩家还希望能够正常的停止操作。

    文章链接:http://jingyan.baidu.com/article/fdbd427700718fb89e3f48e0.html

 

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/5436/

(0)
CatherineCatherine
上一篇 2015-04-29
下一篇 2015-05-01

相关推荐

  • [译]使用Sketch的10个小技巧

    随着Sketch越来越受到广大设计师们的欢迎,在这分享10个Sketch使用小技巧,希望能够帮助到正在学习Sketch的同学提升相关技能。 1、学会“Insert”的快捷键 什么是你在设计中最常用的?创建一个新的Artboard A,插入文…

    2016-07-20
  • 布局&构图&版式设计-木卫艾欧网-交互设计学堂

    编者按:想成为一个合格的UI设计师,光会画图标可不行,今天360的@Micu设计小哥从头帮你补上版式这一课,分享他的界面构图三板斧,此外,你还能学会如何用设计语言解构画面,这可是设计师的必备职业能力呦!

    2015-01-06
  • Apple Watch界面设计规范之UI设计基础(2/2)

    六、布局 并排放置的按钮数量要控制好。当并排放置按钮时,使用图标来代替标题文案。一行不要放置3个以上,否则按钮的尺寸将会太小,很难被点到。 完整利用左右两个边缘之间的全部空间。Apple Watch的边缘斜面会在…

    2015-03-10
  • Firefox浏览器表单的butterfly加载阻塞

    背景 一个礼拜前,在退款维权的业务中,发现这样一个问题: 在某些Firefox浏览器中,表单的butterfly加载阻塞导致功能异常了。 一开始,我们以为是即将发布的修改点导致的问题。 但再三确认本次的修改点后,确定只…

    2014-12-28
  • Apple Watch界面设计规范之UI设计基础(1/2)

    一、为Apple Watch而设计 Apple Watch体现着如下几个方面的主题思想: 个人。Apple Watch是面向穿戴而设计的,所以其UI需要与佩戴者自身相协调。抬起手腕的动作可以使Apple Watch显示当前时间及通知信息。通过Digit…

    2015-03-10
  • 手腕上的交互,谈谈安卓与苹果可穿戴系统初体验

      作者简介:Luke Wroblewski是一个界面设计师、战略家及作家(Site-seeing: A Visual Approach to Web Usability 一书的作者 )。现在他的工作是 Yahoo! 的首席设计师(Principal Designer),以及 LukeW Interfac…

    2015-07-12
  • 未来的汽车UI将惊艳世界

    今天多数汽车UI的设计,由于不直观、过时和缺乏美学表现力,一直饱受诟病。其他行业都将设计的品质奉为标准,汽车生产商在这方面则动作迟缓。所以,许多设计师抓住了这个机会,思考未来的汽车界面会如何改变我们的…

    2016-10-18
  • 【信息图设计】常用的5种数据可视化方法

    小编最近在研究后台的设计,涉及到数据统计分析模块的数据的呈现方面,搜集学习材料的时候发现这篇文章,推荐给有需求的童靴们共同学习。在文章中,原作者跟大家分享数据可视化常用的五种方式,希望能给大家带来思…

    2016-03-17
  • Material Design设计初步尝试

    Material Design(以下简称MD)是Google在Android 5.0发布后主推的ue设计规范,旨在解决Android平台设计风格不统一的问题,其核心理念“材质化”是基于拟物与扁平之间的设计,强调真实世界元素的物理规律与空间关系,…

    Material Design 2015-08-26