设计原则

设计原则 其实就是对一些设计过程中 基于人类的认知规律 对设计做出的一些指导性的原则。 并且对已经成为行业共识的设计经验做个总结，用来指导产品、交互、UI界定问题、提高效率。

设计原则

• 设计原则 其实就是对一些设计过程中 基于人类的认知规律 对设计做出的一些指导性的原则。 并且对已经成为行业共识的设计经验做个总结，用来指导产品、交互、UI界定问题、提高效率。
• 殿堂级的设计原则
  • 可学习性
    • 能够让用户在无需思考的前提下， 不需要任何专业的学历背景和知识经验的前提下，能够顺利的操作并且完成任务。 不同年龄层次。 不同社会背景。
    • 能够让用户在无需思考的前提下，
 不需要任何专业的学历背景和知识经验的前提下，能够顺利的操作并且完成任务。
 不同年龄层次。
 不同社会背景。
    • 尊重用户使用习惯和经验，让用户无需思考或简单学习即可操控产品
      • 比如，符合用户原本真实的生活常识认知习惯和操作习惯。 现实生活原来的习惯。
      • 比如，符合用户原本真实的生活常识认知习惯和操作习惯。
      • 现实生活原来的习惯。
    • 明确当前所在位置，指导当前能干什么、接下来要干什么，能快速辨别界面中的元素并明白其功能。
    • 设计合理的隐喻、提示
      • 比如，现实生活中的图像代表的意思。 暂停按键是 | | 图样 播放按键是 ▶ 图样 喜欢什么是 ♡ 图样 胶片（图样的东西）用来播放音乐的认知。 杯子图样的东西，用来装水。 等等...
      • 比如，现实生活中的图像代表的意思。
      • 暂停按键是 | | 图样
      • 播放按键是 ▶ 图样
      • 喜欢什么是 ♡ 图样
      • 胶片（图样的东西）用来播放音乐的认知。
      • 杯子图样的东西，用来装水。
      • 等等...
  • 一致性
    • 减少用户学习成本 培养用户习惯，体现产品设计的严谨。 让用户觉得整个产品是统一的，一致的。 让用户在使用一个产品的时候，只有一个通用的认知。 主要目的就是为了，减少用户思考的世界，减少用户学习的成本。在同一款产品里面，不用二次学习。
    • 减少用户学习成本 :
 培养用户习惯，体现产品设计的严谨。
 让用户觉得整个产品是统一的，一致的。
 让用户在使用一个产品的时候，只有一个通用的认知。
 主要目的就是为了，减少用户思考的世界，减少用户学习的成本。在同一款产品里面，不用二次学习。
    • 交互逻辑的一致性
      • 例如：列表页点击，就是进入详情页。 详情也返回回到列表页。
      • 例如：
 列表页点击，就是进入详情页。
 详情也返回回到列表页。
    • 元素的一致性
      • 比如微博，列表页面的关注按钮。 那么它的颜色，位置，文案都是一样的。 就是说，同一个元素，它要保持各方面一致，已减少用户认知成本。
      • 比如微博，列表页面的关注按钮。
      • 那么它的颜色，位置，文案都是一样的。
      • 就是说，同一个元素，它要保持各方面一致，已减少用户认知成本。
    • 词语的一致性
      • 这个点很容易被忽视。 比如不同页面的文字表述不同，登陆的“账户”，和个人中心的“帐户”。 比如列表页面的“点赞”，“喜欢”，和 帮助页面的“收藏”，图样和功能是一样的，但是文案不一样。 有可能是程序页面是设计师设计的，帮助页面是运营人员撰写的。
      • 这个点很容易被忽视 ：
      • 比如不同页面的文字表述不同，登陆的“账户”，和个人中心的“帐户”。
      • 比如列表页面的“点赞”，“喜欢”，和 帮助页面的“收藏”，图样和功能是一样的，但是文案不一样。
      • 有可能是程序页面是设计师设计的，帮助页面是运营人员撰写的。
    • 信息架构的一致性
      • 同样的产品，即使在不同平台，也应该保持信息架构的一致性。 比如说， 一级分类有哪些，二级分类有哪些，三级分类有哪些。 二级分类能不能返回到一级分类。
      • 同样的产品，即使在不同平台，也应该保持信息架构的一致性。
      • 比如说，
 一级分类有哪些，二级分类有哪些，三级分类有哪些。
 二级分类能不能返回到一级分类。
    • 视觉的一致性
      • 比如，同样的功能， 在不同的页面，视觉感上是不是一致。 比如收藏是★还是♡。 比如页面列表一块/一条信息是卡片式设计，那么在其他页面同样的功能，不同层级的页面（一级页面、二级页面、还是三级页面）要保持一致。
      • 比如，同样的功能，
      • 在不同的页面，视觉感上是不是一致。
      • 比如收藏是★还是♡。
      • 比如页面列表一块/一条信息是卡片式设计，那么在其他页面同样的功能，不同层级的页面（一级页面、二级页面、还是三级页面）要保持一致。
  • 简洁性
    • 少即使多，尽可能的精简页面上的元素。 简介往往比复杂更难
    • 少即使多，尽可能的精简页面上的元素。
 简介往往比复杂更难
    • 减轻视觉干扰
      • 动效也好，色彩也罢，都是为了产品服务。所有的东西，都不能干扰用户理解产品，不能增加用户的理解成本。
      • 动效也好，色彩也罢，都是为了产品服务。所有的东西，都不能干扰用户理解产品，不能增加用户的理解成本。
    • 精简文字表述
      • 尽可能的精简文字。
      • 尽可能的精简文字。
    • 简化操作步骤
      • 能两步完成不要三步骤。 能一个步骤，就不要两个步骤。 例如，杀毒软件的【一键杀毒】，【一键体检】。简化操作，一步到位解决需求。
      • 能两步完成不要三步骤。
 能一个步骤，就不要两个步骤。
      • 例如，杀毒软件的【一键杀毒】，【一键体检】。简化操作，一步到位解决需求。
  • 流畅性
    • 明确最基本的核心任务，保证顺利执行， 辅助操作不要影响核心任务。 避免界面上的视觉噪音和其他干扰，避免打断。 模态框（硬弹窗）的使用要谨慎。
    • 明确最基本的核心任务，保证顺利执行，
    • 辅助操作不要影响核心任务。
    • 避免界面上的视觉噪音和其他干扰，避免打断。
    • 模态框（硬弹窗）的使用要谨慎。
  • 及时反馈
    • 界面中，任何可操作的地方，当用户发成操作时，都应该及时给予反馈。 让用户了解操作已经生效，界面还在用户的控制之下。 反馈内容包括： 用户操作反馈和产品状态反馈 比如： 点击按钮的动态效果。 下载的进度条，速度，还有多少，还需要多久。 是否断网了。
    • 界面中，任何可操作的地方，当用户发成操作时，都应该及时给予反馈。
    • 让用户了解操作已经生效，界面还在用户的控制之下。
    • 反馈内容包括：
 用户操作反馈和产品状态反馈
    • 比如：
 点击按钮的动态效果。
 下载的进度条，速度，还有多少，还需要多久。
 是否断网了。
  • 可探索性
    • 探索产品应该允许用户犯错， 不能埋怨用户， 要给用户足够重新尝试的机会，让用户处于放松的心态。
    • 探索产品应该允许用户犯错，
 不能埋怨用户，
 要给用户足够重新尝试的机会，让用户处于放松的心态。
    • 帮助用户避免出错
      • 比如某些产品的登陆页面，输入手机号，弹出的是【只能输入数字的键盘】，这样就能帮助用户避免输错。
      • 比如某些产品的登陆页面，输入手机号，弹出的是【只能输入数字的键盘】，这样就能帮助用户避免输错。
    • 出错提供纠错功能
      • 比如，用户开启了大写的功能，要给予提示或提醒。（比如给予一个高亮，提示现在是大写状态，要不要改）。 比如，用当前所操作的页面，和当前操作的时所在的真实位置不一样，给予提示，要不要改。例如美团、饿了么的外卖选店或选餐的时候。买的东西在几公里以外，或者不是本地区的，都要给予提示。
      • 比如，用户开启了大写的功能，要给予提示或提醒。（比如给予一个高亮，提示现在是大写状态，要不要改）。
      • 比如，用当前所操作的页面，和当前操作的时所在的真实位置不一样，给予提示，要不要改。例如美团、饿了么的外卖选店或选餐的时候。买的东西在几公里以外，或者不是本地区的，都要给予提示。
    • 出错反馈要亲和
      • 不要硬性的用代码式的错误反馈的提示， 尽量让用户感受到是一个亲和的人的口气，与用户互动。
      • 不要硬性的用代码式的错误反馈的提示，
      • 尽量让用户感受到是一个亲和的人的口气，与用户互动。
• 数不清的设计原则
  • 一个界面为主要角色设计，而不是为所有人设计
    • 服务对象要明确， 主要为了目标用户服务。
    • 服务对象要明确，
    • 主要为了目标用户服务。
  • 为日常场景设计，不要让边缘场景主导你的设计
    • 日常的场景和边缘的场景。都是指这个产品的日常的场景和边缘的场景。 根据主要功能去判断。比如导航，路上，出门是主要场景。 卫生间打开的使用，就是边缘场景。
    • 日常的场景和边缘的场景。都是指这个产品的日常的场景和边缘的场景。
    • 根据主要功能去判断。
 比如导航，路上，出门是主要场景。
 卫生间打开的使用，就是边缘场景。
  • 为满足需求的前提下，界面的信息越少越好
  • 为满足需求的前提下，界面的功能越少越好
  • 为满足需求的前提下，界面的交互次数越少越好
  • 日常场景使用的界面应该放在主要位置，且尽量的大
  • 界面颜色不超过3种，避免大面积使用刺眼的颜色
  • 减少用户的记忆负担，让用户识别，而不是回忆
    • 让用户尽量的，基于以往的生活或者其他软件的使用常识，去直接的辨识。 或者是逻辑上，交互上的习惯。
    • 让用户尽量的，基于以往的生活或者其他软件的使用常识，去直接的辨识。
 或者是逻辑上，交互上的习惯。
  • 尊重用户的习惯思维和行为
  • 充分考虑用户的使用场景和干扰源
    • 比如导航产品，在户外的情况下，手机的单手使用，和无网络或离线时依然能够导航。
    • 比如导航产品，在户外的情况下，手机的单手使用，和无网络或离线时依然能够导航。
  • 尊重用户的付出，自动保存用户输入的内容
    • 比如，百度搜索会自动记录用户搜索过的内容，历史记录。 微信朋友圈输入内容不发布退出时，提供保存功能。
    • 比如，百度搜索会自动记录用户搜索过的内容，历史记录。
    • 微信朋友圈输入内容不发布退出时，提供保存功能。
  • 主操作栏的内容不易过多，一般不超过三项
• 设计万变不离其宗
  • 设计价值
    • 设计原则的主要目的，是为了让设计产生价值。 设计本身，是要符合用户的需求，能够最快速的满足用户的需求，或者是用户的目标， 设计在这一层次能够为用户做什么。 评判设计好不好，其本质看的就是其设计，是不是有价值的。 这一层做不好，后面的都免谈。
    • 设计原则的主要目的，是为了让设计产生价值。
    • 设计本身，是要符合用户的需求，能够最快速的满足用户的需求，或者是用户的目标，
    • 设计在这一层次能够为用户做什么。
    • 评判设计好不好，其本质看的就是其设计，是不是有价值的。
    • 这一层做不好，后面的都免谈。
  • 概念原则
    • 是我们以什么样的形势呈献给用户最好。 产品是怎么使用的？ 以什么形势呈献给用户？是web还是App？ 做引导的时候，是一开始为新手做引导还是在用户使用中间的时候用户提供引导方便。 对应的，就是要去考虑，用户是怎么使用我们的产品的，是在什么时候使用我们产品。并且在这个时候，他的主要目的是什么。（用户场景和用户需求）
    • 是我们以什么样的形势呈献给用户最好。
    • 产品是怎么使用的？
    • 以什么形势呈献给用户？是web还是App？
    • 做引导的时候，是一开始为新手做引导还是在用户使用中间的时候用户提供引导方便。
    • 对应的，就是要去考虑，用户是怎么使用我们的产品的，是在什么时候使用我们产品。并且在这个时候，他的主要目的是什么。（用户场景和用户需求）
  • 行为原则
    • 及时反馈 可学习性 交互上的简洁性。
    • 分支主题
    • 及时反馈
    • 可学习性
    • 交互上的简洁性。
  • 界面原则
    • 偏重于视觉方面： 布局要突出重点。 一个页面同时最好完成一个任务。
    • 偏重于视觉方面：
 布局要突出重点。
 一个页面同时最好完成一个任务。
• 产品设计黄金定律
  • 满足用户需求
  • 分支主题
    • 满足用户需求
    • 设计的本质就是为用户解决问题提供价值，设计以人为本，用户目标是最重要的
      • 最快捷的去觉得他的问题，达成他的目的。
      • 最快捷的去觉得他的问题，达成他的目的。
• 设计原则
 
 其实就是对一些设计过程中
 
 基于人类的认知规律
 
 对设计做出的一些指导性的原则。
 
 并且对已经成为行业共识的设计经验做个总结，用来指导产品、交互、UI界定问题、提高效率。