互联网产品设计之美

交互设计
习惯原则——参考生活习惯
交互设计
习惯原则——不要产生歧义
交互设计
习惯原则——隐藏不必要的
交互设计
习惯原则——隐藏不必要的
交互设计
习惯原则——隐藏不必要的
目录
什么是互联网产品
产品运作流程
产品设计流程
优秀的互联网产品
✓ 应用场景 ✓ 用户需求 ✓ 用户体验 ✓ 交互设计
公司产品介绍
✓ 应用场景 ✓ 用户需求 ✓ 用户体验 ✓ 交互设计
公司产品介绍
什么是用户体验
用户体验（User Experience，简称UE）
是一种纯主观的，在用户使用产品过程中建立起来的感受。
---摘自百度百科
用户体验的核心：
以用户为中心去设计产品
用户体验
录音笔。。。
Hoo, my God!
分类垃圾桶。。。
主次原则案例
主次原则案例
பைடு நூலகம்
主次原则案例
目录
什么是互联网产品
产品运作流程
产品设计流程
优秀的互联网产品
✓ 应用场景 ✓ 用户需求 ✓ 用户体验 ✓ 交互设计
公司产品介绍
什么是交互设计
交互设计—— 理性 （可用性）和 感性 （用户期望）并重的设计 从用户角度讲，交互设计的意义在于，让产品易用、有效、并且让人用的愉悦 交互设计三要素
盲道。。。
用户体验
以用户为中心的设计 • 以用户需求和感受为出发点 • 让产品服务用户，而不是让用户适应产品。
提升用户体验的宗旨：
Don’t make me think Don’t make me wait
用户体验
提升用户体验的几个原则：
主次原则 直接原则 统一原则 少做原则 反馈原则 对称原则
➢ 首先它要能在一个点上打动用户。 ➢ 第二，它一定是一个靠持续改进、持续运营出来的东西。
目录
什么是互联网产品
产品运作流程
产品设计流程
优秀的互联网产品
✓ 应用场景 ✓ 用户需求 ✓ 用户体验 ✓ 交互设计
公司产品介绍
互联网产品的运作流程
策划设计 开发测试 运营维护
目录
什么是互联网产品
中云数据公开课
互联网产品设计之美
2015年5月12日 涂杨洋
目录
什么是互联网产品
产品运作流程
产品设计流程
优秀的互联网产品
✓ 应用场景 ✓ 用户需求 ✓ 用户体验 ✓ 交互设计
公司产品介绍
什么是互联网产品
互联网产品指通过互联网介质为用户提供价值和服务的整套产品体系，好的互联 网产品有两个特性：
微信红包——腾讯的珍珠港逆袭
经典案例分析
微信红包，意在培养 以微信红包作为突破点，培养用户使用心得支付渠道、电商平台和理财产品
微信红包，意在用户 微信支付从微信支付中获得的信息 • 用户基本信息：姓名、身份证号码、银行卡号、手机号、信用卡有效期、 电子邮件地址等等 • 真实的用户社交关系
微信红包，意在支付 以0成本实现了微信和银行卡的绑定 让微信支付有了大量的绑卡用户，最难得一 步已经迈出
产品运作流程
产品设计流程
优秀的互联网产品
✓ 应用场景 ✓ 用户需求 ✓ 用户体验 ✓ 交互设计
公司产品介绍
什么是互联网产品设计
互联网产品设计主要指通过用户研究和分析进行的整套服务体系和价值体系的设计 过程。整个过程基于用户体验思想的设计过程，伴随着互联网产品周期进行一系列产品 设计活动，主要包括：
IE8则没有考虑此种应用场景：要关闭某个 标签，必须先激活；其次，关闭后，将马上
重新计算各标签的宽度
案例分享
操作原则——连贯顺畅
案例分享
操作原则——连贯顺畅
案例分享
操作原则——轻松有趣
交互设计
四个原则
操作 帮助
响应 习惯
交互设计
响应原则——所见即所得
交互设计
响应原则——有效（问题篇）
交互设计
经典案例分析
微信红包最终效果
• 超过800万用户参与了抢红包活动; • 超过4000万个红包被领取，平均每个人抢到
了4到5个红包; • 在除夕夜的最高峰时段，1分钟内有2.5万个红
包被领取……
优秀的产品设计
提升用户体验 细琢交互设计
目录
什么是互联网产品
产品运作流程
产品设计流程
优秀的互联网产品
战略规划 概要设计 开发实施
市场分析 用户研究 功能设计 原型设计 上线验收 迭代更新
目录
什么是互联网产品
产品运作流程
产品设计流程
优秀的互联网产品
✓ 应用场景 ✓ 用户需求 ✓ 用户体验 ✓ 交互设计
公司产品介绍
优秀的产品设计
抓住应用场景，满足用户需求
经典案例分析
微信红包为什么这么红？ • 生活需求：春节讨发红包是习俗，红包解决了跨地域的问题 • 社交需求：利用红包跟亲朋好友同事客户互动，增进感情 • 娱乐需求：跟“飞机大战”一样，抢红包让大家一起玩的开心
交互设计
四个原则
操作 帮助
响应 习惯
交互设计
操作原则——围绕用户目标
案例分享
操作原则——化繁为简
用自动补全的 方式简化用户 的输入
用轮转的方式 代替输入
案例分享
操作原则——连贯顺畅
Chrome考虑到用户连续关闭标签的场景： 关闭某个标签，其后剩余标签并没有及时地 调整尺寸，而是整体向前移动，用户鼠标会 自然落在下一个标签的关闭按钮上
“精品游戏吧”—游戏分发平台
响应原则——有效（基础篇）
交互设计
响应原则——有效（进阶篇）
交互设计
响应原则—— Don’t make me wait（问题篇）
交互设计
响应原则—— Don’t make me wait（基础篇）
交互设计
响应原则—— Don’t make me wait（进阶篇）
交互设计
四个原则
操作 帮助
“精品游戏吧”—游戏分发平台
“精品游戏吧”是一款集游戏下载、游戏攻略、游戏点评、游戏礼包/ 点卡为一体的免费游戏分发平台。
“精品游戏吧”—游戏分发平台
产品特性：
• 专为玩家精心打造。汇聚最新游戏、首发游戏，以及
热门精品游戏。每日更新！
1
2
4
3 5 最新专题
“精品游戏吧”—游戏分发平台
产品特性： • 小编定期推出主题专辑，主题游戏一箩筐，任您挑选。
响应 习惯
交互设计
帮助原则——适度帮助
交互设计
帮助原则——只在用户需要的时候出现
交互设计
帮助原则——只在用户需要的时候出现
交互设计
帮助原则——告诉用户在哪里、该干什么
交互设计
帮助原则——适度引导用户的焦点
交互设计
四个原则
操作 帮助
响应 习惯
交互设计
习惯原则——符合用户习惯
交互设计
习惯原则——符合用户的认知