移动应用平台交互设计方案.pptVIP

基础设施管理、运行支撑、运营管理、应用支撑、开发部署、安全系统 * 基础设施管理、运行支撑、运营管理、应用支撑、开发部署、安全系统 * 基础设施管理、运行支撑、运营管理、应用支撑、开发部署、安全系统 * 基础设施管理、运行支撑、运营管理、应用支撑、开发部署、安全系统 * 基础设施管理、运行支撑、运营管理、应用支撑、开发部署、安全系统 * 基础设施管理、运行支撑、运营管理、应用支撑、开发部署、安全系统 * 基础设施管理、运行支撑、运营管理、应用支撑、开发部署、安全系统 * 基础设施管理、运行支撑、运营管理、应用支撑、开发部署、安全系统 * 基础设施管理、运行支撑、运营管理、应用支撑、开发部署、安全系统 * 基础设施管理、运行支撑、运营管理、应用支撑、开发部署、安全系统 * 基础设施管理、运行支撑、运营管理、应用支撑、开发部署、安全系统 * 移动视觉展示的变化和趋势 采用流体布局，而不是固定宽度，这样更多的样式表被查询设备选择——网页能够随着不同设备屏幕的变化而自适应变化，从而使得不同屏幕尺寸的设备都能够拥有完美的显示。通过对不同的浏览器宽度用不同的CSS来进行渲染，能够控制在不同宽度下个元素的表现效果。 增强适配性，平面化的图形便于横向拉伸，分辨率增大的同时，顶部可以由两栏合并为一栏，手机和平板可以使用同一个程序，所以应用程序将更多的考虑高分辨率的显示效果，而不是简单的栏目自适应拉伸，去刻意填满屏幕，故今后的相关设计中，则应充分考虑到栏目的合并或平行化。 响应式界面设计（有虚拟化桌面的倾向，并且逐渐达到一个产品均适应不同设备平台，即多平台、多设备浏览的统一） 移动视觉展示的变化和趋势 自WP7使用Metro风格之后，Windows8为代表的界面会将这种新兴设计风格推向主流，Metro的特点就是简洁与直观，没有过分华丽的炫目背景与精致的功能图标。 Android 4.0系统的视觉设计，放弃了原有的设计风格，整体正在向平面化、格子风的设计方向进化，虽然没有那么强烈的Metro设计风格，但是这足以可以体现Metro风格的影响力。 平面化、格子化视觉风格 移动视觉展示的变化和趋势 部分移动应用由于发展时间比较长，已经变得有些臃肿，默认的五个标签栏已经满足不了架构需求。类似Pad的侧边栏越来越多出现在手机界面设计，有助于减少界面的层级关系，充分利用显示空间，或者让目录型数据便于在较低分辨率的界面中操作。 侧边栏可以保证视觉的稳定性，如果和界面操作不冲突的话，可以依靠左右滑动手势调出侧边栏，提升操作效率。侧边栏也可以放置操作按钮，但可能会导致界面看起来显得拥挤，更多的侧边栏样式及应用场景还需要根据实际产品应用情况不断地进行尝试。 侧边栏菜单 移动视觉展示的变化和趋势 动态效果设计和交互视觉都息息相关，是一种动态交互行为的用户反馈特效。优秀的动态效果设计，能够增加用户交互的亲和力和趣味性，提升产品的用户体验。动态效果会被越来越多的平台软件应用，移动设备硬件的提升，给动态效果体验设计带来了展示的机会，给软件产品的用户体验升级提供了更大的空间。 动态效果（媒体化效果之一，现阶段往往是使用在产品功能之间的转换） 移动视觉展示的变化和趋势 动态效果设计和交互视觉都息息相关，是一种动态交互行为的用户反馈特效。优秀的动态效果设计，能够增加用户交互的亲和力和趣味性，提升产品的用户体验。动态效果会被越来越多的平台软件应用，移动设备硬件的提升，给动态效果体验设计带来了展示的机会，给软件产品的用户体验升级提供了更大的空间。 而Foursquare和Gowalla会在合适的时机，提醒你可以执行某个操作。某个按钮挪了位置，快速去添加好友，开始签到并与好友分享图片。通过这样一种Tips告知的形式，让用户关注到系统的状态，引导用户可以继续走向哪里，可以启动很好的帮助用户熟悉应用的作用。 合理的用户引导 移动视觉展示的变化和趋势 产品的定位和核心功能决定了主界面的布局，对于不同信息架构的产品，主界面会有很大的不同，但是要使产品从同类产品的相似界面中脱颖而出只有使用户专注。 从主界面点击超过三次才能操作的功能被使用机率则非常低，普通用户不会乐于使用深层界面被掩藏的功能。同样，也有数据表明，在界面上突出某项功能的视觉特征，会提高用户使用该功能的机率；对具有“利用碎片化时间”和“显示区域较小”特征的移动应用来说，让用户在多个功能按钮中进行选择，也会成为影响用户体验的因素。 另一个影响视觉设计的因素是：设计的重点与单个功能的使用率。 突出主要功能（或者产品定义的核心） 移动视觉展示的变化和趋势 提到在移动设备的小空间内展示大量核心功能，Facebook的第一版就做的非常到位。当然，这里指的是展示所有信息和拥有直观的界面。3.0与之相比，你会发现它使用“跳板”的方式来简化界面，既保