文档介绍：UI界面设计流程及内容
一、如何做一名优秀界面设计师
二、UI界面设计流程及内容
三、案例——电子商务网站的交互设计
四、案例——35互联整体平台改版设计分享
产品开发的始终，因此软件产品的UI设计过程最重要的两个部分就是行为和构造，也就是交互设计和界面设计。上面我们按照软件开发的四个阶段，逐个的分析了每个时期UI设计的任务。由此我们可以看出UI设计并不完全是一个美术设计的过程，还有很重要的一个部分就是交互性和易用性的设计(涉及到认知心理学)。我们要时刻把自己放在软件的用户角度来考虑，设计出最简单易用，界面友好的软件产品。
整理ppt
三、UI界面设计流程及内容
整理ppt
界面作为产品本身，其设计流程带有产品开发的基本特征，即总是必须从前期的调查和分析开始。关于对界面的易用性测试，不是在产品设计完成之后，而是在真正设计制作之前就开始进行，且始终贯穿于产品整个的生命周期，分阶段持续地进行。
易用性测试
交互设计
信息构架设计
界面设计
前期分析
产品发布
整理ppt
目标用户研究
任务分析
确立界面类型
环境分析
设立清晰目标和个性开发方案
1、前期分析（需求分析）
整理ppt
目标用户研究
用户研究方法：
背景调查
观察
访谈
问卷调查
用户研究的第一步就是定义界面设计面向的用户群体
整理ppt
获取设计概念：
卡片法
虚拟角色
编写故事板
整理ppt
QQ概念版设研发
整理ppt
任务分析
任务分析是将用户需要转化为目标，再将目标转化为结构化任务，并分析任务之间相互关系的一种方法。
结构化任务往往被表达成一个流程图，流程图中包含了用户实现一个目标所需要的每个任务、任务顺序及任务之间的交互。
任务的层级分析——生成流程图
整理ppt
确定界面类型
界面类型基本是与用户研究同时进行的。
图形化用户界面、网页界面、多媒体产品界面、移动设计用户界面；从最复杂的图形用户界面又分用于日常生活和娱乐的软件界面、办公或小型商业软件界面、大型工业或商业软件界面、创造性和探索性软件界面、特殊部门和行业软件界面…….
整理ppt
2、总体设计规划
整理ppt
无论是前期的原形草图设计,还是后面的真实产品设计,往往都是从信息体系的构建着手建立界面框架结构的。具体说来，即通过定义组织结构、导航系统、搜索工具来指定用户找到信息的途径。
线性模式
层级模式
网状模式
地图模式
导航与搜索
整理ppt
整理ppt
全局导航
分级导航
路径导航
标签导航
搜索
导航与搜索
全局导航
整理ppt
分级导航
整理ppt
整理ppt
路径导航
整理ppt
标签导航
整理ppt
整理ppt
整理ppt
整理ppt
操作类型
直接操控
使用鼠标
使用手指
TUI
间接操控
使用鼠标
使用手指
TUI
回应类型
整理ppt
交互设计要点
预设用途
控件
反馈
错误
整理ppt
版面设计
整理ppt
媒体选择
图标设计
色彩选择与组合
文字编排与设计
静态图形图像的设计与应用
动态元素设计
声音的设计与应用
3、界面元素设计
整理ppt
测试
综合评估
反复的设计
4、应用测试
整理ppt
专家评审
切割编码
原型设计
需要分析
发布跟踪
交互DEMO
视觉界面
06
02
03
05
07
整理ppt
整理ppt
案例——电子商务网站的交互设计
本节要点：
了解项目背景和需求
如何做好前期准备
如何做好详细设计
如何做好交互设计文档
作者：于宗博
个人网站：
整理ppt
我们设计产品总是想迎合我们的用户，最后觉得好似跟在用户后面狂奔的傻子。我们希望通过教育我们的用户来尝试一些新鲜的玩应，用户是否买单就很难说了。从一个极端走向另一个极端，显然是不科学的。用户的需求一定要听，但要有鉴别的听。好的设计用户总愿意为它买单，差的设计用户会让我们为他买单。
整理ppt
1、项目背景和需求
2010年1月1日，淘宝发布了新版的首页，最大的改变有两个：
一是把搜索框放到了前所未有的高度，同时加大搜索框包含搜索按钮的面积；
二是将横向颁布的导航变成了纵向分布。
随后颁布的用户调研显示，77%的用户平均在第4秒就看