交互设计心理表征设建设

交互设计概述

  1. 交互是什么?指人和产品,服务或者系统之间的创建的一系列对话
  2. 交互本身就是一种语言,语言说的好,沟通也会是有效的。
  3. 交互设计的原料是我们服务大众的‘目的和渴望‘。我们赋予形式和体验,我们的设计都是为人类的尊严而设计,用户界面应该基于用户心理模型,而不是实现模型;
  4. 只有把科技,美学和人性三者融合到一起,我们才能踏入交互设计的世界。交互设计研究的是人与事物之间的对话,因此它能为科技的进步带来和谐之音。
  5. 通常的思路是从可用性到美感,应该使用反向思路,就是从美感到可用性。因为从外观美感和交互上的美感体现出来的诱惑力时导致(使用者对物品采取)行动的一部分诱因。
  6. 交互设计区别与视觉设计: 时间与空间上的动态内容,而不是一个平面上的静态设计
  7. 追求可用性的同时,让设计尽量的简洁,追求简洁不是要忽视复杂性,而是要化繁为简。
  8. 管理复杂性,用可视化的手段进行呈现:信息架构,DIKW,将时间纳如考量过程,用亲和图组织数据,概念图将系统视觉化,流程图展现决策过程,Ecosystem Diagram(生态系统图),Journey Map。
  9. 四原则: 删除(奥卡姆剃刀),组合,隐藏,转移
  10. 简洁并不意味着欠缺或低劣,也不意味着不注重装饰或完全赤裸裸;简洁是指装饰应该紧贴设计本身,任何无关紧要的要素都应该予以剔除简洁并不意味着欠缺或低劣,也不意味着不注重装饰或完全赤裸裸;简洁是指装饰应该紧贴设计本身,任何无关紧要的要素都应该予以剔除

第一性原理

  1. 点线面元素组合的原则
  2. 格式塔心理学: 亲密,对比,对齐,重复

交互设计的设计流程

方法一

  1. define(定义)
  2. discover(发现)
  3. synthesize(综合)
  4. construct(重构)
  5. reflect(反思)

方法二

  1. 确定设计目标
  2. 用户研究
  3. 确定人物角色(Persona)并建模
  4. 画线框图、制作原型
  5. 测试评估

产品信息架构三要素

信息架构一般是针对大型网站而言,通过优化处理网站的组织系统、标签系统、搜索系统、导航系统来合理组织网站需要承载的信息,让人们通过浏览、搜索、提问等方式快速寻找到自己需要的信息。

  1. 情境(场景)
  2. 内容(需求)
  3. 用户(角色)

交互设计注意事项

  1. 交互设计防止设计盲点(专家意见),一秒变小白
  2. MECE分类法,相互独立,完全穷尽。
  3. 对体验中的关键时刻进行预计,就能有机会在这些关键时刻施加影响,从而形成设计价值的“节奏”。这种节奏出自对用户行为的某种预期,预期他们在使用产品,服务或系统的全程体验当中所做,所想喝所求,从而实现主动地满足这些希望,需要和欲求。

正向交互设计原则

  1. 美观
  2. 一致性原则
  3. 任务唯一性原则:突出主要任务,读懂用户需求,一个界面只做一件事情,一个界面只做一件事情
  4. 可预见性原则:数据前置,结构前置,控件暗示
  5. 即时反馈
  6. 可学习性原则(用户是否能自由地控制系统)
  7. 容错性设计
  8. 无用即伤害(即简洁)
  9. 靠近操作原则
  10. 避免输入:滑动无成本,联想,记忆
  11. 令人愉悦的细节:贴心的小设计, 为用户节省精力,流畅且适度的动画

负向设计原则(有糟糕的设计,违反了什么设计原则?)

  1. 内容少的情况下,一屏显示完
    • 视觉原则
  2. 不允许出现的视觉

学习技巧

交互设计要多看/多思考:数量产生质变

对于移动互联网领域的交互设计师来说,手机里没有几百应用、或者没有不同平台的手机,都是不正常的。我遇到的一些朋友追求简单的生活,并不希望被科技所左右,这没有错,但是作为交互设计师,这是工作,这是修炼,这是成长中必须的。

量的积累非常重要。我的一些朋友,见面时坐在一起都习惯拿对方的手机看看里面有什么好的应用,对于好应用、好设计的敏感是一种职业习惯。我们做最美应用(这是广告吧),最开始就是这样的目的。

交互设计检查点

####整体
1. 就是什么角色在什么时间、什么地点、做了什么动作、解决了什么问题,达到什么样的效果?
1. 基于这个流程去思考如何通过设计去满足用户需求,达到目的。
2. 如何画繁为简?
1. 什么样的功能可以让用户最直接最高效地完成他们想做的事?
2. 怎么把复杂的概念和流程变得简洁明了?
3. 怎么让产品变得更符合用户的使用习惯?
4. 怎么利用产品的设计引导用户形成更好的习惯?
5. 怎么在不影响产品盈利的情况下最大程度地满足用户的要求?
6. 怎么能让用户喜欢一个产品喜欢到会推荐给自己的朋友?

行为和互动Behaviorand interaction

  • 是否告知、引导用户可以做什么?
  • 是否告知需要进行哪些步骤?
  • 是否告知需要多少时间完成?
  • 是否告知第一步做什么?
  • 是否告知输入/操作限制?
  • 是否有必要的系统/用户行为反馈?
  • 是否允许必要的撒销操作?
  • 是否页面上所有操作都必须由用户完成?
  • 是否已将操作步骤点击次数减至最少?
  • 是否所有跳转都是必须的(无法在当前页面呈现) ?

架构和导航Architecture and navigation

  • 是否采用了用户熟悉或容易理解的结构?
  • 是否能识别当前在网站中的位置?
  • 是否能清晰表达页面之间的结构?
  • 是否能快速回到首页/主要页面?
  • 链接名称与页面名称是否相对应?
  • 当前页面的结构和布局是否清晰?

布局和设计Layout and design

  • 是否采用了用户熟悉的界面元素和控件?
  • 界面元素和控件的文字、位置、布局分组、大小
  • 颜色、形状等是否合理、容易识别、一致?
  • 界面元素/控件之间的关系是否表达正确?
  • 主要操作/阅读区域的视线是否流畅?
  • 其他文本(称谓、提示语、提供反馈)是否一致?

内容和可读性Content and readability

  • 文字内容的交流对象是用户吗?
  • 语言是否简洁、易懂、礼貌?
  • 内容表达的含义是否一致?
  • 重要内容是否处于显著位置?
  • 0是否在需要时提供必要的信息?
  • 是否有干扰视线和主意力的元素?