UED 设计规范交互体验设计行业背景.pptx

UED 交互体验设计行业背景;;原型绘制工具;低保真设计 产出物：低保真原型;IOS平台设计规范;1、框架UI的元素分为4类： 　　A：栏：状态栏目和导航栏的结合体; 　　B：内容视图：应用显示的内容信息，包括相关的交互行为，例如滚屏、插入、删除等操作进行排序; 　　C：控制元素：产品行为或显示的信息; 　　D：临时视图：临时向用户提供重要的信息，或提供额外的功能和选项。 　　 2、框架UI的尺寸：;;;;;;3、图标icon的尺寸：;二、UI的布局概述： 　　1、可点击对象的区域：尺寸不要小于44*44px; 　　2、将重要的内容和功能放在权重高的位置，将重要的元素放在前半屏比较好，对于阅读习惯从 左到右的用户来说，更贴近屏幕左侧位置容易引起关注的; 　　3、利用视觉表现形式的权重和平衡，尺寸较大的元素具有更高的权重，对于尺寸较小的元素来 说，更能吸引目光，看上去更??重要; 　　三、UI的模态情景概述： 　　1、模态：一种用来承载特定内容、功能或体验的模式，有其自身的优缺点。它可以帮助用户完 成某些任务，或在不受干扰的情况下获取信息，但会暂时性的强迫用户停止与应用其他部分 的互动; 　　2、保持模态任务的简单、简短、易聚焦：不要将模态视图打造的好像是嵌在应用当中的迷你应用; 　　3、始终提供一种明显而安全的退出方式：要确保用户在退出模态视图时，能够对接下来要发生的 事情有明确的认知; 　　4、使用警告框来传递那些必不可少的重要信息，通常还要提供可执行的功能选项。;　四、UI的手势交互概述：;五、UI的动画概述： 　　1、漂亮而精致的动画效果遍布于ios各处，它们使应用体验更具动态性，更加吸引人，精细而恰 当的动画效果可以： 　　A：传达状态 　　B：增强用户对于直接操作的感知 　　C：通过视觉化的 方式向用户呈现操作结果;六、UI的字体概述： 　　1、字体是ios7设计的关键，大多数操作都是点击文字或点击图标，按钮也会有，但是占的比重很小; 　　2、苹果的默认字体是Helvetica Nenu，一种纤细简单的文字，但那不是你唯一的选择; 　　3、Ios7的字号稍微加大了，主要由于它的用途，而且文字之间的层级关系至关重要，利用颜色 和不同的粗细，来保持文字的布局和UI元素的清晰易懂。 　　4、苹果字体规格说明： 　　A：导航栏标题：medium 34px; 　　B：按钮和表头：light 34px 　　C：表格标签：Regular 28px; 　　D：Tab页图标标签：Regular 20px;审美的完整性 对app而言，审美的完整性并不是用来衡量app漂亮与否，或者塑造它的风格。而是通过app的外观、交互行为和功能共同传递一致的，清晰明了的信息。;App需保持一致性 这样方便用户积累的知识和技巧在app各部分UI之间，在app之间进行迁移。一致性并不是盲目模仿其他app，也不是停滞不前，而是更关注用户熟悉的标准和范例。;直接操作 直接在屏幕上操作对象，而不使用单独的控件来操作，这样用户会更专注于当前的任务，他们也更容易理解操作产生的结果。;反馈 反馈是对用户动作的承认，向他们展示操作的结果，更新他们任务的进程。内置iOS app为每位用户的动作提供了可觉察的反馈。在用户执行点击操作的过程中，列表项目和控件会持续几秒钟高亮状态，通过控件所处状态短暂的改变来显示进程的变化。;那么容易出的问题？;二、不遗漏特殊状态的描述 　　在写交互说明的时候，总是更多的考虑正常情况的状态，却经常忽略了一些特??状态(用户极少用到)。但对于前端和开发来说，各种状态都是不能缺失的，否则会导致工作无法进行。;三、避免过长的说明 　　还是上面这个例子，后来我们按照前端提的要求把所有交互说明都补充完了，内容很可观，写了一整页的标注，密密麻麻的。但是在评审的时候还是被拍回去了，这是为什么呢? 　　我后来总结了一下，大概有以下几点原因： 　　1. 需求或设计方案有问题，导致逻辑异常复杂 　　2. 这个方案开发成本是否很高，有没有这个必要?(有些异常情况出现频率极小，可以适当舍弃，保证体验和开发成本之间的平衡性) 　　3. 如果需求和设计方案都没问题，是否表述方式有问题?应尽量避免文字堆砌(具体请看下面“避免流水账式的说明”) 　　;;UI设计师;IPHONE 5S;ANDROID