IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

当你画线框图时,你应该想些什么?

Catherine • 2017-05-21 13:28 • 交互设计

我们每个人在刚入行的时候,接到项目需求,最初更多的会沦为产品经理的画图工具,帮他画好线框图、补全场景状态反馈等,这时候你可能会彷徨痛苦,感觉自己没有办法实现作为交互设计师的价值,不用彷徨痛苦,你现在需要的只是一个完善的工作流程,下面我就抛砖引玉来讲一下当我在画线框图时,我在想的12345……,希望对刚入行的小伙伴能有所帮助。

文章目录[隐藏]

  • 1.分析梳理确认需求
  • 2.思考分析确认优化方案
  • 3.具体方案——低保真设计
  • 4.设计检查
  • 5.交互设计说明文档

当你画线框图时,你应该想些什么?

我们每个人在刚入行的时候,接到项目需求,最初更多的会沦为产品经理的画图工具,帮他画好线框图、补全场景状态反馈等,这时候你可能会彷徨痛苦,感觉自己没有办法实现作为交互设计师的价值,不用彷徨痛苦,你现在需要的只是一个完善的工作流程,下面我就抛砖引玉来讲一下当我在画线框图时,我在想的12345……,希望对刚入行的小伙伴能有所帮助。

1.分析梳理确认需求

如果不想沦为产品工具的话,首先你在接到需求时应该要做的是需求分析梳理确认。

当你画线框图时,你应该想些什么?

第一步,了解项目背景。

去找这个产品业务的负责人聊一聊,这能让你快速的知道这个项目的背景,这个产品的规划,用户的基本资料,需求要解决的痛点;

第二步,分析需求的合理与否。

你要思考需求解决的痛点是不是用户在使用过程中真正的痛点?需求提出的功能是否能够解决这个痛点?有没有更好的方法去解决这个痛点?如果认为需求不合理,你应该去和项目负责人、项目成员去沟通交流,在沟通的时候如果你是新人的话请准备好数据,毕竟数据更具有说服力。

第三步,确认需求的细节。

比如信息模块内容、功能点、后台交互逻辑等,毕竟谁也不想在项目进行过程中,出现需求变更,信息模块内容呈现与产品需求有出入,前端的写好的页面样式后台不能使用等情况。

2.思考分析确认优化方案

当需求确立后,我们下面要做的就是设计优化方案,是体验价值的时候了~

当你画线框图时,你应该想些什么?

第一步,竞品分析。

当然在设计方案的时候如果有同类型的产品,我们还是要去看一看,分析一下他们的和我们有什么区别,他们做的有什么好的地方,有哪些是可以吸收和借鉴的,毕竟站在别人肩膀上看的更远~

第二步,信息模块的重要级别划分。

把信息的重要级别进行区分排序,那些是要突出的、那些是要弱化的、那些是要隐藏的,这样的话进行后期页面布局就会轻松很多。

第三步,任务流程。

梳理主要的任务流程,最好把他们画出来,分析那些环节是可以优化的,最终确认主要任务流程的优化方案。

第四步,页面流程。

根据主要任务流程,画出页面流程,每个页面的入口出口,页面之间的串联等,最好都要画出来,当你在做具体方案的时候就不会出现遗漏页面的情况了。

3.具体方案——低保真设计

当思路和优化方案已经确定好,下面要做的就是具体方案的设计~

当你画线框图时,你应该想些什么?

第一步,页面低保真设计。

根据页面流程进行页面的低保真设计,信息模块的级别划分能让你在布局的时候有一个整体的考量,当然细节的布局设计也是考量设计功力的一个地方,所以做好每一个细节的设计来体验自己的价值吧……

第二步,根据任务流程进行全场景的设计。

各种反馈状态~异常状态~初始状态~文案~信息极限值~跳转~加载~无状态~网络异常~404~等

4.设计检查

当方案做完以后,接下来重要的一步就是要进行设计检查。

当你画线框图时,你应该想些什么?

第一步,检查页面一致性。

Logo、头部、尾部、面包屑等是否和整站统一,按钮样式、反馈状态、报错等样式是否统一;是否有缺少的场景和状态,根据任务流程对场景和状态进行排查,保证设计的完整性

第二步,确保方案的可用性和易用性。

设计任务流程,进行设计走查,测试时选择普通用户,保证设计的可用性和易用性。

5.交互设计说明文档

当你画线框图时,你应该想些什么?

设计方案是要给别人看的,而不是把方案丢给产品就可以了,视觉设计需要你的说明文档来设计所有的样式,前端需要你的说明文档去做交互样式、各种反馈、限制,开发需要你的文档梳理页面之间的逻辑关系,制作交互动效等,所以做好交互设计文档不只是对项目负责也是为了更好的方便其他同事的工作,毕竟大家好才是真的好~

到了这一步,下面就是跟进的工作了~确保视觉产出质量,前端的交互效果、还原度和兼容性~最后的最后吾日三省吾身——设计总结,总结才有收获,才能不断前行~

设计的流程大同小异,重要的是接到项目先去思考,然后再去做,这样真正到了画线框图的时候你才能一泻千里^_^

 

本文由 @Ruby007 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/28606/

logo交互交互设计交互设计师交互设计文档产品产品原型产品经理动效场景沟通用户线框图视觉视觉设计设计设计师资料转载
赞 (0)
CatherineCatherine
0
生成海报
社区O2O与传统社区平台的对比
上一篇 2017-05-21 12:28
10分钟科普!那些不明觉历的“交互设计方法论”到底是什么?
下一篇 2017-05-21 14:03

相关推荐

  • 实战经验|在工作中,交互设计师应学会的“僭越” 交互设计

    实战经验|在工作中,交互设计师应学会的“僭越”

    本文是刚入行的交互设计师结合整个实际项目实践,尝试探讨交互设计师和产品经理、其他上下游同事之间的“共生”关系,希望帮助设计新人找到与上下游配合的一点灵感。“人们创造了事实上并不存在的对立,并且他们也给这些对立强加上十分确定的新的名称”。

    2017-05-04
  • 什么是用户体验文案设计?【UXRen译#164】

    作者: Kristina Bjoran  |  翻译:陈馥丹,校审:小四   有一种新的职业出现了,嗯,也许不是“新”的,但可以肯定的是这种职业出现次数会逐渐增加,像谷歌、亚马逊、Dropbox、Paypal……许多大型科技公司正在寻找UX文…

    交互专题 2017-08-07
  • 微信热点

    2018年用户体验趋势(一)

    2017年,我们见证了很多。在与全世界的189489位设计师策划并分享了1926条链接后,我们从行业内的所写、所说和所想中,预见了几个趋势。以下就是2018年用户体验的预期。#1UX的死亡和重生作为设计师,我们一直致力于能够参与早期的战略决策。如今,我们获得了一席之地,接下来要怎么做呢?APP关掉了新手体验怎么办?这有一份最好的实践清单;不确定网站适合哪种菜单?就用这个模板库吧;首页的标题不够吸引人?咱们来做做A/B测试...与此同时,...

    2018-02-28
  • 交互设计

    产品原型和交互设计的区别

     产品经理根据需求来规划产品原型,但是产品原型往往比较粗糙,可能只包含了核心功能描述或者模块划分。我们之前问过很多朋友产品经理的原型和交互设计师的原型相比有何异同,得到的结果简单来说,前者更加笼统且…

    2015-02-03
  • UED设计流程和方法 交互设计

    UED设计流程和方法

    看惯了淘宝阿里旺旺的UED团队做的图,突然有点冲动,组建一个属于我们自己的UED。没有阿里、百度、腾讯等大型互联网公司有专门的UED团队成员,但我们凭着自己团队合作成立了属于自己的手机客户端UED。 1、需求调研…

    2014-10-29
  • 用户心理研究:制造期望与控制期望 交互设计

    用户心理研究:制造期望与控制期望

    在这之前,还请大家先跟随着我回想几个电视电影经常能够看得到的情景。当然,以上只是部分情景,实际上还有数之不尽的情景,你闲着没事可以自个儿多整理些出来。通过上面三个情景我们可以看到剧中人所制造出的三个期望:

    2017-05-29
  • 设计一生要读的书汇总 交互设计

    设计一生要读的书汇总

    如果你是一名设计师,绝不要满足于从各个地方学来的小技巧,而忽略系统的学习。真正的设计高手,绝不仅是因为知道的招数比别人多,而是对 Photoshop和自我有深刻的、系统的认识。他们熟稔各种技巧,恰恰是因为他们…

    2017-03-08
  • 微信热点

    独家UED手机端 保险投注

    活动时间:2018年3月1日中午12:00至2018年3月31日上午11:59 (北京时间)针对于优惠期间内第一次使用头头移动平台的会员50%本金返还,高达RMB 88手机保险投注!活动详情:1.头头移动平台包括手机网页版版平(m.toutou158.com),UED手机端安卓版和iOS版;2.没有下载头头手机端安卓版和iOS版的会员可以进入官网www.toutou158.com下载;3.头头会员需在优惠期间通过头头手移动平台投注第一笔...

    2018-03-29
  • 微信热点

    【免费试听】成都UI-UE交互设计免费试听课了解一下!

    德阳中公教育官方微信长按关注,了解更多资讯。周一见!周一见!周一见!没错下周一!成都UI-UE交互设计免费试听课开课啦!与其宅在家里浪费时间不如来体验一下UI设计前五天免费试学4月16日--4月20号机会有限,先到先到得哦!UI-UE交互设计是什么?UI-UE交互设计就是指对产品的人机交互、操作逻辑、界面美观的整体设计!为什么要学习UI-UE?人才需求旺盛,成IT行业职位新宠人才缺口大,行业势头发展迅猛虽然UI这么好,但是不仅对人才的需...

    2018-04-11
  • 微信热点

    即将开课!6周,快速玩转axure,同时提升产品和交互能力

    前段时间,一位朋友因为原型不太过关,被老板委婉提醒了。我这位朋友的状况不是特例,原型是产品经理最基础的技能,如果不过关,后果太可怕了!最后给老板留下的印象:这人产品能力不行,每天加班就为改原型,产出太低。想成为靠谱、高薪的产品经理?第一步得提高Axure原型能力!起点学院&腾讯课堂联合打造给产品经理的Axure课程已有1868位同学学习,学习效果显著Axure零基础也能学,学完画出规范原型产品思维和交互贯穿全程,学完告别画图经理通过6周...

    2018-04-08
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress