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

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

相关推荐

  • 移动端界面中的版式设计原理

    “我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”这些听着熟悉的话往往是产品和设计产生矛盾的开端。还有一种评价叫说不出哪里好也说不出哪里不好…

    2016-01-08
  • 2016 年 UI 设计的新趋势

    移动应用 1. 各平台 (Android/iOS/HTML5/Web) 的标准设计语言接近一致 部分原生控件上只存在风格上的差异,对用户无显著影响。 Material Design 不会大兴其道,更不可能逆袭(用 Material Design 设计的 App 在 iOS…

    2016-01-09
  • 【OMG】央视新LOGO竟然换成这样......

    新年伊始,央视竟然暗搓搓的换了LOGO...... "oh,my god!"朋友在微信里惊呼。 “你抽抽了么~!”我说。 “央视居然~~居然~~居然换LOGO了” 我迅雷不及掩耳盗铃之势,问了度娘 果真是的啊,暗想 “我擦嘞,央视也在赶时髦…

    2016-01-08
  • 不得不看的进度条「再设计」的 7 个典型案例

    如果追溯 Progress bar「进度条」的原型,通常被认为起源于 Henry Gantt 所提出的「甘特图」。用图形方式来表示某种项目的活动顺序和持续时间是甘特图的核心思想。 后来甘特图的概念被广泛用于计算领域,随着计算机…

    2015-08-04
  • 其实,设计LOGO并不难!用对工具,你也可以成为设计师!

    Logo是一个企业丶团体丶组织或独立个体的视觉识别形象代表。通常是人们一眼看见所产生的第一印象,因此如何创造出一个令人印象深刻的logo,来帮助您建立您心目中所期望塑造的品牌形象是一门大学问。一个好的logo对于一个品牌打入市场的成功与否,扮演着举足轻重的脚色。因此投入足够的时间来绞尽脑汁,设计出一个独一无二的logo是不可避免的过程。

    2016-09-18
  • Logo设计流程

    小小的logo,大大的学问,从了解客户到客户需求,再到分析及设计,都有很多细节需要考虑到。今天呢,娜小编就将Logo Snap公司创建的Logo设计流程翻译后跟大家分享啦。 看后即能消化了吧,希望大家学习之后能灵活地…

    2015-01-29
  • 小而美:清晰的可穿戴设备界面

    [国外设计第116期] 移动端的设计教育我们要设计得小,如今,可穿戴设备则使我们的设计愈发的小。手表的设计或许听起来吓人,但只要回到设计理论的本源,你就能做出正确的选择。 提到穿戴设备的设计,就要面临一系列…

    2015-12-29
  • sktch打造knob开关icon 附sketch破解下载!

    小编:今天带来的是由小乔分享的knob拟物小教程,对于想学习sketch小伙伴们或者已经在用的同学们 练习起来都是不错的选择,当然没有mac用photoshop也是可以能设计出来的哟,快来开动你们的脑筋和动手能力吧!(附sk…

    2015-12-23
  • 【免费字体】站酷高级黑字体“汉字百人舞”

    “汉字百人舞计划”出品 站酷网近百名设计师参与字库创作,供所有人永久免费下载。   “汉字百人舞”计划,由字体设计师胡晓波、刘兵克发起,在站酷网征集100位字体设计师共同完成一套字库创作,供所有人永久免费下载…

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

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

    2015-01-07