竞品分析： 1. 为什么要做竞品分析？ • 企业成功的必备条件： ○ 竞品分析可以明确企业自身的核心资源，整合自身的渠道 ○ 竞品分析可以通过收集数据，分析数据信息，快速地了解APP所处行业地基本情况，从而准确定位APP自身所处的市场 ○ 竞品分析可以了解竞争对手的市场动向 • 设计的灯塔： ○ 竞品分析可以为自身APP的设计提供一个可视化的标准 2. 如何做竞品分析？ 用户研究： 1. 为哪类人群而设计？ 用户研究是一种理解用户，将他们的目标、需求与自身APP和商业宗旨相匹配的一种方法【场景观察、可用性测试、问卷研究、访谈研究、焦点小组、桌面研究、专家评估】 2. 用户研究的美——persona 输出用户画像：获取研究用户信息→细分用户群→建立并丰富用户画像【基本信息、典型场景、目标和动机、需求和痛点、对APP的态度】
精准的目标人群，可以让设计是更清晰地认识到目标人群地特点，只有针对目标人群做出的设计才能更好地满足需求 3. 如何做一份问卷？ 问卷组成：基本信息，使用场景，用户需求与痛点 4. 数据的整理与输出 数据可视化分析 设计规范： 1. 项目中设计规范的意义 保证产品的一致性，提升同伴之间沟通的效率，同事还可以预防人员流动带来的不便，最终给用户呈现一个整洁易学的产品 2. iOS与Android基础规范 界面尺寸+布局+控件+icon+字体 iOS设计规范 Android设计规范
流程与管理： 1. 流程规范 • 产品研发流程：基础调研→产品分析→需求评审→交互设计→视觉设计→研发→测试→交付 • 【产品需求评审（产品+设计+研发）——原型评审（产品+设计+研发+市场）——开发评审】 • 绘制纸面原型→绘制流程图→绘制线框图→交互自查→制作视觉效果图 • 交互自查清单： ○ 明确完成什么操作及主场景，环境也随着场景不断变化 ○ 从框架流程再到内容细节检查（如：框架导航→流程→布局→专场→反馈→文字等） ○ 框架导航检查（广度、深度、承载力、操作性、拓展性） ○ 流程检查（A→B→A、触发源、状态、加载） ○ 加载状态检查 ○ 布局与内容检查（重复信息、功能操作、文字提示、界面内容） ○ 特殊原因再复查（涉及硬件设备如横竖屏、分辨率适配、升级，网络因素如超时、加载过慢loading，提示） 2. 项目管理与自我管理 • 项目管理的5个基本元素：任务、目标、时间线、成本和负责人【什么时候做什么事情，为什么要做以及怎么做，责任人是谁、成本是多少】 • 自我管理：时间管理、目标管理、知识管理、文件管理、情绪管理 • 拆分大目标，设立小目标： ○ 量化：目标清晰明确、可量化、易于考核 ○ 实用：不要过于细节 ○ 规划：将长期目标分解为杨哥过的短期目标 ○ 挑战：目标需要具有一定的挑战性 ○ 避免拖延：目标要具体、可量化、执行性强、可实现并且有限制 • 知识管理——获取知识、学习知识、保存知识、分享知识 • 保持情绪的方法：心理暗示、注意力转移、适度的宣泄、自我安慰 • 规整文件命名、文件修改记录
交互设计和用户体验： 1. 交互设计的基本概念 • 无处不在的交互：两个或者两个以上的活动参与者之间的信息交流，人与人、人与环境、人与产品、人与机器之间的信息交流，都可以称之为交互 • 交互设计的起源和定义 2. 用户体验 用户体验设计：解决人们的某个实际问题，提升用户在使用某个产品或享受某个服务时的体验而做的设计 交互设计师：负责让产品更易用、好用、帮助用户更快地获取信息并完成认任务 注意关注身边的奇妙体验 3. 交互设计的基本流程 • 交互五要素： ○ 人——Amber，想要记录灵感的设计师，有需求的人称之为用户 ○ 目的——想要随时随地、快捷方便地把好的灵感记录下来 ○ 环境——任何环境，尤其是地铁、街上、商场等嘈杂的环境 ○ 媒介——手机，用户使用的设备称之为媒介 ○ 行为——输入自己的想法，查看记录，分享给朋友，用户的具体操作就是行为 • 交互设计师如何参与一个项目 • 交互设计的基本流程：需求收集和分析→需求删减与组织→定义优先级→信息架构设计→流程设计→原型设计 • 始终以人为本，考虑用户的使用场景和他们所关注的信息，要时刻关注用户的操作习惯和心理，及操作应用时的体验
UI设计： 1. UI设计概述 • UI设计的定义：对人与机器进行互动过程时的界面进行创造、美化 • UI皮肤：增加竞争力、深度打磨产品、配合用户体验需求、提升用户审美、引导用户审美趋向、彰显用户个性 • 从无到有的UI设计： 2. 扁平化设计手册 • 扁平化设计的核心：摒弃一切装饰效果，诸如阴影、透视、纹理、渐变等能做出透视感效果的元素，通过抽象、简化、符号化的设计元素来表现 • 拒绝特效：扁平化设计仅采用二维元素 • 界面元素：去掉可有可无的辅助线、区块分割线、把按钮做成框的感觉、简单的形状或者图标之类，尽可能让用户凭借尝试即可判断按钮的作用 • 优化排版：帮助用户理解设计 ○ 使用无衬线字体 ○ 鲜艳多彩与反白 ○ 字体种类不宜过多，一般最好使用两种字体 • 巧用色彩：综合运用多种配色手法来创造一种优秀的视觉体验 • 极简主义：懂得巧妙的取舍，用极简的要素，在没有更多特效装饰的情况下表达清楚内容，在界限与轮廓的高对比下，表现出物体的美感 • 图标设计——确保每款图标简约、高效地传达其含义 • 大图的运用：一张好看的图片能吸引用户注意力和点击的欲望，配上一些信息or操作浮在图片上，设计感倍增 • 在设计APP界面是应该去除任何无关元素，尽可能地使用简单的颜色与文本 • 功能可以很强大，但是设计很简约 3. UI设计趋势 • 从拟物到朴实转变的原因： ○ 信息过载：很容易就淹没在信息中，砍掉用户界面的繁杂元素采是视觉设计的王道 ○ 简约就是金科玉律：专注于微应用，偏爱功能简洁 ○ 以内容为核心：真正有价值的APP，一定是靠内容取胜的 • 未来设计的趋势：响应式在继续，已成常态；幽灵按钮（出来外框和文字，是完全透明的）；更强调字体；比大更大的图片——视频背景；卡片式设计继续；扁平化继续；VR的设计工具将开始出现 图标品质提升 图标：是具有明确指代含义的计算机图形 1. 素描色彩基础 • 素描的价值：素描是指单色的线条或者调子再某种平面（如：纸、布、板等）上塑造物象的形体、结构、动态、神情、明暗及空间关系的绘画形式 • 三大面：亮面、灰面、暗面 • 五大调：亮面、灰面、明暗交界线、反光部和投影 • 构图时需要注意物体的聚与散，以使人看起来感到舒服、美观为原则 • 注意：构图不能太小，构图时应注意重心的平衡，构图不能太偏，构图应注意透视的变化及比例关系 2. 色彩的魅力 • 色彩的冷暖：物体通过表面色彩可以给人们或温暖或寒冷或凉爽的感觉（感官） • 色彩的轻重感觉：从色彩得到的重量感，是质感与色感的复合感觉 • 色彩的前进性与后退性：一般而言，暖色比冷色更富有前进的特性，但是不能一概而论，色彩的前进、后退与背景色密切相关 • 色彩的构成形式： ○ 均衡：是指将各种配置的要素（色彩面积的分布、色的强弱和轻重）在视觉上产生一种稳定的构图形式 ○ 强调：以适当的比例关系合理利用色彩的明暗、大小、软硬、冷暖、鲜浊等对比，凸显所要表达的主题、以达到画龙点睛的效果，从而构成整体中的强调 ○ 节奏：节奏具有时间的因素，通过色相、明度、纯度三属性的变化而造成的强弱、轻重、冷暖、软硬的因素相互结合，或局部的某种间隔搭配，使之产生某种方向性的移动、反复变化，视觉上会感觉到动的连续和相互关联的韵律，使单调的色彩活泼化 ○ 主从：对比色即异质色彩的对立，但并非各不相干，占优势起支配作用的即为主色，处于从属地位的称为从色 ○ 呼应：配色平衡的桥梁和手段，任何色块在布局时都不应孤立出现 ○ 层次：色彩的前进、后退感觉影响着色彩的层次变化，更多的时候，色彩的层次受色彩的明度对比和纯度变化的影响 ○ 点缀：指小面积重点部位的配色，是面积对比的一种形式 ○ 衬托：指涂色与底色（或背景色）的映衬关系 2. 一个像素也是事儿 图标像素要精准到每一个像素，让每一个像素都清晰可辨是UI设计师们在设计中的追求 3. 国际化的图标设计 • 在形态上要能够让所有人看到就能明白意思，在表现形式上要符合全球时代潮流设计趋势 • 立体感：扁平化也可以有细节、色块以及带阴影效果的变化呈现凹凸感，给图标增加一种层次感，呈现出一种立体感的视觉盛宴 • 光感、长投影：长投影主要是延伸投影，一般都是45°角，为物体的2.5倍大，给图标加入了一种深度 • 动感：交互动效 • 质感：参照真实物体的质感用设计手法来表现（这里的质感是与“平”的物体相关联的） • 3D扁平化设计：可以从古今中外的各种艺术表现形式上找到共同点并加以运用 界面细节提升： 一点一滴细节优化的量变最后必然带来整个界面体验的提升 1. 栅格系统：又叫网格系统，主要以规则的网格阵列来指导和规范页面中的版面布局以及信息分布 2. UI还原与跟进：除了效果图，还要做好设计稿的视觉说明文档和色值、像素标注的示意图，让开发人员降低对设计输出的学习成本 3. 资源规范 切图：开发人员所使用的尺寸是设计稿像素尺寸的一半 命名规范：
开发实现（线上实现运营）： 1. 如何与产品、运营、开发配合 • 获取需求→需求评审→设计→开发→测试 • 产品需求来源：版本规划、产品随着市场变化的动态演变、细节的优化、适应丰富的使用场景 2. 发布制作完成的APP 应用市场发布：注册账号→创建应用→填写信息→提交审核→审核通过→发布完成 灰度发布：针对少部分用户样本发布，测试稳定性及用户对新功能（或者老功能改变和优化）的反应，需要配套做好用户调研和数据统计工作 内测和公测：多用于游戏产品 3. 快速制作一个demo
运营推广（线上活动运营）： 1. 运营概述 • 宏观上，所有商业产品再某种规则下正常运作都叫做运营 • 在互联网中，针对不同群体推广产品，进行内容建设，并通过数据指标优化运营手段、产品功能与体验等行为，称之为运营 • 拉新：搜索引擎优化，广告投放，渠道合作，社交媒体推广，软文推广 • 留存：一方面是优化产品内容与机制，或利用新用户引导等方式，使用户更好地理解产品；另一方面可通过策划活动通用户产生互动 • 促活：用通过等级设置、激励体系、积分制度等增加长期活跃性；对于已流失地用户，可使用站内信、邮件、短信等手段召回用户 • 营收：本质是通过增加付费用户和提高付费用户地活跃度来实现的 • 常见运营手段： • 运营工作方法论：一款好的产品及运营，一定能迎合人性七宗罪的其中之一 ○ 色欲：用户的原始刚需 ○ 虚荣：用户都有攀比炫耀的心理 ○ 贪婪，给用户的比用户预期的更多，让用户觉得赚到了 ○ 懒惰：不要思考，降低认知门槛，操作便捷 • 数据化运营：分析产品数据和用户数据 ○ 产品数据包括用户注册、用户留存、用户活跃、营收数据、功能数据 ○ 用户数据指用户画像 ○ 不同的产品形态、产品阶段和运营手段，所需要分析的数据指标均不同，拿到数据后，运营人员需对数据进行梳理归类，有目的地进行分析 2. 从零到千万地飞跃——活动运营 • 活动运营是最常见的运营手段之一，通过开展独立或联合的活动，使拉新、留存、促活和营收的指标在短期内提升 • 活动包含线上活动、线下活动或者两者结合，线下活动一般作为线上活动的补充 • 活动更重要的是讲究时机：常规活动（如签到、邀请用户裂变等），节日活动，突发热点事件（注意保持高敏感度） • 利用节假日的情感共鸣，设计出的活动往往会达到意想不到的效果 • 活动策划四个阶段：准备阶段、策划阶段、执行阶段、总结阶段 • 准备阶段：明确活动需求，包含的要素有目的、人群、平台、机会点 • 策划阶段：确定具体的活动时间，活动内容，完善活动规则、文案及活动流程，确认奖品及协调推广资源 ○ 活动流程简单、文案清晰，不应使用户产生歧义 ○ 活动具有吸引力，设计界面时要突出用户收益 ○ 给予用户即使的反馈，精神激励等 • 执行阶段：客服跟进（解决用户疑难，平息用户情绪）、监控数据（随时调整以保证活动质量和预期）、公布活动结果和进行活动善后 • 活动总结：条或用户参与情况和数据来判断活动是否达到了目标，总结活动经验，提炼亮点和失误点，为下次活动做准备 3. H5与Banner的设计 • 制作H5之前要确认活动形式和目标，按形式可分为活动型运营、品牌宣传型、产品介绍型、总结报告型，按目标可以分为功能引导型、数据带量型和传播曝光型 • 用户分享动机：利益相关、有所收获、身份认同、成就吸引、情感共鸣、借助热点 ○ 展示型：最基本的H5专题页形式，一般包含简单的图片和文字，通过翻页等简单的交互操作（图文创意、讲故事和场景化引导） ○ 互动型：常见形式有邀请函、贺卡类、问答测试类和游戏类 ○ 产品型：利用H5实现整个产品功能（如微信中的京东购物） • Banner：第一，Banner是用来传达信息的，第一时间抓住用户眼球，通过一张图片让用户了解到你想表达的内容；第二，Banner使用来暗示用户下一步行动的，无法让用户产生你所期望的行动的Banner都是无效的 • 有效地传达信息并促成用户行动，同事兼顾美观的Banner，才是优秀的Banner ○ 内容专题多采用文案+主体物或文案+背景的形式，更强调Banner的整体性及代入感 ○ 电商多采用文案+主体物+背景的形式，价格、促销等能给用户带来利益刺激的文字会更加突出 ○ 活动多采用文案+主体物+引导Button或文案+背景+引导Button的形式，促进用户点击，提高转化率
服务设计思维： 1. 概念 • 服务设计还是一种新兴领域，主要关注通过有形、无形媒介的结合形成细致考量过的体验设计过程 • 服务设计思维：不能仅关注线上体验流程，还要具备更宏观的视角、深入电商之外的线下用户场景，从而发现更多可能的设计机会 • 相关术语：服务提供者，顾客，利益相关这，服务设计团队，服务周期 • 服务设计的五个基本原则： ○ 以用户为中心——要从用户（顾客）视角出发设计整套服务，做到真正地懂用户 ○ 合作创新——创新服务设计需要所有人的智慧，运用各种科学的设计方法和流程，营造出能不断有新想法表达和被讨论的环境 ○ 定序——服务是一段以时间为序的动态过程，可以把服务解构成一个个独立的触点和交互行为 ○ 显示——用人工制品的形式把它“显示”出来，让其更容易被感知到，尤其是对于本来就隐藏在顾客接触范围外的后台服务 ○ 全局视觉——统筹好各个环节，不能只看到一棵树而忽视了整个森林 2. 设计流程 • 探索——创造——反思——实施 ○ 探索：了解提供服务的公司的整体背景和商业目标；了解公司对于设计思维的态度→找到服务设计要解决的本质问题→进一步找出问题本质所在→把研究后的发现和现有服务流程通过可视化的方法展现出来 ○ 创造：基于探索阶段发现的核心问题，基于顾客的需求，基于服务提供者本身诉求等约束条件，基于旅程图里一系列的触点，设计出新的方案并加以迭代验证优化 ○ 反思：测试验证阶段，在真实环境或者近似真实环境中去测试服务原型——如角色扮演等互动沉浸的方式，让顾客与服务之间产生真实的交互及情感上的沟通 ○ 实施：将验证后的服务方案付诸实施 3. 工具箱 • 影子跟随法：研究人员或设计师把自己融入到顾客的、前后台人员的日常生活或工作中去，像“影子”一样跟着他们去观察他们的一举一动 • 顾客旅程图：用顾客与服务之间产生互动的一个个“触点”来构成用户完整旅程的“地图”（从顾客视角出发，尽可能补充顾客进入服务前以及离开服务后的行为） ○ 找到顾客与服务之间所有互动的行为触点 ○ 按时序的方式进行罗列以形成完整的体验流程 ○ 通过访谈或者利用顾客自己的描述和记录（博客、照片、视频等）进行情绪打分形成情绪曲线图 ○ 通过分析旅程图中情绪分值较低的部分（尤其关注前后情绪都比较高而当前触点较低的“山谷”部分），找出真正的问题所在 ○ 针对分析出的机会点进行创新服务解决方案的设计 • 服务蓝图：从群居的视角详细地设计出服务体系里包含地所有对象、交互、触点等图形化语言（需要周期性地迭代优化） ○ 按照时序把用户新的行为（设计后的行为）从左到右罗列出来 ○ 从服务的前、中、后阶段对其进行分类 ○ 在行为上面一行，列出用户行为所接触的物理触点或环境 ○ 行为下方一行，列出与用户交互的服务提供者 ○ 再往下，后台服务提供者以及提供的支援流程 • 服务表演：在输出新的服务设计方案之后，在模拟环境和测试原型的帮助下，预演出服务未来真实要落地的场景以及在场景中角色和服务之间的互动
跨界与融合： 1. 跨界设计：互联网+，产品跨界，营销跨界 • 在一个快速发展的时代，变化比我们想像来的快，而设计就在每天的学习、工作和生活过程中；我们需要不断发现，深度思考，才能真正达到子啊心中把万物互联起来，从而找到新技术的突破点 • 产品跨界 ○ 好的品牌，自带传播力；大众自发进行爆发性的传播，开始如病毒搬扩散，结束如骨髓般深刻 ○ 事物在前进中，是允许犯错的；它同时提醒我们，在互联网前进的道路上始终充斥着各种不正确的观点，错误的数量也许远远超过正确本身 • 营销跨界：艺术跨界合作，情感化营销 ○ 结合新闻、事件、引人注目的社会动态等进行情感的诉求，是最容易引起消费者的注意和感情触动的 ○ 品牌之间互相渗透，互相借势，在一定程度上符合“强强联合”策略，为彼此带来更多可能性和新的生长空间 2. 互联网改变世界 • 互联网已成为今天商业社会必备的基础设施，充分理解商业本质并很好地利用互联网工具和互联网思维去优化企业价值的链条，能为企业赢得竞争优势 • 事物由一个点逐渐长成一个大象，它将为我们的世界带来翻天覆地的变化；互联网在万物之中的变革，为人类的身体带来了更多官能上的刺激和效率的提高 • 美好的事物，总是特别有传播性和煽动性的，在一个颜值和实力并行的今天，我们更是需要诸如此类的产品来为我们的生活情趣和品质提高美学指南 • 优秀的设计师善于发现细微之处，并将分散的东西联系起来，为它们创造链接的桥梁；发现用户面临的挑战，然后引导他们使用科技为基础的解决方案；多进行系统性的思考，具有判断力、敏感力，能为用户带来更好的体验 • 越靠近底层，需求才越显得刚需，而顶层则服务于挑战新鲜感和刷新人们对生活体验感的认知
• 真正不变的依然是对好的优质内容的追逐，而变得只是形式本身 • 在这个旧规律被打破，新规则尚在建立的时代，用捞经验应对新环境肯定是越来越不靠谱，而我们需要更多接地气，接近用户真实需求的设计
