移动用户交互设计互联交互设计精髓

互联网交互设计精髓本章目标了解什么是交互设计了解视觉和交互是如何相互影响的了解交互设计师是干什么的掌握导航、表单、搜索、反馈的设计技巧交互设计概述交互设计UI/UE设计项目实战入门到精通手机APP什么是交互设计交互设计（InteractionDesign)指一个产品如何根据用户的行为而“行动”，以及如何让用户通过一些控制键去操纵产品按钮、开关、排版、光效、声效、图标及颜色等界面元素在使用过程中的反应什么是交互设计优秀的交互设计特点以人为本的设计为强视觉冲击而生的交互交互设计UI/UE设计项目实战入门到精通手机APP界面视觉风格与交互拟物化指在应用设计中模仿先前实体产品中的一些原有形式扁平化彻底去除纯修饰性的设计元素,使界面不再包含任何不对用户最后的操作结果产生直接作用的元素启动图标与交互iOS上的应用图标通常都会带圆角,且圆角值固定Google上的应用图标轮廓鲜明,可以不统一使用圆角界面外观与交互有新颖、大胆的想法与原生应用的交互效果在一定程度上保持一致用线框图来帮助整理界面的整体布局,注重内容和交互方式交互设计师是干什么的交互设计UI/UE设计项目实战入门到精通手机APP交互设计师是干什么的?职责:发现用户需求

建立明确需求

提出设计方案

制作设计原型

用户测试和评估...…..交互设计之导航设计交互设计UI/UE设计项目实战入门到精通手机APPweb应用常见的导航模式顶部水平栏导航竖直/侧边栏导航、选项卡导航、面包屑导航、搜索导航、

页尾导航......移动应用常见的导航模式跳板式常见的跳板式导航的布局形式是3*3.2*3.2*2和1*2的网格移动应用常见的导航模式列表菜单式每个菜单项都是进入应用各项功能的入口点移动应用常见的导航模式选项卡菜单式不同的操作系统上有不同表现移动应用常见的导航模式陈列馆式显示一些文章、菜谱、照片、产品等,可以布局成轮盘、网格或用幻灯片演示移动应用常见的导航模式隐喻式用页面模仿应用的隐喻对象增强用户体验感、真实感交互设计之表单设计交互设计UI/UE设计项目实战入门到精通手机APP登录表单用户名密码操作按钮密码帮助注册选项注册表单包含少量的信息输入标签和输入框均采用垂直排列交互设计之搜索设计交互设计UI/UE设计项目实战入门到精通手机APP显性搜索要求用户执行明显的搜索操作并浏览搜索结果自动补全搜索用户输入内容时程序立刻显示一系列可能的输入结果,只要通过点击来选择某一项,程序就会执行所搜操作范围搜索确定搜索条件的范围通常3-6个范围选项即可,不宜过多保存搜索记录并显示最近搜索内容遵循基本的可用性原则:尊重用户的劳动成果可以从先前的搜索内容中进行选择，而不需要再次输入相同的关键词或搜索条件交互设计之反馈设计交互设计UI/UE设计项目实战入门到精通手机APP出错信息反馈纯文字的形式展现主动给用户提出解决办法在屏幕上突出显示出错信息（文字加粗或颜色鲜明)确认反馈系统提示用户对执行的操作进行确认常见于确认信息的操作·系统状态及时地提供反馈信息能提升用户对应用的信任度使用简单的信息、动态指示器、进度