https://blog.7ys.top/tags/%E8%AE%BE%E8%AE%A1/Recent content in 设计 on Yison's BlogHugo -- gohugo.iozh-CNSat, 18 Nov 2017 00:00:00 +0000https://blog.7ys.top/posts/%E9%9B%86%E5%88%9B%E6%80%9D%E7%BB%B4%E8%AE%BE%E8%AE%A1%E7%9F%A9%E9%98%B5%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/Sat, 18 Nov 2017 00:00:00 +0000https://blog.7ys.top/posts/%E9%9B%86%E5%88%9B%E6%80%9D%E7%BB%B4%E8%AE%BE%E8%AE%A1%E7%9F%A9%E9%98%B5%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/<img src="https://blog.7ys.top/" alt="Featured image of post 《集创思维设计矩阵》读书笔记" /> <blockquote> <p>人的才识是装在瓶子里的，你的瓶子满了，就再也装不下新东西了。要想装下更多，你不能固守这个瓶子，你要打破它，换个更大的瓶子。如此反复，你才不是现在的你。</p> </blockquote> <h2 id="序">序 </h2><ul> <li>做产品的不去了解商业，做交互的不去了解产品，做视觉的不去了解交互，这在未来的工作中是非常可怕的，单一的设计思维会为企业带来大量的消耗，增加不必要的沟通成本。</li> <li>了解，信任，价值，转化</li> <li>感性驱动，结果驱动，理性驱动</li> </ul> <h2 id="高维融合低维">高维融合低维 </h2><ul> <li>品牌 <ul> <li>集创思维</li> </ul> </li> <li>定位 <ul> <li>互联网+时代</li> <li>高级思维</li> </ul> </li> <li>沟通主张 <ul> <li>结合商业逻辑、产品形态、外部环境、自身能力、集合设计来提升产品的体验</li> </ul> </li> <li>支撑要点 <ul> <li>枪型-逻辑定位（要点）</li> <li>高维融合低维（格局）</li> <li>设计VS计算（平衡杠杆）</li> </ul> </li> <li>表现 {场景，内容} <ul> <li>针对不同市场、不同的产品形态、不同产品阶段，做出对等的设计判断</li> <li>商业思维包含产品思维，产品思维包容设计思维：他们可以互相集合</li> <li>设计很美，但考虑商业消费</li> <li>产品很美，但考虑阶段完成</li> </ul> </li> </ul> <h3 id="具有向心力产品具备的三点特征">具有向心力产品具备的三点特征 </h3><ul> <li>强技术，代表产品iPhone</li> <li>强用户粘性，代表产品微信&amp;QQ</li> <li>强需求，代表产品12306</li> </ul> <h3 id="总结几点">总结几点 </h3><ul> <li>用户体验实在为企业竞争力服务的。 <ul> <li>必须承认有些产品即使用户体验出色后也逃不掉失败的命运，商业逻辑决定着产品逻辑，产品逻辑又决定着体验逻辑。</li> <li>如果高处的商业逻辑错误了，后面的发力其实意义不大。</li> </ul> </li> <li>只有向心力产品才能改变人的习惯，差别化产品要迎合用户。 <ul> <li>苹果、腾讯、12306这些产品失去一个，我们的生活都可能发生巨大变化，这就是向心力产品文化认知的威力。</li> <li>初创产品只有经历 四个阶段才能形成向心力 <ul> <li>核心功能</li> <li>用户基数</li> <li>商业链接</li> <li>功能链生</li> <li>文化认同</li> </ul> </li> </ul> </li> <li>绝大多数产品必须走差别化战略，和向心力产品存在差异才有可能成功。 <ul> <li>差别化才是设计师发挥能力的关键所在。</li> </ul> </li> <li>创新是一件很冒险的事。 <ul> <li>“十个创新九个坑，还有一个全靠蒙”，处于中心地带的产品不会尝试冒险的创新，只有边缘市场的产品才会为了生存不得不创新，而中心地带的向心力产品只要抄袭就可以轻松干掉他们。</li> </ul> </li> <li>创新能否成功也要看企业的DNA结构。 <ul> <li>很多设计师和产品经理相互之间的能力可能差不多，但是在不同公司的结构下有些人的产品会出现妥协，这是很多国内一线企业难出精品的原因。</li> </ul> </li> </ul> <h2 id="枪型思维">枪型思维 </h2><ul> <li>在这个“快”时代里 <ul> <li>人们失去耐心</li> <li>目光被无数白元素吸引</li> <li>人们喜欢“快餐”</li> <li>人们不喜欢停留</li> </ul> </li> </ul> <h4 id="虫洞商机">虫洞商机 </h4><ul> <li>现在这个时段，优秀的服务就像客户口渴时服务员立刻递上一杯水。</li> <li>但是更优秀的服务是服务员预判到客户口渴了，事先准备好合适的水，并且知道是温水、矿泉水、柠檬水还是糖水，这就是大数据的威力。</li> <li>大数据的推送 <ul> <li><strong>掩埋型信息推荐</strong> <ul> <li>50%的可能性</li> <li>选择权交给用户</li> <li>数据不够精确</li> <li>信息可靠度不高</li> </ul> </li> <li><strong>打断型信息推荐</strong> <ul> <li>100%的可能性</li> <li>承担全部责任</li> <li>数据绝对精确</li> <li>信息可靠度很高</li> </ul> </li> </ul> </li> </ul> <h4 id="枪型思维图5个指针">枪型思维图（5个指针） </h4><ul> <li>指向市场 <ul> <li>现有市场 <ul> <li>高性能、低价位</li> <li>拼体验、拼服务</li> </ul> </li> <li>垂直市场 <ul> <li>针对专门的使用群体</li> <li>研究这个群体的需求</li> <li>把握这个群体的特点</li> <li>推出产品的设计特点</li> </ul> </li> <li>全新市场 <ul> <li>这个产品是否能被接受</li> <li>如何设定用户的使用习惯</li> <li>如何让用户接受核心功能</li> </ul> </li> </ul> </li> <li>指向用户 <ul> <li>用户模型 <ul> <li>1.来自数据</li> <li>2.来自产品定位：产品针对人群</li> <li>3.来自产品特征的提取 <ul> <li>数据收集</li> <li>提取用户行为</li> <li>构建用户模型</li> </ul> </li> </ul> </li> <li>场景建模</li> </ul> </li> <li>指向产品形态 <ul> <li>技术驱动</li> <li>运营主导</li> <li>用户体验优先</li> <li>独特资源驱动</li> </ul> </li> <li>指向产品阶段 <ul> <li>初级核心功能</li> <li>中级活跃压力</li> <li>高级商业认知</li> </ul> </li> <li>指向生态形式 <ul> <li>主载体</li> <li>工具</li> <li>设备</li> </ul> </li> </ul> <h4 id="创新三要素">创新三要素 </h4><ul> <li>A是否提升了人们的使用效率</li> <li>B是否让人们获取更多、更准确的信息</li> <li>C是否满足人群在特殊情况下的需求</li> </ul> <h4 id="创新三雷区">创新三雷区 </h4><ul> <li>X产品是否有可替代性</li> <li>Y是否干扰其他功能的使用</li> <li>Z落地环境是否理想</li> </ul> <h4 id="马洛斯心理">马洛斯心理 </h4><ul> <li>生理 <ul> <li>呼吸、食物、水、性、睡觉、机体平衡、排泄</li> </ul> </li> <li>安全 <ul> <li>人身、财产、职业、家庭、健康、道德的保障</li> </ul> </li> <li>爱/归属 <ul> <li>友情、亲情、爱情</li> </ul> </li> <li>尊重 <ul> <li>自尊、信任、成就、尊重</li> </ul> </li> <li>自我实现 <ul> <li>道德观、创造性、自觉性、解决问题、没有偏见、接受现实</li> </ul> </li> </ul> <h4 id="人性的七宗罪">人性的七宗罪 </h4><ul> <li>暴食</li> <li>懒惰</li> <li>贪婪</li> <li>淫欲</li> <li>愤怒</li> <li>嫉妒</li> <li>骄傲</li> </ul> <h4 id="产品的驱动力">产品的驱动力 </h4><ul> <li>技术驱动力的产品</li> <li>运营驱动力的产品</li> <li>特殊资源驱动力的产品</li> <li>模式驱动力的产品（垂直针对、平台包容）</li> </ul> <p><a class="link" href="http://v.qq.com/x/page/z01689gwe71.html" target="_blank" rel="noopener" >慈思远2015年百度的演讲分享</a></p> <blockquote> <p>在当前的社会节奏下，产品设计不再追求对于功能的满足，而且更清晰地对准市场、对准用户、对准形势。这个时候我们将更清晰地使用枪型思维来看待问题。</p> </blockquote> <blockquote> <p>每个产品的特点不同、处于市场的环境和竞争力不同、产品阶段不同、属性不同，带来机会点的作用力也会不同。所以我们应当在发掘这个产品特点的基础上，有针对性、动态地解决问题。而不是死套模板，孤立静态地解决问题。</p> </blockquote> <h2 id="媒介的特点-三大平台的属性">媒介的特点-三大平台的属性 </h2><h4 id="web平台">Web平台 </h4><ul> <li>特点 <ul> <li>良好的操作环境</li> <li>输入方式强大、屏幕大</li> <li>无能耗烦恼</li> <li>视觉的盲区</li> <li>惯常的操作行为</li> <li>时空限制</li> </ul> </li> <li>结构 <ul> <li>个人展示类网站</li> <li>垂直电商类网站</li> <li>平台类电商网站</li> <li>门户类网站</li> <li>Blog类网站</li> <li>工具类网站</li> <li>瀑布流结构网站</li> <li>响应式网站</li> <li>分面导航与面包屑结构的过渡</li> </ul> </li> </ul> <h4 id="客户端-手机平台">客户端-手机平台 </h4><ul> <li> <p>特点</p> <ul> <li>使用环境复杂</li> <li>输入方式单一</li> <li>行为受到环境、输入方式和界面的限制</li> <li>流量和电池的烦恼很严重</li> </ul> </li> <li> <p>结构</p> <ul> <li>导航的呈现方式 <ul> <li>TAB式</li> <li>舵式</li> <li>上下双层标签</li> <li>抽屉式</li> </ul> </li> <li>内容界面的呈现方式 <ul> <li>宫格式</li> <li>列表式</li> <li>卡片式</li> <li>其他（Pop Up、混合结构）</li> </ul> </li> </ul> </li> <li> <p>对比</p> <ul> <li>视觉流</li> <li>背景噪声</li> <li>思维逻辑</li> </ul> </li> </ul> <h4 id="交互设计的结构与认知">交互设计的结构与认知 </h4> <blockquote> <p>你生活在一个标准的世界里，一致性让你更好地理解世界</p> </blockquote> <ul> <li> <p>一致性法则</p> <ul> <li>结构</li> <li>颜色</li> <li>操作</li> <li>反馈</li> <li>文字</li> </ul> </li> <li> <p>父子结构</p> </li> <li> <p>流-线结构</p> </li> <li> <p>矩阵结构</p> </li> <li> <p>状态认知</p> <ul> <li>让用户明确过去、当前、将来的位置（出口和入口）</li> <li>告诉用户他当前所处的状态</li> </ul> </li> <li> <p>效率与场景</p> <ul> <li>如何解决等待的问题 <ul> <li>加载机制的设计</li> <li>对等待的控制感</li> <li>主流操作区要控制好图片大小，避免动画</li> <li>四种方式缓解用户等待焦虑感 <ul> <li>使用进度条，让用户知道等多久</li> <li>拆分任务，将任务分为数个小阶段分别加载</li> <li>调整加载速度，采用变速加载</li> <li>主流操作区不使用太大的图片和动画</li> </ul> </li> </ul> </li> <li>如何快速有效地识别和提示 <ul> <li>预防差错</li> <li>即使出现差错也能纠正、撤销</li> </ul> </li> <li>及时的反馈 <ul> <li>视觉反馈</li> <li>声音反馈</li> <li>触觉反馈</li> <li>反馈的快速性</li> <li>反馈的对等性</li> <li>有效反馈节省时间</li> </ul> </li> <li>对于场景的合理运用提升使用效率</li> </ul> </li> </ul> <h4 id="交互的设计原则">交互的设计原则 </h4><ul> <li>二八法则 <ul> <li>手机可能有100个功能，但是只有20个功能被用户使用</li> </ul> </li> <li>费茨定律 <ul> <li>元素越大，越容易点击</li> <li>重要的控件应该摆在合适的位置，让用户点击或者寻找的时候不会那么辛苦</li> <li>一个重要、高频、商业价值达的控件有资格比其他控件做得更大些，这样的设计形态可以和它的内在逻辑保持一致</li> </ul> </li> <li>格式塔心理学</li> <li>能量消耗论与剃刀法则</li> </ul> <h2 id="设计的评估逻辑">设计的评估逻辑 </h2><h4 id="三个用户阶段">三个用户阶段 </h4><ol> <li>新手用户</li> <li>中间用户</li> <li>专家用户</li> </ol> <h4 id="三大负荷">三大负荷 </h4><ol> <li>认知负荷</li> <li>操作负荷</li> <li>视觉负荷</li> </ol> <blockquote> <p>不需要用户思考的设计当然是好设计，但最糟糕的确实就算让用户思考了，用户也不明其意，甚至不知道产品是什么。</p> </blockquote> <ul> <li>如何降低用户的思考 <ul> <li>明确界面传达的意思</li> <li>尽量使用图标加文字</li> <li>使用用户的语言</li> </ul> </li> <li>操作负荷评估标准 <ul> <li>确保操作对象足够大，便于点击</li> <li>减少手势消耗</li> <li>简化的流程步骤</li> <li>保持操作惯性</li> </ul> </li> <li>减少视觉负荷 <ul> <li>尽量减少动画元素</li> <li>避免使用复杂的背景</li> <li>保持屏幕整洁</li> <li>最少化的视觉元素</li> </ul> </li> </ul> <h4 id="集创评估六要素">集创评估六要素 </h4><ul> <li>转化力 <ul> <li>头屏三要素 <ul> <li>我是谁</li> <li>我有什么内容</li> <li>什么内容在吸引着你</li> </ul> </li> <li>条目性感度</li> <li>转化是否具备足够动力</li> </ul> </li> <li>系统活性 <ul> <li>状态认知</li> <li>引发更多的链接</li> <li>多次触发力</li> </ul> </li> <li>效率值 <ul> <li>主任务效率</li> <li>层级是否深</li> <li>高频操作是否具备效率</li> <li>流畅度</li> </ul> </li> <li>防错 <ul> <li>认知负荷如何</li> <li>错误入口、干扰信息</li> <li>错频入口</li> </ul> </li> <li>风险 <ul> <li>依赖第三方</li> <li>政策</li> <li>产品资源</li> </ul> </li> <li>需求满足度 <ul> <li>界面是否满足主场景</li> <li>界面是否覆盖常规、VIP需求</li> <li>界面是否满足商业</li> </ul> </li> </ul> <h4 id="视觉评估的要素">视觉评估的要素 </h4><ul> <li>一致性 <ul> <li>包括：文字、颜色、间距、控件、反馈等。</li> </ul> </li> <li>视觉流 <ul> <li>包括：视觉强点、视觉流向、视觉干扰等问题。</li> <li>标准一：信息的强点是否是视觉的强点</li> <li>标准二：当信息都是平级关系进行排列时，视觉注意力是否平均分配</li> <li>标准三：审查界面中出现的空白区域，要查看是否存在信息的“盲区”</li> </ul> </li> <li>空间流 <ul> <li>包括：场和留白、文字的留白等。</li> </ul> </li> <li>规整度 <ul> <li>包括：界面的平衡、结构对齐、元素对比度与识别度等。</li> </ul> </li> <li>抗风险 <ul> <li>包括：图片或者元素缺失等。</li> </ul> </li> </ul> <blockquote> <p>钱——社交——信用，这是真正做互联网金融的商业逻辑。</p> </blockquote> <h4 id="在商业认知的基础上去做功能链生">在商业认知的基础上去做功能链生 </h4><ul> <li>排除改版的影响，原来的核心功能效率不能降低。</li> <li>新的版本用户的认知习惯如何慢慢去建立。</li> <li>新加入的功能和新加入的商业逻辑如何更好地匹配界面布局。</li> </ul> <h4 id="研发流程">研发流程 </h4><p>很多管理方面的问题，会导致大多数团队在产品线上至少会浪费三分之一的时间和成本，如果浪费的太多，最直接的结果就是员工得熬夜加班和产品的匆忙上线。</p> <ul> <li>这些问题具体表现如下 <ul> <li>在产品各个阶段都会乱加需求，甚至不考虑产品的全局而混乱改动。</li> <li>命名在产品的初期阶段，非要做后期阶段的事。</li> <li>需求都没想清楚，就开始进行研发和设计。</li> <li>甲方思维和互联网思维的冲突让企业争吵不断。</li> </ul> </li> <li>关于文档：在项目开发阶段<strong>一定要有文档的输出，绝对不能只靠口头协议</strong>。 <ul> <li>项目每个阶段、产品的特点都明确地写在文档上，可以让各个岗位的人员很清楚地知道自己是否完成自己的任务。</li> <li>预防团队流动性大。如果形成一定的文档和设计规范，可以让后来人员很容易了解项目的历史情况和之前的数据积累。</li> <li>团队问责。一旦项目出现争执，立刻拿出文档来对证，能停止不休止的争论。</li> </ul> </li> </ul> <p>产品经理三大输出物：需求文档、迭代计划、用户数据<br> 交互三大输出物：信息架构、原型验证、优化文档<br> 视觉设计三大输出物：视觉效果、切图、界面标注</p> <p>设计来源于生活，也来源于自身阅历，如果你想做出优秀的设计，必须学会认识你自己。</p>