iPhone气泡框和模态视图.doc

4 气泡框和模态对话框有时用户需要输入多个可以在一个单一的手势传达信息。也许他们需要选择不同的选项列表来设置组件的颜色，文字的字体，或Web页面加载。在这一章中，我们将创建一个简单的应用程序，储存容器的功能，用户可以选择颜色。这不是世界上最令人兴奋的应用，我们在香料它通过增加一个面板，允许用户在屏幕上移动的容器结束。通过点击的用户选择它的容器，但然后呢？使用简单的手势，我们可以通过一组预定义周期的颜色。这不是一个很大的乐趣。在一个iPhone应用程序中，我们通常会推模式在屏幕上查看和使用它来输入自定义信息。我们可以使用同样的方法在iPad。我们将首先看看如何做到这一点，看看如何利用模态的意见iPad的特定选项一定的优势本章。模态意见并不总是最好的选择。我们可以提供这些使用新ipad popover您在第2章，引种，荷兰国际集团分裂次数看到相同的选择。事实证明，我们如何实现这两个选择是相当类似。最主要的是你需要确定在合理的使用模式查看时是有意义的使用popover。在这一章中，我们将既包括如何和何时。我们还将需要一些时间来更好地理解事物背后的拆分视图与控制器的场景设置popover我们看到，在纵向视图使用模态的意见或popovers的核心技术是类似的：1。监听事件。我们将倾听我们的集装箱上轻击和一个按钮按下。 2。创建一个视图控制器和关联的xib文件载有将要显示的无论是模态或是popover视图的内容。 3。当事件被接收，显示模式视图或popover。 4。响应用户与控制器的交互，当用户完成时并关闭它。让我们开始吧。4.1 响应触摸/art/201012/236838.htm/plus/view.php?aid=6116iPhone界面-警示框、控件列表和模态视图时间:2010-08-06 14:46来源: 作者:编程狂 点击: 44次警示框、控件列表和模态视图迫使用户点击按钮之后才能继续使用程序，尽管它们时常警告用户潜在的危险或者提供额外的选择，也要避免过度使用，原因在于使用方法和行为内容来自泠云天天在线 警示框、控件列表和模态视图迫使用户点击按钮之后才能继续使用程序，尽管它们时常警告用户潜在的危险或者提供额外的选择，也要避免过度使用，原因在于： 所有类型的模态视图都会打断用户的工作流。 需求确认或者承认视图的频繁出现更让用户厌烦。 尤其是当警示框出现太频繁时，用户会直接关闭它们，而不是阅读警示框上的文字并在考虑之后点击按钮。 copyright 警示框提示程序的重要信息。警示框的出现通常很意外，因为它们一般告知用户需要当前程序上出现的问题或者改变采用行动。 控件列表提供用户更多可选择的控件。当点击工具栏上的按钮即不是破坏性操作（如删除已拨电话），也不是完成多步骤操作时（如发邮件），用户期待界面上会出现控件列表。 模态视图在当前任务情境中提供更多的功能，也可以直接执行和用户工作流有关系的子任务。 警示框的应用突然在界面中间弹出并浮在界面上的警示框能明显地提示用户一些关键信息。警示框的外观强调其出现是由于程序和设备的改变而引起的，但不一定归咎于用户最新的操作，警示框上文字解释当前的状况并引导用户完成操作。 内容来自泠云天天在线 使用警示框告知用户任务被阻止是很重要的，而且要提供可选择的方法去处理警示框。警示框可以给予用户两个按钮，接受或者拒绝潜在的危险，也就是关闭警示框并执行命令或者关闭警示框并不执行命令（通常为“取消”按钮）。请谨慎使用警示框，并保证每个警示框提供关键信息和有效的选项。一般而言，避免创建以下形式的警示框： 本文来自泠云天天在线 更新用户的正常进度的任务。而应该使用进度条或者活动指标来提供进度上的反馈给用户。 对于用户启动的行为进行询问确认，应该使用控件列表去确认用户启动的命令，甚至是潜在的危险命令，如删除联系地址。 告知让用户束手无策的错误或者问题。尽管告知用户无法处理的关键性问题是有必要的，但如可能，最好将信息合并在界面上。例如，与其告诉用户链接服务器每次都失败了，不如显示最后一次链接成功的时间。 警示框的设计copyright 警示框的文字、按钮的数目和按钮上的内容都可以自定义，但其背景不可以改变。对于用户而言，在两者之间做出选择是最容易的，警示框上的按钮数目最好也是两个，如使用单个按钮，用户将没有选择的余地。因为用户有时并不仔细阅读警示框上文字就进行操作，所以要高亮右边的按钮作为默认选项。比如点击“取消”按钮可以避免无意操作而执行危险的命令，如果不是破坏性的操作，可以执行最普遍的操作。 本文来自泠云天天在线 设置警示框上的按钮的方法： 泠云工作室 警示框上有两个按钮时，左边的按钮通常使用深色，而右边的按钮从不使用深色。如操作有潜在危险时，“取消”按钮应该在右边并使用浅色；如操作没危险时，“取消”按钮应该在左边并使用深色。 警示框上有一个按钮时，按钮使用浅色。 上文提到用户有时不会仔细越多警示框上的文字，所以文本内容和标题必须简明扼要，有时，描述状况或者事件的标题就足够了。但也不要创建无法传达有效信息的单词类标题，比如“错误”，作为标题无法告知用户为什么会出现警示框。事实上，在任何界面上都尽量避免出现“错误”字样并描述实际情况。如果使用了同样的标题，而警示框是由不同原因触发时，就需要增加句子或者信息去提示用户更为详细的信息。如果标题对于信息的传达并没有任何帮助时，可以将标题去掉。 copyright 控件列表的应用控件列表集合了通过点击而启动任务的选择性按钮，通常应用在： 泠云工作室 提供完成任务的多个可选方式。例如在拍照功能中，控件列表提供发送照片的三个目的地。 在完成具有潜在危险的任务之前获取确认。例如，根据邮件设置，点击工具栏上的垃圾箱按钮，通过控件列表删除邮件或者取消删除。 控件列表的设计控件列表的背景须和程序界面相协调，按钮的数目可以自定义，作为用户操作（如点击删除或者发送按钮）的的结果，所以无需像警示框一样加上文字说明。 内容来自泠云天天在线如果操作具有潜在的危险，比如删除所有的购物列表，应该使用红色的按钮提醒用户，而且要将这样的按钮放在控件列表的顶部： 泠云工作室 顶部的按钮，视觉更明显。 有时用户在试图点击“Home”按钮时，意外地触发了控件列表，将有危险性的按钮放在底部会增加误操作的概率。 可以在控件列表上设置多个按钮，但要确保每个按钮都容易辨认。 内容来自泠云天天在线 模态视图的应用模态视图默认从界面底部滑出并占据整个界面，并短暂地显示与之前不同的界面，直到用户完成某项操作。 模态视图完成和程序主功能有关系的独立任务，尤其适合于主功能界面中欠缺的多级子任务。例如撰写新邮件时的模态视图，包含了地址和消息文本、输入光标、取消和发送按钮。 模态视图的设计 标题通常定义了模态视图的类别，也可以加上和任务或者导向有关的文字描述。比如短信程序包括了导航栏、标题“新短信”、取消按钮和文本输入区域。 泠云工作室为了让用户意识到模态视图是过渡性的操作，可以指定以下切换方式： 竖向移动。模态视图从屏幕的底部滑进滑出。 翻转。当前界面切换到模态视图时从右到左翻转，视觉上看起来模态视图好像在当前界面的背面。 为了让用户易于发现和记住，最好使用风格统一的翻转方式。/webdesign/CMS_other/0420330162010.html/webdesign/CMS_other/0420330162010_2.html用户体验分析:iPad用户体验的交互设计(2)时间:2010-04-20 23:15来源:未知 点击: 308次令人惊叹的图形 高分辨率的iPad屏幕所支持丰富、美观和动人的图形对用户富有吸引力，因此可以尝试增加程序中图形的深度和细节。 弱化界面控件 通过设计程序中的UI来组织信息框架，减少控件的数量和淡化显示效果，创令人惊叹的图形高分辨率的iPad屏幕所支持丰富、美观和动人的图形对用户富有吸引力，因此可以尝试增加程序中图形的深度和细节。弱化界面控件通过设计程序中的UI来组织信息框架，减少控件的数量和淡化显示效果，创建和程序风格相符的控件，这样既不突出，但又易于发现。最少的模态对话框模态对话框打断用户的工作流，需用在合适的情况下： 有必要吸引用户注意力的时候。 避免用户因误操作而导致的数据丢失。 重新思考列表列表（也就是表视图）在iPhone中常用于显示大量的数据信息，在iPad也是非常有用。但是还可以使用一个更丰富的方式来显示同样的信息。例如：iPhone中的联系方式是一个很有效率的列表。而在iPad中的联系方式看起来是一个美观的通讯录，iPad的列表可以显示更多的信息。多点触摸大屏幕支持自定义的多点触摸，即使是多人同时使用iPad，牢记不用响应不标准的触摸手势，如果有的话，也只用一种方式来执行命令。气泡框气泡框和模态视图有些相似，当气泡框显示时，不能操作主视图。但模态视图是模态的。然而气泡框可以用在两种途径： 模态。气泡框出现时，周围的界面淡化，需要一个明确的操作取消。 非模态。点击气泡框周围的界面也可以取消气泡框。 如果在iPhone中使用了模态视图，可以考虑可以气泡框替代它。以下问题可以帮助你决定气泡框的使用是否合理： 是否需要不同类型的输入？如果是，使用气泡框。气泡框更适合显示一个选择器或者列表选项。 是否需要用户穿过多级视图。如果是，使用气泡框。气泡框的结果适合显示多级页面，因为对主视图的改变较小。 可能在主视图操作才可以完成任务吗？如果是，使用非模态气泡框。因为用户点击主视图即可取消气泡框，容许用户中止操作气泡框并返回主视图。 任务需要用户深度投入并且是程序的一个主要功能？如果是，可能需要使用模态视图。模态视图的语境转换帮助用户在任务上集中注意力，较大模态视图便于用户输入大量的字符段。 从另一方面而言，这个任务代表程序功能的重要一部分，但要是不需要用户深度投入注意力的话，气泡框是更好的选择，轻量级的视觉对于频繁执行的任务而言更为亲切。是否任务执行只有一次或者很少，就像安装任务。如果是，考虑使用模态视图。用户不会介意为了完成此类任务而停留在当前界面。限制模态任务的复杂度用户乐于在一个模态视图中完成一个子任务，因为语境的转换清晰和短暂的。但是如果子任务太复杂，用户会忽视主任务，当模态视图全屏显示并包含多个子视图时，这种危险会增加。如果模态任务非要包含子视图，确保给予用户一个单独和层次清晰的路径，避免迂回。提供一个明显和安全的方式退出模态任务，用户能预见此操作的后果。淡化文件管理尽管iPad程序容许用户创建和操作文件，这并不意味着用户应该对于文件系统有意识。iPad没有像Mac OS一样的文件搜索，用户也不必想在电脑上一样和文件进行交互。用户不应该考虑文件类型和位置，比如： 打开和保存对话框中出现文件层级关系。 文件的访问权限信息。 一个文件处理程序鼓励用户预览内容。如果iPad程序容许用户创建和编辑文档，最好提供文档种类选择器便于用户打开一个现有文档或者创建新文档。理想情况下的文档选择器为： 高度图形化。用户看到文档的视觉形式时能很容易识别出需要的文档。 用户使用最少的触摸手势找到需要的内容。例如打开一个文档只需平移水平滚动条和轻击文档。 创建新文档的功能。当用户没有找到想要的文档时，选择器提供一个创建文档的功能而不是到其他界面寻找此功能。 只有需要的时候才要求用户保存用户应该确信他们的工作是实时地被保存，除非他们明确取消或者删除。如果程序帮助用户创建和编辑文档，保证用户不需要明确地执行保存命令。如果程序的主要功能不是创建内容，但要容许用户切换浏览和编辑模式，这时可以明确要求用户保存修改内容。在这种情况下，信息显示的视图中提供“编辑”按钮，轻击之后，该按钮变为“保存”按钮和“取消”按钮。“编辑”按钮的转换提醒用户当前界面为编辑模式，“删除”按钮让用户不保存修改内容的情况下退出程序。工具栏移至顶部与iPh