经常有同学问范儿姐有关于交互设计流程的问题。今天范儿姐就来仔细回答一下~同学们要收藏起来哦!

一套完整的交互设计流程简单来说可以归纳为5步:

  • 了解用户的活动及目的;
  • 定义活动中的行为与问题;
  • 定义设计的目标;
  • 设计方案,反复精化;
  • 确认设计方案对用户活动的影响。

基于《软件观念革命:交互设计精髓》(About Face),这也是在国际上被广为认可的流程,大纲如下:

定性研究(Qualitative Research)

针对可能使用你的产品的人,可以是问卷、访谈等。

确定人物角色(Persona)

即产品的典型用户,可以有一种或几种。

写问题脚本(Problem Scenario)

罗列人物角色在使用产品时可能遇到的问题,可以整理成一个故事便于别人理解。

写动作脚本(Action Scenario)

像写故事一样,写人物角色在使用你设计好的产品时,发生的细节。注意,这个时候你的交互方案的概念模型已经基本成型了,这个概念模型是通过解决问题脚本里的问题而得出的。

画线框图(Framework)

这个线框图是通过把动作脚本里的概念模型转化成视觉模型得到的。

制作原型(Prototype)

做出来好像可以用的东西,有很多原型工具可以利用。

专家评测(Expert Evaluation)

至少两名设计师或对交互设计比较了解的人通过反复测试原型。找到问题后修改线框图并更新原型。

用户评测(User Evaluation)

让用户使用原型,可以给他们一些任务去完成。根据用户在使用过程中的问题和建议进行进一步修改。

接下来范儿姐就来详细讲讲这八步

定性研究

Qualitative Research

交互设计的第一步,不论是对成熟产品还是初创产品都一样,就是定义这个设计到底要解决用户的什么问题。像之前很多人提到的一样,这一步的做法有:用户访谈,实地考察,发放问卷等等。

无论你用何种形式做调查,你的目的是了解用户的五个方面:

  • 行为(Activities)例如用户使用产品的频率与时长?
  • 态度(Attitudes)例如用户怎样看待这个产品?
  • 资质(Aptitudes)例如用户的学历怎样?
  • 动力(Motivation)例如用户为什么使用这款产品?
  • 技能(Skills)例如用户对使用相关产品是否熟悉?

这一步可以说是整个流程中最核心的一步。只有真正的在用户所处的环境里,看到他们到底在做什么,如果使用产品,有哪些问题,才能为自己的设计打下基础。

确定人物角色

Persona

其实确定人物角色最好途径,就是通过协作。做市场,销售,用户支持等各个岗位的人,都会对这个问题有自己的见解。在这个基础上,再通过访谈以及观察确认到底谁才是你真正的用户,往往比你直接从零开始要有效的多。

你不但要确定这些人物角色(Persona)的主要特点,还要确定他们的需求和目的。为了增加真实性,可以给人物角色(Persona)取名字,选一张照片,细化他们的背景资料。

写问题脚本

Problem Scenario

基于你对Persona的理解,设想出他们在使用产品中可能遇到的问题了。为每一个Persona列一个问题单,也可以把它们整理到一个简短的故事里。

写动作脚本

Action Scenario

首先要为已列出的问题想好可能的解决方案,然后写一个简短的故事把这些解决方案囊括进去。写成故事的好处是代入感较强,对别人来说容易理解。国内比较推崇故事版,但是把所有情景画出来的效率是非常低的。

比如:

约瑟夫在他的办公室,需要为他的商务会议预定一家酒店,该酒店将在纽约举行。 商务会议将在四天内举行。

他很忙,由于他还有很多其他工作要做,因此需要在他逗留期间尽快找到一个可以睡觉的地方。

他打开我们的网站,知道他想去的城市的日期和名称。看到很多条目后,他注意到他想在中心附近的一家旅馆里住,因为客户会议将在该地区举行。他还需要满足其他条件:靠近地铁站,附近有一些餐馆。

他找到了一个地方并将其预订。

他收到确认。

软件观念革命:交互设计精髓_专业科班答案:一个标准的交互设计流程是怎样的?...相关推荐

  1. 8盏流水灯反向闪烁c语言,课程设计(论文)_利用8255A芯片实现流水灯闪烁设计.doc...

    课程设计(论文)_利用8255A芯片实现流水灯闪烁设计 利用8255A芯片实现流水灯闪烁设计 27 - 目录 摘要··········································· ...

  2. 软件观念革命:交互设计精髓_万字干货,交互设计精髓105条设计原则(附中英PDF资料)...

    <About Face: 交互设计精髓>称得上是交互设计的圣经,用"工作必备,常看常新"来形容也不为过.书中的每句话对平时的实践都有着指导意义.更难能可贵的是,这本圣经 ...

  3. 软件观念革命:交互设计精髓_UI设计师、交互设计师、产品经理必备软件技能之Sketch...

    Sketch基础软件知识 1.1 软件介绍与安装 1.概述: Sketch 是一款适用于所有设计师的矢量绘图应用.基于矢量的绘图方式也是目前进行网页.图标以及界面设计的最好方式.除了矢量编辑的功能之外 ...

  4. 交互设计精髓_设计空间的精髓

    交互设计精髓 重点 (Top highlight) 什么是空间? (What is Space?) Space is the dimension of height, depth and width ...

  5. shell设计精髓_交互设计精髓

    了解数字产品的设计过程 工业设计师 Victor Papanek 认为,设计是"为赋予有意义的秩序,作出有意识或直觉的努力". "All men are designer ...

  6. tdd设计比赛_我们是否应该始终使用TDD进行设计?

    tdd设计比赛 设计可以从TDD中浮现吗? 我们是否应该始终使用TDD设计软件? 我们应该预先设计吗? 我们应该在何时进行多少设计? 这些是常见问题,经常引起很多争论. 参与这些辩论的人们通常对设计及 ...

  7. mysql网页设计资源_分享25个很棒的网页设计教程和资源网站

    如果你是一个初学者,你想找高质量的设计资源和高品质的网页设计教程,可以看看本文列出的25个很棒的网页设计教程和资源网站,如果你是高手,也可以把自己制作的设计教程发布到这些网站上,这样更多人能够从你的教 ...

  8. 《软件观念革命——交互设计精髓》读书笔记(一)

    第一篇 了解你的用户 第一章 目标导向设计 设计(design):(1)理解用户的期望.需要.动机和上下文.(2)理解业务.技术和行业上的需求及限制.(3)将这些所知道的东西转化为对产品的规划(或产品 ...

  9. web界面设计工具_您应该了解的14个Web设计工具

    web界面设计工具 Our time is very limited and we don't try most awesome tools available on the market becau ...

  10. 华为云设计语言_华为云会议荣获2020红点设计大奖

    近日,在世界三大设计奖之一的红点奖评选中, 华为云会议(HUAWEI CLOUD Meeting)凭借创新用户体验设计,荣获2020红点设计大奖. 华为云会议,着眼于提升用户的沟通协作效率,通过多项创 ...

最新文章

  1. 给GPT-2加上“人类偏好”补丁,它说的话就越来越有人情味了丨代码已开源
  2. [01分数规划]【学习笔记】
  3. BUUCTF(pwn)starctf_2019_babyshell
  4. 直击阿里双11神秘技术:PB级大规模文件分发系统“蜻蜓”
  5. oracle 授权 增删改查权限_Oracle增删改查与函数
  6. java初学者书籍_面向初学者的5本最佳Java核心书籍
  7. 来自于51CTO的经典学习资料汇总
  8. vue可以编辑发布多长的视频_VUE做长视频的具体操作步骤_VUE可以调整视频时长吗-如何调整-VUE设置视频分段和时长的完整版教程_9号资讯...
  9. Windows C语言开发环境实践
  10. php mp3播放列表,ubuntu的本地MP3音乐播放器mpd+mpc
  11. Ubuntu安装音频编辑软件Audacity
  12. 数据结构—排序(第九章)
  13. 高精算法推动高精地图落地
  14. Memory Barriers
  15. SpaceVim 安装和卸载
  16. 面试官:为什么 Kafka 如此之快?
  17. 如何完整卸载VMware——强力删除vmware-vmx.exe以及
  18. SPI flash烧录器EZP2019试用记录
  19. 会计财务软件有免费的吗?
  20. 第9章第29节:完成团队介绍幻灯片的制作 [PowerPoint精美幻灯片实战教程]

热门文章

  1. DirectX Repair V3.0
  2. 计算机设备管理中的其他设备,解决方法:计算机设备管理器中的“其他设备”驱动程序问题!...
  3. 程序员的炫酷动态科幻桌面壁纸
  4. BJUI-textarea标签内容高度自适应问题
  5. 【Matlab取整函数】
  6. PDF目录的自动生成
  7. 【转】GitHub客户端操作1--仓库相关操作github团队协作流程
  8. VMware:虚拟机(xp)与主机(win10)连接步骤(超详细)
  9. Vue中用到jeDate日期控件,Vue对象中的值滞后,总是滞后当前选择的值
  10. 科比职业生涯数据分析