• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 画交互原型方案前,你应该思考的三个点

画交互原型方案前,你应该思考的三个点

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

本文主要包含App原型,交互设计,原型设计等相关知识,希望在学习及工作中可以帮助到您

Echo ?:一个优秀的交互设计师,一定要从用户目标出发。了解用户的核心痛点,满足用户的需求,只有这样才能打造一个好的产品。

本文主要针对从事交互行业两年内的入门或初学交互设计师,并重点讲述如何精准清晰的做好交互方案,主要内容有以下三点:

  • 画交互原型前要了解用户使用产品的核心需求
  • 思考用户在使用产品时的痛点场景
  • 梳理产品信息框架

在国内,交互设计行业兴起至今,不过十年左右,许多院校还没有专门的交互设计课程。很多设计师都是半路转行,成为交互设计师。那我们来思考一下,到底什么是交互设计?

交互设计它定义了至少两个个体之间互相交流的内容或框架,比如人与人之间,你问我答;人和产品之间,你输入我反馈。并且能帮助你更快、更高效的解决某个问题,达到某种目的。

相信从事设计行业一两年的初学者通常会遇到以下问题,在做设计时,产品经理提出什么需求,我们就做什么,输出的方案也经常被驳回,或要求修改重来。无法全面完整的给出解决方案,也想不出如何做才能高效有质的输出交互。那么,我们应该如何提升专业能力,提高交互方案的通过率,让其他团队对我们刮目相看呢?针对这些情况,本章节从三方面讲述在输出交互方案前,应该如何思考?

一. 了解用户的核心需求

每个产品都有它的独特属性,比如微信、陌陌属于社交,天猫、京东、属于电子商务,饿了么、百度外卖属于外卖订餐,链家、安居客属于房产信息。每一款产品也都有它的核心用户群,在做任何设计之前,我们都需要了解我们的用户是谁?用户需求是什么?是寂寞无聊了想找人聊天呢,或是上网看看有什么宝贝可以淘一淘,又或是不愿出门想叫个外卖。他们都有各自什么样的深度需求?

这里拿百度外卖举例:

百度外卖从发布到现在,不过两年时间,外卖市场占有率已位居第一,这跟它的定位很重要。百度外卖主打一线城市白领市场,用户平均年龄分布在20-40岁之间,这批人属于社会的中坚力量,通常具备至少以下两个特点:

  • 通常都有着良好的经济基础,在外面吃饭时不太关注价格高低,对餐厅环境和格调反而更为看中,注重生活品质。
  • 大部分人平时工作虽然繁忙,但会抽时间锻炼身体,注重时间管理;吃饭时对食品安全也有着更强烈的诉求。

与此同时,他们也有一个显著特点:几乎都没有很多的业余时间在家做饭享受一顿美餐。百度外卖通过“品质生活安全送达”的理念,把“品质”和“安全”的产品定位与用户心理的核心需求很好的结合在一起。

二. 用户使用产品的痛点场景

了解用户需求后,明确了用户使用该产品或功能的核心需求,并经过跟产品经理讨论,用户目标与产品目标都达成一致时,接下来就需要对用户需求做一个全面分析,细分用户在使用该功能的所有场景,并找出关键体验点,梳理出交互框架和流程。那如何细化场景来找到关键体验点呢?我这里拿最近很火的“得到”APP来举例,教育类移动产品有它的特殊性,特殊在于它即属于TO B应用,又是TO C应用。用户角色种类很多,每种角色的心里需求也不一致,下面举例说明用户场景和需求,比如:

  • 时间:早上/上班途中/工作时间/午休/下班途中/睡觉前…
  • 地点:家里/车上/办公室/录音室/图书馆/地铁/公司/咖啡厅/商场…
  • 人物:专栏作家/VIP付费用户/大众用户…
  • 动作:听/看/购买/分享…

举个例子:专栏作家在办公室工作时,搜寻到了一本好书,并拆解了这本书的核心理念并分享给VIP付费用户,帮助VIP用户学到有用的知识,节约VIP用户的时间,提高VIP用户的核心竞争力。

一句话总结:就是什么角色在什么时间、什么地点、做了什么动作、解决了什么问题,达到什么样的效果?基于这个流程去思考如何通过设计去满足用户需求,达到目的。

三. 梳理产品信息框架

在分解完用户场景,了解用户关键体检点后,就可以来建立信息框架了,通俗点说就是开始画使用流程及原型图。流程图同样需要基于用户的任务去绘制,这也是交互设计师的职责所在,我们为用户规划了不同场景下的一系列任务,展示一个或多个角色从开始使用产品到离开时所有任务的详细步骤,用于满足不同的目的。并且需要简单清晰的注明它们之间的相互关系。主要包含以下几个内容:

  • 流程图:用户在使用产品操作任务的详细步骤,方便交互设计师梳理完成一个任务时的上下层级关系。
  • 线框图:展示任务中各界面元素详细的结构,以及主要元素。并考虑用户是否易用及布局是否合理。
  • 文字说明:主要是为了辅助说明界面中各元素,比如按钮,列表,图片,图标的具体功能含义。以及异常情况下的反馈说明。

总之,一个优秀的交互设计师,一定要从用户目标出发,了解用户的核心痛点,满足用户的需求,只有这样才能打造一个好的产品。

欢迎关注作者的微信公众号:「UEDC」

「新手必看!教你零基础画原型」

  • 《阿里干货!如何培养正确的原型设计思维?》
  • 《超全面的低保真原型初级指南》
  • 《菜鸟变高手!为何我如此推崇低保真原型测试》
  • 《从零开始设计一款APP之如何做原型图》

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

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

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

优设大课堂

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

  • 让你的原型不再Low!这个设计师出品的 Axure 原型组件库现在免费下载
  • 画交互原型方案前,你应该思考的三个点

相关文章

  • 2017-11-21main-bower-files <gulp插件>
  • 2018-08-23想设计出吸引视线的标题?来学这些好用的文字组合技巧
  • 2018-08-23「这个控件叫什么」系列之动作菜单/动作面板
  • 2018-08-23超全面总结!产品设计中的可拓展性原则
  • 2017-08-06切勿用数字开头来命名css伪类名
  • 2018-08-23你知道按钮设计的7个基本原则吗?
  • 2017-08-06CSS3实用方法总结(推荐)
  • 2018-08-23用一个实战案例,帮你学会讲述重设计作品的思路
  • 2018-08-23更新Adobe全家桶之前,这些关键信息不要错过了
  • 2018-08-23优设大课堂讲师申请规范

文章分类

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

最近更新的内容

    • webpack项目的一些文件用途解析
    • 输入自动提示搜索提示功能的样式文件:suggestion.css
    • css sprites技术将多个背景集成到一个png图片上css定位
    • 网易资深设计师:视觉设计如何继承品牌基因?
    • 让你的原型不再Low!这个设计师出品的 Axure 原型组件库现在免费下载
    • 手机浏览器Viewport 参数(web前端设计)
    • 零基础必备:详解十种常见的水彩基本技法+问题总结
    • 近两万字的干货!可能是最全面的网页设计基础知识全攻略
    • 那些很熟悉但又叫不出名字的设计法则:冯·雷斯托夫效应
    • 网页中使用任意字体之实际操作附演示

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

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