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

出色的用户界面应该遵循人性化的设计原则,基于用户的思维和工作模式,而不是移动设备的功能和特点。若是界面不吸引人、逻辑不合理,再伟大的应用程序也不会受到用户的青睐的,但是一个漂亮的、吸引人的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

相关推荐

  • [PSD组件资源] iOS 10 GUI for Photoshop PSD源文件

    今天给大家推荐的是 iOS 10 GUI for Photoshop PSD ,ios交互设计规范,大小有266M,需要下载 PSD 源文件。

    2016-09-14
  • 超全面的移动端尺寸基础知识科普指南

    初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细节。由于是写给初学…

    图形用户界面 2015-08-26
  • Sketch 3.6的更新

    Sketch 3.6 带来了许多新的更新,终于盼来了文本渲染和SVG的改进,以及性能增强和bug修复。 固定基准 之前不一致的基线导致在设计的时候出现了很多问题,新的版本中当改变一个文本图层的字体和字体大小时,该图层出…

    2016-03-08
  • 是否后悔买了iPhone 6/plus?来看iPhone7的设计创意

             最近,有一些争论关于苹果2015年iPhone阵容。 虽然很多表明苹果将遵循传统,同样期待iPhone发布与更新内部今年晚些时候,其他人认为苹果制造商将打破其模式和直接跳转到iPhone的7系列。 无论原来是如此,下一…

    2015-05-11
  • Sketch从入门到精通-Sketch3四种模糊方式

    现在经常能看到界面上各种模糊效果,或者是背景模糊,然后上面排字,放图片;通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式,分别介绍一下。 首先是最常见的高斯模糊(Gaussian Blur),…

    2015-08-03
  • 有哪些非常有设计感的APP?—国内篇

    小编前语:继上次整理的富有设计感的应用之国外篇后,很多童鞋想了解目前国内比较有设计感的APP有哪些,总有些喜爱玩APP的达人给我们推荐一些应用,小编在这汇总下,供大家欣赏~~ 1.小记 日记软件有很多,这一款很…

    2015-05-22
  • 有哪些非常有设计感的App?—国外篇

    对于一款应用的设计感,不同的人会有不同的观点,比如我们可以从以下几个维度进行比较: 界面:UI 设计精美,界面每一处细节都精雕细琢,展现了 App 的独一无二,有些即使是「无用之美」,下载了也会舍不得删掉。 …

    2015-05-18
  • 2014.11.11 价格回到十年前,主站点设总结-阿里妈妈MUX

    虽然1111结束有一些时间了,眼看1212也来了,不过这会可能还有些疯狂的小伙伴在等待双11的包裹吧!

    2015-01-07
  • 什么样的技巧能帮你说再见给沉闷的 Web 设计?

    总是有趣网站设计吸引了越来越多的客户停止。千篇一律的 web 设计已经不能满足今天的"关键"用户并且试图抓住他们的注意力,他们的好奇心必须打开尽可能多的可能,并赢得在细节中,让他们感受到设计者的意图在细节中…

    2015-01-05
  • 沉沉的干货,必读平面设计技巧!

    在过去几年中,我们见证了软件和应用界面设计从3D及拟物化向扁平化和极简化的快速转变。尽管这一趋势现在已经无所不在,但我们不妨拿出一点时间来思考今天的结果是如何形成的,以及其对界面设计整体有着何种影响。另外,我还会和大家分享一些有关设计扁平化界面的小技巧和注意事项。

    2014-12-28