快好知 kuaihz

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

我常被问起:“你是做什么的?”

交互设计师。”

交互设计是做什么的?”

我很尴尬的解释一堆:“!@#¥%…….”

对方更是疑惑:”那….是不是网页的视觉设计?”

………

网上搜到一张图,发现不只是我,很多交互设计师都存在困惑。缺乏职业存在感。

交互设计的特色之一——“虚”

交互设计似乎是个很难解释,有点”虚、空、玄“的东西。互联网的快速发展,交互设计少了些可以借鉴的方法。交互设计这个行业似乎只能靠前人经验、自身灵感、悟性体会,江湖中野蛮发展着。简直就是武林中的内功了得。

交互设计的特色之二——纠结,有木有!

JJg在《用户体验要素》中,将交互设计设置在结构层。

一方面,交互设计恰恰处在抽象的战略向具体实现页面的转化过度阶段。从产品开发流程中,交互设计上从产品经理接到需求,分析需求并最终交付网站高保真的原型。要把“抽象”的点子和想法如实贴切用界面语言表现出来。满足公司商业需求。

另一方面,交互设计师的诞生某种程度是为了提升产品可用性。其实就是要满足产品使用者——用户的要求。

说起来简直就是吃饭靠公司,目标是用户的“无间道”。要不断平衡公司“商业”利益(不能丢饭碗),和用户体验利益(专业道德)之间的矛盾。具体来说,就是在交互设计思考的过程中,考虑用户逻辑+公司的特殊需求两部分内容。

能不纠结么…..

交互设计的内容有哪些?

有人问我交互设计难么?我说“不难,你想,用户的操作行为就俩:点击、拖拽。”:)

其实,我理解的交互设计主要分为两块:信息架构和操作细节。交互设计的产出物(交付物)也应当包含这一静一动两块。

下面谈谈我自己交互设计方法和思考过程:

需求分析——>翻译成界面语言

俗话说,Think first,Design next.对于接到的需求,第一件要做的事情就是仔细分析和讨论下需求的逻辑、内容和目的,而不是马上风风火火的开工。

忍不住引用臭鱼博客的一个灰常贴切的案例:

第一步. 概括信息

•您选择了回邮方式办卡,概括解释这个办卡方式。

•接下来您应该 下载申请表

•回邮办卡的全过程是这样的…

•一系列注意事项。

 



多角色任务流程

检查点

 

1、站点地图(site maps):就是用视觉的方式来表达出网站的层级结构。

2、流程图(flow charts):表达用户或系统对某项任务执行的流程。

3、线框图(wireframes):更像最终产品呈现的毛胚。简单来说,就是抛去配色、字体样式、图片等的原型设计

4、视觉样式(screen designs):几乎是网站最终呈现的状态。其中包含尺寸和对css等定义。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:交互设计方法和思考过程小记  小记  小记词条  交互  交互词条  思考  思考词条  过程  过程词条  方法  方法词条  
设计

 表单设计15个方针,构建又好又实...

表单的好坏直接影响着用户的体验,那么如何才能设计出更好更实用的表单呢?一起来看看作者分享的几个表单设计方针。无论是注册流程、多视点布局、或者是单调的纯数据录入界...(展开)

设计

 Fogg行为设计模型在产品设计中...

从Fogg行为设计模型中,我们能拆解出动机、能力、触发要素等关键要点,并在该行为设计模型影响下得到一些产品设计的思考与启发。“设计是人为的,为人的行为”,设计的...(展开)