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

交互设计路径分析

7月15日 血海塔投稿
  如何用科学的方法证明用户体验设计的好处?通过交互设计路径分析来解决你的问题
  作为一个交互设计的你,有没有过这样的时候,当你设计完成,把带交互的线框原型递给研发部门时,都会出现这样的场景:研发部门的同事会问你为什么这个按钮要摆在这?为什么这里点进去就变成B了,原来不是挺好的吗?为什么
  问题来了,你需要花大量功夫去解释并说服他们你这样做的原因,你这个设计有多么牛鼻,但是有时候你给的理由往往不那么强悍。
  于是开始思考,有没有一个非常给力并且很科学的方法可以证明用户体验设计的好处?这个问题,可能每个做交互的人都想过,都被困扰过,尤其在只能手机平台。
  交互设计路径分析
  先用图形化的方式告诉大家这个方法的思路。用户使用你的APP一定是去满足一个他们的需求,或者说完成一个任务,达到一个目标。实心圆点代表这个目标。这个时候交互设计师的任务就是通过一个节点引导用户去完成这个目标。举例说:一个电商APP满足用户的最终需求是买下商品,这时就需要先让用户选择商品,然后提交订单,最终购买,并且这个目标是可循环的。因为出现了下面这个图:
  注意:双箭头表示可以返回到上一步。这就是一个任务路径。但是,如果一个产品的功能非常复杂且有多个主要功能时,用户要完成最终目标就得经过更多的节点,或者支任务。如图:
  你会发现整个路径变长了,本来你去人民广场只要走两步,现在你要走两万步,你什么心情?聪明的设计师,就会有了下图:
  同样多的支任务下,路径变短了。这种路径叫”径向路径”,之前那个叫”线性路径”
  径向路径就好比一个圆,中心是核心任务最终任务,当然在实际交互操作中并不能那么完美的就处于圆心。有意向的可以去看看博弈论,可以帮助理解这些原理。
  交互设计路径分析在实际中的应用
  
  从图中可以看到第一张图是最坑的线性路径,距离核心任务的路径太长,红色线代表没有告诉用户去哪,也没有告诉用户你从哪来。整个体验就是两个字:困惑。相比之下第二张图就让人舒服的多,用户无论走到哪都知道自己从哪来,要到哪去。
  对此,用户体验的前辈们也提过相似的方法,JimKalbach写过的《用核心路径法设计页面》中列举了一个案例:当你隔着一片草坪想要到对面的巴士站点时,你是绕这草坪四周的人行道走过去,还是从中间穿过去呢?假如草坪是干的,也没有被禁止踩踏,那么你很可能会选择最近的路线穿过草坪直接到巴士站点。如果之前有不少人也这么干过了,那么就会出现一条“走出来的路”作者讲到这个方法的灵感来源于城市道路规划:计划外的道路连接了两点之间的最短距离,被称为交通需求线,意思是人的自然行为和人为规划线路之间的差异。所以,页面设计的另一种方法,可以从核心内容入手,由内而外来设计,也就是径向路径。
  运用交互设计路径分析的注意事项
  确定核心内容无论你是设计一个APP还是一个网站,一定要先弄清楚你的产品核心在哪,满足用户的什么核心需求并且把这些核心功能列出来。
  反应出层级关系路径图必须可以反应出层级关系,对支任务进行分组罗列。
  反应出方向关系从用户第一次使用产品的情景按照来路和去路设计,必须表现出路径的方向。
  确保完场核心任务的路径最短完成后将核心任务与支任务用不同颜色覆盖以检查是否是一个以用户为中心的设计。
  动画效果动画效果一定要能反应出来路与去路,否则再炫的动画作用也不大,因为你的用户已经迷路了。
  如果你在实际操作中没有注意上面说到的几个要素,那么你的路径分析图就会让你产生困惑,如图:乱七八糟的路径导致没能直观的反应出设计的优劣性。
投诉 评论 转载

用户对设计没印象?教你如何创建情感联系在某些程度上,你完成的每个设计项目都是和你的用户紧密相连的。你的设计不但能传递信息,还能传递某种情感。作为设计师的你,只有深入挖掘用户的情感,才能使你的设计更上一层楼。你一定要……如何快速设计一款好BANNER?6个步骤帮你速成!世界看脸,网站看Banner,门面当然要漂亮,不过很多同学以为做Banner是门技术活儿,自己学艺不精做不了。如果你看了今天这篇文,就会明白,技术于Banner,就像刀法于人,……交互设计路径分析如何用科学的方法证明用户体验设计的好处?通过交互设计路径分析来解决你的问题作为一个交互设计的你,有没有过这样的时候,当你设计完成,把带交互的线框原型递给研发部门时,都会出……品牌为何需要设计指南?如何创建?很多设计师与创意工作者都忽视了品牌设计指南的作用(有些人也称其为品牌宝典,或其中的一部分)它给出了一系列清晰的准则,规定了线上线下的市场推广材料应该长什么样。风格指南可以……涨姿势!LOGO设计的忌讳有哪些?导读:logo,作为品牌形象的组成部分之一,我们不能说是否能够成就一个品牌,但,好的logo能加速成就品牌。下文是知乎一位用户对于logo设计的忌讳的一些个看法,大家可以一起来……〔干货〕APP用户引导设计秘籍用户引导,其主要目的当然是引导用户,开个玩笑啦!一般而言,用户引导的目的主要有两种:用户需求和产品需求。用户需求即出于用户自己的需求,这一类引导主要的目的是为了使产……MaterialDesign引领的设计趋势两个月前,GoogleIO大会发布了AndroidL并推出MaterialDesign,重新统一了Google的设计语言,确立了未来Google的设计方向。那么,什么是Mate……怎么都不会错的6条网页设计配色原则身为网页设计新手的你,是不是还在纠结于你制作的网页找不到一组完美的配色方案?在本教程中我们将与你分享6条肯定会火,并且“错不了”的指导方针,你可以按照这些原则把握最基本的色彩规……细节见真章!设计时间轴我学会的四件事编者按:设计时间轴好象不是什么特别难的事儿。评判一个飞檐漂亮不漂亮很简单,但是要设计一幢大厦,就需要从每一片砖瓦开始了解,这也是设计与工程学相通的地方。设计时间轴也仿佛是信手拈……另辟蹊径谈创新提到网页设计,最先想到的是当今主流的韩国设计和扁平化设计,当然个性化排版、视频代替文本、全屏大视野、滚动视差、多平台全适应等设计形式已经进入了我们的视野。西方简单、功能性的美学……让界面动画更自然随着软硬件技术的发展,界面动画在我们的日常生活中随处可见。桌面软件、移动应用、云服务此刻回顾四周我相信你一定能发现他们。在产品中动画未必越多越好,也未必越炫越好。不同的产……网页设计中的“点、线、面”怎样的网页设计才称得上是优秀?想必很多人都和我有同样的疑问。个人认为所谓优秀的网页设计就是能以合理的功能布局、赏心悦目的颜色(图片)搭配传递出设计想法的网页设计。这其中包……
手机上的兴趣社交:三种玩法,十个案例别问用户想要什么!用户访谈的3个基本问题专为设计师而写的GitHub快速入门教程设计完美极简风网站的六个步骤移动产品的广告形式浅析有哪些让你蛋碎了一地的产品体验和细节?“豆瓣(内测)”移动客户端使用体验及建议10个技巧,让你的照片瞬间变高大上10条信息图设计准则设计即体验小米雷军:终于彻底明白了互联网思维(疯传)!谷歌设计师的MaterialDesign实践心得

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