• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 交互基础小课堂!目标导向设计之“用户目标”与“心智模型”

交互基础小课堂!目标导向设计之“用户目标”与“心智模型”

作者:UED设计笔记 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含交互设计,心智模型,情感化设计,用户体验,用户目标,目标导向设计等相关知识,UED设计笔记希望在学习及工作中可以帮助到您

关于数字产品设计的方法特别多,像精益产品设计,目标导向设计,用户体验五要素等。

突然想写一些关于目标导向设计的一些思考,是因为看到群里有人讨论关于某个评论功能该怎么设计比较好,于是想到了关于目标导向设计里面的明确用户目标进行设计这句话,不过目标导向设计涉及到的内容十分多,但是这个设计方法或者说思考问题的方法,却是十分受用的。

以下大部分是结合了自己的理解进行的总结——目标导向设计之用户目标与心智模型。

一、目标导向设计

Cooper 在原著里面关于「目标导向设计」的概念翻译描述是:

一个明确而系统的过程,弥合研究与设计的差距,定义用户模型,确定设计需求,并把这些内容转换为高层次的交互框架。

我们可以仔细回想一下自己平时的工作,包括我有时候做老师布置的作业,我们做了很多调研,用户研究,用户分析,然后我们是怎么把研究结果和设计联系起来的呢?我们是怎么设计出一款产品满足用户的需求和目标呢?设计出来的产品是怎么满足产品的业务目标以及技术上面的需求呢等等诸多问题,

而对于目标导向设计,我的理解是:它是基于用户目标和心智模型,将设计与研究联系起来,将用户心智模型与产品表现模型联系起来的一种设计方法。

而它的设计流程,可以归纳为以下6个步骤:

△ 参考 Alan Cooper 的 The Essentials of Interaction Design

二、需求、目标、任务、行为

我们先区分几个概念,用户需求、用户目标、用户任务、用户行为。

我们可以这样理解,用户目标和用户任务是由用户需求产生的,用户目标是对最终情况的预期,完成目标的过程可以细分为任务,而用户完成这个任务又会产生很多行为。

但是在早期 Donald Norman 提出的「ACD」(Activity-Centered Design 以活动为中心的设计)层级结构理论里面,他强调首先要理解和重视活动,了解人们与使用工具的互动(类似于现在的交互)来进行设计,这个理论十分强调情景的重要性。

我简单绘制了它的思维导图:

而 Cooper 觉得这套方法虽然解决了「用户的行为是什么」的问题,但是并没有解决「用户为什么会有这样的行为」的问题。

因为目标驱使人们开展活动,所以 Cooper 觉得我们首先要对用户的目标进行分析,于是就有了「目标导向设计」这一套理论的出现。

我们知道,目标由人类动机驱使,因此受外界影响变化微小,但是任务和行为则会受到一些外界因素影响,比如技术条件、环境因素 、社会科技进步、发展等。

举个例子,比如某人很想吃XX饭店的饭,他的目标就是「吃到XX饭店的饭」。

在外卖这个词出现之前,用户实现这个目标的任务就是去XX店里面 ,而完成这个任务就会有很多行为活动,比如打车过去,骑车过去等。

而在外卖 app 出现之后,用户的目标还是吃到XX饭店的饭,现在他实现这个目标的任务就是在外卖 app 上面下单,从而完成这个任务 ,也会有很多行为活动,比如搜索这家店,选择自己想吃的食物、支付、下单等 ,而这些行为又可以拆解为小的任务。

这里也简单画了下关系图:

所以说,如果是从任务和活动的角度来进行设计的话,很难设计出有创新的产品,因为设计总会局限于以前已经过时的技术中,适应的也是以前的社会和环境,我们应该根据用户目标进行设计。

所以就会发现目标导向设计的重要性了,理解用户目标十分重要。

还有一点就是,我们的设计目标要满足情景需要,Cooper 提出「我们的设计目标要依赖于具体的情景——用户是谁,在做什么,目标是什么」

再举个例子,同样是去一家餐馆吃饭,如果是一个比较赶时间的人,那他会选择打车过去,或者开车过去,而如果他是一个喜欢慢节奏的人,他可能会选择走路或者骑车,坐地铁过去……

小结:

  • 用户需求:用户想要做什么。
  • 用户目标:通过做什么满足需求,达成什么目标(目标其实是分三大类,包括人生目标,最终目标,体验目标)。
  • 用户任务:达成目标经过的步骤过程。
  • 用户行为:完成任务进行的操作。

三、一个例子

关于目标,任务和行为,拿饿了么举例子吧。

用户需求:点一份美味并且划算的外卖吃。

△ 第一二张是未登录首页,第三张是登录后首页

那用户目标呢?这里我是针对无目的性用户的一个分析。

我们先描述一个功能场景:在用户浏览外卖列表的时候,看到了新用户专享领取最高50元大礼包,未登录注册的用户萌发了登录注册的欲望,会点击卡片的登录领取按钮来登录。

这样用户的目标就可以描述为「登录领取红包」。

按照同样的功能场景分析法,我们可以归纳出用户目标为:「登录领取红包—选择商家下单」。

而完成这个目标需要哪些任务以及行为呢?

比如登录领取红包,任务是:登录—领取红包。

比如选择商家下单,任务就是:查找商家—选择商家—选择食物—下单支付。

四、心智模型

说到心智模型,我们需要先弄明白三个概念,实现模型、呈现模型、心理模型。

Cooper 在书中关于这三个模型的介绍十分多也比较容易理解,结合我个人理解。

实现模型是指关于软件内部如何运作的一个模型,也就是说软件是如何工作的,比如计算机程序语言。

而心理模型(也可以叫做心智模型)是指用户觉得软件程序应该以什么样的方式帮助自己完成任务的一种模型,这个是长久以来用户的经验与习惯给予的。比如说,左上角经常放置「返回」按钮等其他一些交互方式,如果你把它放置在右边,就不符合用户的心理模型了。而呈现模型就是设计师如何向用户呈现程序的功能。

因为在数字世界里,用户心理模型和呈现模型是截然不同的,我们要尽可能设计出符合用户心理模型的产品,我觉得可以把符合用户心理模型的设计称为人性化设计或者是情感化设计了。通过了解用户心理模型,提前预知用户接下来的行为,设计符合用户预知的产品,这也是互联网行业里设计师存在的重大意义吧。

欢迎关注作者的微信公众号:「UED设计笔记」

图片素材作者:Nugraha Jati Utama

「3篇好文带你了解用户研究」

  • 《想学习用户体验设计研究,这篇新手完全入门指南可以帮你》
  • 《用一个实战案例,带你从零开始做用户体验研究》
  • 《网易云音乐产品负责人:如何做好用户研究的?》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 交互设计和心理学之间的18条奇妙联系
  • Apple Watch 交互设计中四个全然不同以往的经验揭密
  • 资讯类产品阅读列表的交互设计思考与经验分享
  • 163邮箱登录框交互设计的改进经验与分享
  • 超全面!Android 应用与iOS 应用之间的设计差异对比
  • 超全面的设计异常情况和处理方式汇总
  • 以Apple Music为例,为你解读格式塔7大法则
  • 界面设计中,交互方式是选择滑动还是点击呢?
  • 新手交互设计师如何迅速成长?爱彼迎高手来教你!
  • 在开始 VUI 设计之前,你需要做些什么?

相关文章

  • 2017-08-06div 超出隐藏 文字超出div部分隐藏css代码
  • 2018-08-23什么决定了设计师的职业高度?来看资深UX的思考!
  • 2018-08-23一个针对女性用户的照片编辑软件,要如何设计UI?
  • 2018-08-23网易设计师:版画语言在广告设计中的运用
  • 2017-08-06关于div+css及Web标准网页的好处
  • 2018-08-23Airbnb 用这个流程,大幅提高了开发和设计的协作效率
  • 2018-08-23超全面总结!「完美」的字体系统搭建与维护指南
  • 2018-08-2336氪产品总监:求职应该怎么问答+面试官是如何打分的
  • 2018-08-23科班高手的方法!16个简单实用的排版小Tips
  • 2018-08-23想提高可用性?看谷歌Material Design 的官方教程是怎么做的!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • solr安装使用
    • 新手科普!前端开发、交互、视觉是怎么分工合作的?
    • 前端开发大众手册(包括工具、网址、经验等)
    • 这个大公司越来越重视的体验文案编写师,到底是干嘛的?
    • 学会这20招PS操作技巧,提高80%的工作效率
    • 天猫设计师:为什么说不真实的产品测试是无效的?
    • 你临摹到底是为了什么呢?
    • 进阶学习!视觉设计中的11个经典的视错觉现象
    • 对国内社交型网站主页的对比与分析 得到的经验分享给大家(图)
    • 插图式的网站主页设计 网站设计新的趋势

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有