快生活 - 生活常识大全

交互设计方法和思考过程小记


  我常被问起:"你是做什么的?"
  "交互设计师。"
  "交互设计是做什么的?"
  我很尴尬的解释一堆:"!@#¥%……."
  对方更是疑惑:"那….是不是网页的视觉设计?"
  ………
  网上搜到一张图,发现不只是我,很多交互设计师都存在困惑。缺乏职业存在感。
  交互设计的特色之一——"虚"
  交互设计似乎是个很难解释,有点"虚、空、玄"的东西。互联网的快速发展,交互设计少了些可以借鉴的方法。交互设计这个行业似乎只能靠前人经验、自身灵感、悟性体会,江湖中野蛮发展着。简直就是武林中的内功了得。
  交互设计的特色之二——纠结,有木有!
  JJg在《用户体验要素》中,将交互设计设置在结构层。
  一方面,交互设计恰恰处在抽象的战略向具体实现页面的转化过度阶段。从产品开发流程中,交互设计上从产品经理接到需求,分析需求并最终交付网站高保真的原型。要把"抽象"的点子和想法如实贴切用界面语言表现出来。满足公司商业需求。
  另一方面,交互设计师的诞生某种程度是为了提升产品可用性。其实就是要满足产品使用者——用户的要求。
  说起来简直就是吃饭靠公司,目标是用户的"无间道"。要不断平衡公司"商业"利益(不能丢饭碗),和用户体验利益(专业道德)之间的矛盾。具体来说,就是在交互设计思考的过程中,考虑用户逻辑+公司的特殊需求两部分内容。
  能不纠结么…..
  交互设计的内容有哪些?
  有人问我交互设计难么?我说"不难,你想,用户的操作行为就俩:点击、拖拽。":)
  其实,我理解的交互设计主要分为两块:信息架构和操作细节。交互设计的产出物(交付物)也应当包含这一静一动两块。
  下面谈谈我自己交互设计方法和思考过程:
  需求分析——>翻译成界面语言
  俗话说,Think first,Design next.对于接到的需求,第一件要做的事情就是仔细分析和讨论下需求的逻辑、内容和目的,而不是马上风风火火的开工。
  忍不住引用臭鱼博客的一个灰常贴切的案例:
  第一步. 概括信息
  •
  •您选择了回邮方式办卡,概括解释这个办卡方式。
  •
  •接下来您应该 下载申请表
  •
  •回邮办卡的全过程是这样的…
  •
  •一系列注意事项。
  
  多角色任务流程
  检查点
  1、站点地图(site maps):就是用视觉的方式来表达出网站的层级结构。
  2、流程图(flow charts):表达用户或系统对某项任务执行的流程。
  3、线框图(wireframes):更像最终产品呈现的毛胚。简单来说,就是抛去配色、字体样式、图片等的原型设计。
  4、视觉样式(screen designs):几乎是网站最终呈现的状态。其中包含尺寸和对css等定义。
网站目录投稿:寒绿