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

操作方法

  • 01

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

  • 02

    原则一:美学完整性 美学完整性并不是用来衡量一个应用程序的界面有多好看,而是用来衡量应用程序的界面与功能是否匹配。例如,对于一个应用来说,会用比较微妙的修饰元素和背景来体现生产性的任务,对于突出的任务则会使用标准的控件和操作行为。这样的应用程序会传达一个清晰和统一的信息给用户,让用户懂得应用程序的目的。但要是应用程序在生产性任务上使用了异想天开的元素,用户就会被这些相互矛盾的信号所困扰。 同样的,在一个仿真任务的应用程序里,例如游戏应用,用户希望一个漂亮的界面来提供更多的乐趣从而鼓励他们继续游戏。尽管用户不期待能够在一个游戏中完成一个艰难或者是生产性的任务,但他们仍然希望游戏的界面能带来完整的体验。

  • 03

    原则二:一致性 应用程序界面的一致性允许用户利用他们自身的知识和技能完成应用程序的过渡。当然,保持界面的一致性,并不是让你盲目的复制其他的应用程序,相反的,作为开发者应该懂得利用同类型应用程序大众接受的标准和范式来设计自己的应用。 为了确定你的应用程序是否遵循一致性原则,开发者们应该想想以下几个问题: A. 应用程序与iOS的标准是否一致?是否正确的使用了系统提供的控件、视图和图标?设计是否符合设备的功能和特色? B. 应用程序与本身的定位一致么?文本使用了统一的风格了么?一样的图标是否代表的一个意思?不同场景执行相同的操作,结果是否符合用户的预期? C. 在合理的范围内,应用程序与早期的版本一致么?条款和提示是一个意思么?

  • 04

    原则三:直接操作 当用户操作屏幕上的对象而不是单独的控件进行操作时,用户更能理解自己的任务和操作的结果。iOS用户更喜欢直接的操作行为,因为多点触控的设备特点。当看到屏幕的对象,直接用手势进行操作给人一种更为亲切的感觉,而且很有控制感,因为没有了媒介的干预,更多指的是对鼠标的依赖。 举个例子,用户可以使用两指的缩小或放大所要控制的面积就可完成点击缩放的操作。游戏中,玩家还可以直接与物体互动,直接移动他们。例如,在显示密码锁的游戏中,玩家可以直接通过旋转操作打开锁。 在iOS的应用程序中,在以下的场景中可以使用直接操作: A. 旋转或反转来移动设备来控制屏幕中的对象 B. 利用手势直接操作屏幕中的对象 C. 能够直观的看到操作的结果

  • 05

    原则四:隐喻 当虚拟的物品和操作行为是对现实生活中的物品和操作进行模仿的时候,玩家能够很快的掌握应用程序的规则和操作。一个简单的软件隐喻是文件夹:在现实生活中,人们把物品放入文件夹中,所以在计算机中,用户能够很快的理解这个操作的意思,很快的理解将文档等文件放入文件夹的意思。 最合适的隐喻应该是不受现实生活的限制。例如,用户可以将很多内容放入文件夹中,包括音乐、文档、视频等,但现实生活中显然无法做到。 iOS操作系统为开发者提供了很多的隐喻,因为他支持丰富的同行图像和手势。用户可以与屏幕中的物体进行物理交互,很多场景中的交互十分逼真,iOS的隐喻包括: A. 音乐播放的倒退控制 B. 游戏中的拖拽、弹和刷操作 C. 滑动开关的操作 D. 选择转轮做选择

  • 06

    原则五:用户控制 注意,应用程序中,是用来控制操作行为的,而不是应用程序。尽管应用程序能够建议用户做哪些操作或者警告用户有危险,但是这显然对于应用本身是个错误,因为这会将玩家推得更远。成功的应用程序应该在一味的提示和关键时刻做提示之间进行平衡。 当对操作行为和控制感到熟悉和可预见的时候,用户将会明显感觉到自己对于应用程序的控制。操作行为越是简单直接,玩家就能更容易的理解和记住。 通常,玩家都希望在游戏开始有充分的机会能够取消操作,因为他们希望能够对操作进行确认。于此同时,玩家还希望能够正常的停止操作。

(0)

相关推荐

  • 在Affinity Designer设计UI界面

    Affinity Designer操作使用容易上手,比起功能强大的AI和PS来讲很适合初学者,本篇文章通过设计UI界面来带大家熟悉Affinity Designer常用的工具使用,其中我们重点设计图形 ...

  • 揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

    隐喻设计是一种常用却很少有人提及的概念,人们往往身在其中却不知究竟为何物. 简单说,隐喻设计它可以将现实生活中用户熟悉的事物以多种形式映射到界面中,从而使用户不熟悉的概念.陌生且复杂的操作等变得熟悉与 ...

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

    小编:之前分享了justinlam总结的移动版式设计原理前3条–<移动端界面中的版式设计原理(上)>,今天继续下一篇,这篇聊聊留白的艺术和视觉心理学. 不单单是文字和图片需要设计,留白也是 ...

  • 设计搜索界面,你需要考虑这20个细节

    这篇文章是我们在设计解决方案以及我们在原型设计时应该考虑的元素清单之前,应该回答的问题集合. 问用户有哪些问题?原型开发时应该考虑什么?什么是界面搜索设计的最佳实践? 根据不同项目,搜索可能是最复杂的 ...

  • 谷歌设计语音界面的六原则

    新时代的界面将会突破现有的格局.界面将不再被滑动.轻触和点击局限,取而代之的是更自然细腻的语言呈现形式. 用于GUI(图形用户界面)的设计技法和设计语言在语音交互这个全新的领域不再适用,VUI(语音用 ...

  • 如何用C#设计登录界面

    现在很多网页浏览都需要信息登录,信息登录界面无处不在,下面小编介绍一下如何使用C#设计登录界面 操作方法 01 启动Visual Studio 2017,[文件]菜单下-->[新建]--> ...

  • 美图秀秀手机版3.5界面全新改版 引爆时尚风潮

    圣诞一过,装饰还未撤下,可我们已经开始期待元旦新年了,幸福和快乐总是让人那么期待。同时在千万用户们的期待中美图秀秀也迎来了年末最后一次更新,手机版3.5UI全新设计、优化小应用、赵薇、谢娜等众多明星喜 ...

  • 陌陌手机网页版登录界面

    小编只找到了陌陌手机网页版登录网址:http://www.immomo.com/ [打开就是陌陌手机网页版登录界面]

  • 如何在iPhone XR手机的锁屏界面中添加标语?

    相信小伙伴都有在使用苹果iPhone XR手机,在其中的锁屏界面中如何才能添加标语呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,将我们想要设置为手机锁屏的图片发送到电脑.发送成功后,点 ...