童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

什么是交互设计?五分钟教你彻底搞懂3个关键要素

1月9日 火凤派投稿
  先讲个故事,小鹏是个销售员,下午出去拜访客户,完事后发现已经六点多了,非常饿,小鹏想回家自己做饭吃,但是实在是太饿了,回家又要做好久的地铁,还不如就在附近找家小饭馆吃了呢,于是环顾四周,发现马路对面左前方200米有个麦当劳,于是就穿过马路,沿着道路走了过去,到了麦当劳要了一份套餐,风卷残云地吃完了。
  问题来了,这个故事里面:
  什么是目标?
  小鹏饿了,想把自己填饱,这就是目标;
  什么是任务?
  回家自己做是一种任务,到附近的地方吃也是一种任务,任务比较抽象,实现同一个目标可能有很多不同的任务,它是利用产品达成这个目的的具体步骤,多个步骤合起来就达成了目标,比如去楼下饭馆点餐吃结账走人等五个任务。
  什么是行为?
  穿过马路,走到麦当劳,推门进去,排队,点餐,等候,就餐,这些就是行为,行为是每个任务的具体动作,比如吃的时候你用筷子还是刀叉,坐在靠走廊还是靠窗,行为体现出了用户的操作习惯和对这个事件的认知水平。就是可以看到的用户的具体操作,专业点的叫“用例”,现在先这么叫做“行为”吧。这三个对于做用户体验和交互设计来讲至关重要,决定了后边的交互工作是否有效,是方向性的。
  一个普遍的问题是,目标和任务容易混淆。不过这也正常,因为有三个概念,数量有点多。人们对事物的认知基本上就是二元的,比如“对错”“好坏”“美丑”“想做”等等,老D猜想,人类最熟悉的事物莫过于人类自身,我们的身体看起来就是个总体对称的物体,左手右手、左耳朵右耳朵,所以人们对于两个东西是最熟悉的,一旦超过了这个就稍微有点难以理解了,怎么区分呢?很简单:
  目标Why,为什么做
  任务What,要做什么
  行为How,怎么做
  打个好玩的比方,大象关进冰箱的故事。把大象关进冰箱里,这其实是个任务;第一把门打开,第二把大象放进去,第三把门关上,这就是行为,但是为什么要这么做呢?其实是为了阻止大象去参加动物园的联欢会,这才是目标。
  当然,目标是可以不断抽象的,比如回家过年是为了什么?目标是跟亲人团聚。那跟亲人团聚是为了什么?是为了得到亲情和爱,上升到这个高度了就不要再上升了,不要问老D得到亲情和爱是为了什么,老D回答不上来了,只能说,这是人性,不要绕进“究竟是鸡生蛋,还是蛋生鸡”这个死胡同了。
  此外,任务是可以不断细分的,比如说大象的故事里那三个步骤也可以说是任务,不过没有什么意义了,开门、关门这对于一个人来说已经是很明确的操作了,没有必要再细化为伸出手抓住扶手拉开这么细节的动作了。操作就是普通用户一看就知道怎么做的事,任务就是需要分解之后才能具体操作的事。
  界定任务和行为,我们可以抛一个问题:这个事要怎么做?
  如果不能立即做那就是任务,如果能够立即做那就是行为。通常情况下,目标和任务是可以互相转化的,这一层次的目标可能就是上一个层次的任务,是不是有点难以理解?
  比如“订票”是过年回家这个目标的任务,但是却是12306注册登录、搜索车票、预定、支付任务的目标。
  这三要素跟之前的五个层次有什么关系呢?之前学了用户体验框架的五个层次,可以用来分析、分解产品,是从商业角度和用户维度一起来综合分析的,是一个大框架,交互设计的工作主要影响到结构层、框架层,对范围层、表现层也有一定的影响,但是会比较少的影响到战略层,因为战略层基本是个长期稳定的东西,如果是个错误的战略,很快就被市场和用户抛弃了,并且战略层的制定通常由公司所有者来确定,交互设计师的确担负不了那么重的责任。
  不过,有意思的是战略层的制定者通常关注商业方面也就是公司想要什么,对于用户想要什么关注的并不是很够,所以有格局的交互设计师会从战略层关注用户想要什么用户的目标,这个可以作为交互设计师和用户体验从业人员的一个至高追求。
  交互设计师在支撑用户达成目标的过程中能做些什么呢?就是范围层、结构层、框架层。交互设计师通过对用户目标的理解,分析出来用户的需求,然后给出能满足用户目标的功能(当然很多产品经理也在做这个事情,没关系,那就一起做),然后根据用户的任务将这些有功能的单元做合理的组织,将信息做合理的呈现,这阶段主要是用户使用路径的规划(用户的任务可以分为哪些子任务,需要哪些步骤),信息架构的搭建(页面的分类),然后再确定路径上每个节点的细节功能或是所包含的具体内容,到这里为止,交互设计师做的东西都是不为用户直接感知到的,之后再根据上一个环节的结果确定框架层,到这里就是具体的页面了。
  很多时候,一些交互设计师只是把页面布局画出来,纠结于页面上的一些具体细节,比如要用checkbox还是radiobutton啊,点一下按钮菜单是从顶部还是从底部浮出来啊;或是画个流程图,琢磨于这个流程是不是可以少几个环节等等,这些工作是必要的,没错!但是这只是最初级的水平,甚至说是错误的方式。交互设计师是为用户创造好的使用体验,这么纠结出来的方案有时候用户根本不care,看一下这东西不是自己想要的扭头就走,哪怕你的按钮交互做得多优秀多妙,达不成用户的目标,满足不了用户的需求,一切工作都没有意义。
投诉 评论 转载

移动优先的设计小编推荐:越来越多的手机访问使得很多网站开始考虑专门做一版手机版,耗费了不少人力不说还要考虑和电脑版的视觉统一,于是有人提出了跨屏设计,今天小编给大家推荐的是国外研究人士撰写的……腾讯游戏高级设计师!为移动小屏设计的5个绝招wayne:1979年,那是一个春天,有一位老人在南海边画了一个圈,这个圈就画在咱大深圳!画圈的人是小平同志。2014年,还是这个春天,移动设备的普及成为……就得在意这些细节!教你从三个角度设计品牌风格指南在品牌设计中,品牌风格指南是最重要文档之一。无论是建立一个全新的品牌,还是为一个现有公司重建品牌,都需要为之定下基调,围绕着这个品牌建立一系列具有凝聚力的素材和规范。在这……提升用户体验交互设计三要素多把设计的工作提升到用户目标的层面来思考,然后在进入到任务和行为的设计,先看用户要什么,再看怎么做功能和结构才能更好地帮助用户实现目标先讲个故事,小鹏是个销售员,下午出去……深层次理论!网页设计中的启示性,你看懂了吗?启示性(affordance)指的是某物体或者对象具有某种操作或功能上的暗示性。举例来说,一张高于你膝盖高度的椅子,它可以暗示你坐。牙刷的手柄略长于人类的手掌,它暗示可以用来握……干货:屏幕分辨率那些事儿小编推荐:你是否遇到过显示分辨率的问题?是否搞不清楚那些DPIPPI4KpxHD等各类名词的区别?是不是每次还在纠结各类屏幕间的关系?作为一个时常被抓去做设计的壮丁,……秒懂MIUI6是如何一步步扁平化的小编推荐:MIUI被很多人看作是小米的最大优势,历经4年时间更新演变,从MIUI的变化我们可以看到主流图标的设计趋势正在从质感到扁平,从灰暗到明亮,观一点而知天下,让我们一起来……为移动而设计,第三部分:视觉设计lulu导语:“为移动而设计,谈视觉设计”是“为移动而设计”一系列译文的第三篇。主要承接之前两篇译文的叙述,介绍移动端的视觉设计上如何创造优美、移动应用的解决方案。为移动……什么是交互设计?五分钟教你彻底搞懂3个关键要素先讲个故事,小鹏是个销售员,下午出去拜访客户,完事后发现已经六点多了,非常饿,小鹏想回家自己做饭吃,但是实在是太饿了,回家又要做好久的地铁,还不如就在附近找家小饭馆吃了呢,于是……提升说服力!教你读懂UI设计的心理学作为UI设计师,对待用户就像对待婴儿,知道如何通过界面设计诱导用户非常重要,这就需要了解心理学方面的知识了。今天分享一篇日本设计师的好文,结合心理学与设计,教你读懂心理学,提高……为移动而设计第二部分:交互设计lulu导语:因为移动设备独有的一些特点,针对移动设备打造正确的交互十分重要。本文为优秀的交互设计译文,主要从人体工程学、手势、切换、导航、内容、表单的几个方面对移动……设计师配色宝典!教你从零开始学配色(一)设计原则101色彩理论第一印象决定一切!大家都可以从各自的外表上大概看出一个人的性格。同样的,这个理论也可以延伸到设计工作里。但是影响设计工作的因素有很多……
你真的了解如何建立一个网站吗网站建设小贴士轻松打造优质网站超实用!网站导航栏的设计方法网站建设其实隐藏了很多套路,你知道多少?企业网站建设与发展概况论内页设计在企业网站建设中的重要性如何选择网站建设公司企业网站建设中存在哪些误区网站建设公司哪家好?如何选择网站建设公司?企业网站建设应注意的问题如何通过网站建设提升品牌形象建立网站能够得到哪些好处?
造车新势力,“困”于增程式热博聚热点网 无锡玉祁3家企业入选2022年度国家级绿色制造名单乌发绝配桑葚煮黑豆至今未婚的9位女主持人,多人情史复杂,最大57岁最小37岁换个角度看刘项重温经典富爸爸穷爸爸三方6人大交易!火箭操作成谜或将错过未来,勇士旧将助力特雷杨张文宏和哥哥在线互怼,身份公布后网友感慨父母厉害,一门双雄厨神VR游戏《CounterFight3》现已登陆Steam你得房颤了吗?这些症状来自查感动!京东个人年度账单公布帮你省钱酒店员工辞职申请书

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界