`
CshBBrain
  • 浏览: 650260 次
  • 性别: Icon_minigender_1
  • 来自: 成都
博客专栏
B7d9bf34-126e-301f-819e-81f2615b5a2a
开源WebSocket服务...
浏览量:144939
Group-logo
HTML5移动开发
浏览量:137885
社区版块
存档分类
最新评论

iOS开发:人机交互界面设计的五大原则

 
阅读更多

转自:http://dev.yesky.com/156/34543156.shtml

 

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

http://img.hexun.com/2011-03-21/128091700.jpg

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

  原则一:美学完整性

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

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

  原则二:一致性

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

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

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

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

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

  原则三:直接操作

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

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

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

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

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

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

  原则四:隐喻

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

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

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

  A. 音乐播放的倒退控制

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

  C. 滑动开关的操作

  D. 选择转轮做选择

  原则五用户控制

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

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

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

分享到:
评论

相关推荐

    ios人机界面指南(2012-12-17版)

    本指南为苹果公司于2012年12月17日发布的iOS人机界面指南(Human Interface Guidelines,简称HIG),主要针对iOS应用程序的设计与开发提供了详细的指导原则。它强调了优秀iOS应用应当遵循的设计理念和实践策略,并对...

    基于QT开发的人机交互界面,操作系统课程设计,模拟操作系统.zip

    基于QT开发的人机交互界面,操作系统课程设计,模拟操作系统,具有进程管理,内存管理,磁盘管理,文件系统,设备管理五个功能模块 软件开发设计:PHP、QT、应用软件开发、系统软件开发、移动应用开发、网站开发C++...

    IOS人机交互中文

    ### IOS人机交互指南知识点详解 #### 一、引言 **重要性:**苹果公司的人机交互指南(iOS Human Interface Guidelines,简称HIG)是iOS应用开发的标准规范,对于确保应用程序的一致性和优秀用户体验至关重要。 **...

    iOS8人机界面指南

    iOS8人机界面指南详细介绍了在设计iOS应用时需要遵循的人机交互原则和界面设计的实践方法。本文将从以下几个方面深入阐述指南中提及的知识点。 一、为iOS而设计 设计iOS应用时,首先要考虑的是如何让界面的设计更好...

    iOS Wireframe

    在设计iOS应用的Wireframe时,设计师通常会遵循Apple的人机交互指南(Human Interface Guidelines,简称HIG),确保应用的用户体验与iOS平台的一致性和易用性。这包括但不限于:使用标准的控件和界面元素,遵循清晰...

    ios开发入门.zipios开发入门.zipios开发入门.zip

    遵循Apple的人机交互指南(Human Interface Guidelines),可以确保应用的界面符合iOS平台的规范,提供良好的用户体验。 七、Core Data Core Data是苹果提供的数据管理框架,用于存储和管理应用的模型对象。它支持...

    iOS_UI设计指南

    - **平台与交互设计原则**:优秀的iOS应用程序应当遵循iOS的人机交互指南,确保应用程序不仅美观而且实用。 - **简洁定义**:一个伟大的应用从清晰的目标和定义开始,避免功能冗余,专注于核心价值。 - **细节决定...

    IOS弹出框设计

    3. 一致性:保持弹出框的外观和行为在整个应用中的一致性,遵循Apple的人机交互指南(HIG)。 4. 可访问性:考虑辅助功能,如VoiceOver,确保所有元素都能被正确读取和操作。 5. 动画效果:合理使用动画,使弹出框的...

    Xamarin iOS开发实战中册

    ### Xamarin iOS开发实战中册知识点概述 #### 一、Xamarin与iOS开发简介 - **Xamarin**: 是一款跨平台的开发框架,支持多种操作系统,如iOS、Android、Windows Phone和Mac等。它最大的特点是让C#程序员无需学习其他...

    iPhone人机界面指南

    《iPhone人机界面指南》是苹果公司为开发者提供的官方文档,旨在帮助他们理解和遵循iOS平台上的人机交互设计原则,以创建高效、直观且用户友好的应用程序。这份文档深入阐述了如何构建符合苹果设计理念的用户体验,...

    第04章 手机用户界面的开发

    手机用户界面的开发涉及多个方面,包括布局设计、交互设计、图形设计、可访问性和性能优化等。本章将深入探讨这些关键领域。 一、布局设计 手机用户界面的布局设计要考虑屏幕尺寸、分辨率和不同操作系统的特点。...

    [iOS5开发基础教程].(Beginning.iOS.5.Development.Exploring.the.iOS.SDK.E文文字版

    - **增长趋势**:随着iOS平台的发展,越来越多的人在日常生活中依赖移动应用软件,这使得iOS成为一个极具吸引力的开发平台。 #### 二、iOS开发环境搭建 - **账号注册**:首先需要在苹果官方网站上注册开发者账号。 ...

    iOS实例开发源码——jakeboxer-SubwaySlide-833c178.zip

    “SubwaySlide”的界面设计可能遵循了Apple的人机交互指南(Human Interface Guidelines),包括清晰的导航结构、一致的视觉风格和易用的控件布局。Storyboard和AutoLayout工具可能被用来创建和管理界面布局,确保在...

    iPhone人机界面指南.中文.pdf

    - **Human Interface Guidelines (HIG)**:除了本书外,苹果还提供了更详尽的人机界面指南文档,包含了更多关于设计原则和技术实现的细节。 综上所述,《iPhone人机界面指南》是一本全面而深入的参考资料,对于希望...

    交互设计:从物理逻辑到行为逻辑 辛向阳.pdf

    这五大要素共同构成了交互设计的核心框架。其中,人是交互活动的主体;动作是人进行交互的具体行为;工具或媒介则是承载这些行为的物理或虚拟存在;目的是人进行交互所希望达成的结果;场景则是这些活动发生的情境...

    iPhone人机界面指南(中文版).pdf

    #### 三、人机界面设计原则 - **隐喻**:使用用户熟悉的比喻来简化理解和操作流程。 - **直接操作**:让用户通过直接触摸屏幕元素来进行交互。 - **即看即点**:界面元素应直观且易于识别。 - **反馈**:及时给予...

    iPhone用户界面设计指南(中文版)

    #### 四、人机界面设计原则 - **隐喻现实世界**:界面设计应模仿现实生活中的物品和行为,使用户更容易理解和使用。 - **直接操控性**:允许用户直接与界面上的对象交互,例如拖拽、缩放等。 - **少输入多选择**:...

Global site tag (gtag.js) - Google Analytics