移动应用平台交互设计方案最新PPT课件.pptVIP

移动视觉展示的变化和趋势 简化界面 提到在移动设备的小空间内展示大 量核心功能， Facebook 的第一版就 做的非常到位。当然，这里指的是 展示所有信息和拥有直观的界面。 3.0 与之相比，你会发现它使用 “跳板”的方式来简化界面，既保 持了直观又维护了功能。 又例如 Flickr 对功能、视觉设计和 小屏幕移动设备显示这三者间平衡 上的处理同样出色。 Flickr 的核心 是照片，它的用户或许不希望看到 又大又笨的导航，用户明确想要的 是照片。 Flickr 已经设法调整核心 功能，去掉那些标题和导航（而事 实上，很多导航元素已经在照片本 身的交互上实现了）。 移动视觉展示的变化和趋势 全局显示 移动设备的屏幕越来越大，但还是 要减少不必要视觉元素干扰用户， 特别是对于浏览类产品，更注重扩 大主体显示区域。目前有一些移动 设备上的浏览器将地址栏放置底部， 增加显示空间，同时让用户的操作 集中在界面底部。 又例如百度手机浏览器 WP7 版单指 滑动工具栏可以缩放页面，这也是 动效的应用案例之一，目的同样也 是为了扩大主体显示区域。 移动视觉展示的变化和趋势 层的应用 一些应用把界面设计成层，利用 iPhone 本身独有的特性让其固定， 或垂直、水平滚动。这种方法有几 个好处： 1 、减少了必要的传统导航元素数量 （更少的按钮有助于避免界面混乱）； 2 、为用户获取信息提供了快速通道； 3 、有更多屏幕空间承载有用信息。 又例如 Path 带动了大 cover 的设计， 但是那么大的背景图占用了半屏面 积，多少有点浪费，于是叠加在上 面的信息层成为必然，利用好面积 的同时又能把需要展示的信息充分 展示完全。 交互评估 移动视觉展示基本原则 评估的目的 交互设计是一个迭代过程，通过交互评估，可以及早发现设计中缺陷， 进而能进一步完善交互流程。通过评价也可发现交互设计中可行、友 善、合理或优秀的地方，从而为后续产品的交互设计提供借鉴。 评估的标准 移动产品交互设计的评估标准还是是否满足用户体验。当然，体验是 一个很虚的东西，没有一个具体的量化标准，那我们就落在实处，从 可以量化的维度打分。具体从如下几个方面入手： ? 产品架构是否清晰 ? ? ? ? 产品结构清晰，没有不必要的层级； 能快速了解产品有几个主要页面； 所有主要部分都能够通过首页访问； 清晰的指示了当前的位置。 移动视觉展示基本原则 评估的标准 ? 产品流程是否清晰 ? ? ? ? ? ? ? ? 明确产品有几个主要的任务流程； 每个任务流程清晰，没有太多分支； 任务流程符合用户操作流程； 用户可以取消正在执行操作； 操作成功或失败都有明确的反馈； 在每个层级，都可以找到回到上一级的方法； 预防出错，如出错要帮助用户从错误中恢复过来； 复杂的交互是否有很好的引导和帮助。 ? 控件使用是否准确 ? 控件使用准确性（比如是否混淆了单选框和复选框，对话框层次过 多等）； 控件的复用（比如两个页面都用到 tabbar ，不用设计两个）； 控件的状态（比如不可点状态、可点状态、按下状态、长按状态）； ? ? 感谢各位！ 感谢各位！ 感谢各位！ 感谢各位！ 感谢各位！ 感谢各位！ 感谢各位！ THANK YOU SUCCESS 2019/9/17 移动应用平台交互设计 目 录 移动交互基本原则 移动视觉展示基本原则 移动交互的变化和趋势 移动视觉展示的变化和趋势 交互评估 移动信息时代应用类型特征为三种： 一是效率型应用 例如， iPhone 、 HTC 等智能手机应用。 二是实用型应用 例如， Pad 、 iPad 等平板电脑应用。 三是沉浸型应用 例如，笔记本、台式机等应用。 移动交互基本原则 移动交互基本原则 增强交互 在用户执行明确的任务时，我们应该提供新颖、简洁、明了的交互方 式，不要为了填满整个屏幕而增加一些与主要任务没有直接关联的功 能，不要为了功能而功能，或者是为了大而全地展示产品功能，而是 应该提升产品的用户体验和性能。 简单、直接的操作 直接操作的好处是当用户可以直接操作对象时，他们能更好的明白自 己操作的结果； 让用户（而不是产品）来触发和控制动作，要使动作简单、直接，使 用户可以容易的理解和记住；不论任何时候，只要有可能，就使用用 户已经熟悉的标准控制和行为； 为了在产品里加强直接操作的感觉，我们要确保： ?