互联网UED设计流程

原创: 小强 交互设计院 

「本文阅读时长约10分钟」

互联网ued设计流程:

1. 产品需求

产品需求分析:在产品需求挖掘中需要产品经理作为核心进行全程参与,同时需求进行场景和可行性分析时,也需要交互设计师和用户研究员作为辅助。

按重要级别-需求可分类为:

P0需求:战略级别项目、重点研发项目、整体的改版、大型功能/模块优化等;

P1需求:局部功能优化、MVP项目、可复用现有样式项目等。

按需求来源-需求分类为:

战略型需求:战略型需求往往关系到产品的核心,代表着产品的发展方向和未来规划。战略型需求往往是大型、重点项目,包含了大型功能或者模块的改版通过实现用户目标,转化为产品目标,达到实现商品化的过程。

用户型需求:往往是通过用户的信息反馈而获得的痛点,具体获取途径可以来自于用户研究、用户评论、销售收集等。

体验级需求:公司内部同学在使用产品过程中对体验的自查,其中ued团队在体验中扮演者重要的角色。

交互应参与前期产品需求讨论:

1.了解项目背景,项目目标,更好的将设计目标对接项目目标。

2.与产品经理进行密切合作,在全流程中互补,集思广益,提升工作效率,以及后期的设计对接。

3.通过理解商业与设计的关系,在坚持用户体验的基础上保障产品的商业价值最大化。

用研应参与前期产品需求讨论:

用户研究员的加入,可以通过更加专业的方法和手段,获取用户信息,创建用户画像,进行痛点分析,通过用户研究报告来验证需求的真伪性及可行性。

2. 需求红绿灯

需求红绿灯就是俗称的需求评审会,一般产品经理与交互设计会在会议之前对需求进行一个讨论,以保证需求的可靠性。产品经理的需求文档需要满足产品的目标、用户目标、用户体验、商业价值、技术可实现性等。

参与需求评审的人员有:产品经理、交互设计师、视觉设计师、前端程序员、后端开发、测试,有的项目会牵涉运营、boss等。所以产品的需求评审会接受来自各方面的挑战。当各方都同意之后,需求则可以开始进行。

3. 交互设计

交互设计在接到需求后,不应该马上进行交互文档的书写,再制作之前需要进行如下思考。

做这个功能的原因是什么?(项目背景)

本次设计的期望是什么?(项目目标)

用户是谁,在什么场景下使用?(目标用户)

用户为什么要去使用它?(用户需求)

通过怎么的设计手段去实现项目目标呢?(将项目目标转化为设计目标,确定设计手段)

思考上面五点之后,接下来进行竞品分析,找到合适的竞品(直接竞品或者间接竞品),分析与竞品的差异化在哪?进行学习和借鉴。

流程设计:主场景流程——用户的小场景流程——异常流程。根据流程绘制出对应的交互界面。

流程设计注意事项:

1.充分理解项目背景、项目目标、用户目标、设计目标等,根据这些找到探索合适的设计手段。

2.基于主流程中根据场景的接触点完成交互页面的设计。

3.别忽略对于异常状态的梳理。

4.基于大部分用户的行为和认知完成流程设计

制作交互文档:

交互文档应该包含这6点内容:项目简介、项目目标和设计目标分析、新增改纪录、信息架构页面交互流程图、交互备注、异常状况说明。

交互文档几点建议:

一个页面直讲一件事情。

 从任务的起点——终点进行展示。

不同状态的同一页面在一个页面展示。

 考虑页面规范,准确表达设计方案。

4. 交互红绿灯

交互红绿又名交互评审:一般参加产品需求讨论的人员都会参加交互评审会,所以交互评审会同样亚历山大。所以建议交互设计师你进行评审时,采用拆分使用场景方法来讲解交互方案。

交互设计师直接用具体的交互原型界面进行评审很容易被质疑和推翻。会议上的人对于具体的界面感知度很高。学会用抽象的东西进行评审,这个可以吸引会议的人的大部分精力,最后再拿出具体的交互原型界面。

整个交互原型可以拆分为很多页,最开始讲解整个设计的背景(业务背景,技术背景),适用人群,整个交互设计解决了那些问题,然后再讲需求,拆分需求,拆分不同的使用场景和对应的功能流程图。

基本在上述过程中,会议上的其他人不会有太多的异议。因为这个是抽象不容易反驳的。这个过程基本是一稿过。最后拿着对应的场景、功能流程图和最后的交互原型一一对应。前面大部分时间和精力为最后的交互原型图做铺垫。这样就可以让交互一稿过。

5. 视觉设计

交互评审完毕后,接下来进入视觉设阶段。由于交互评审时,视觉设计师会参与,所以对于交互方案视觉同学会有一定印象。视觉同学不懂得地方,可以私下与交互同学进行沟通。在视觉同学完成视觉方案后,需要交互设计时对视觉方案进行审核,以免发生错误。

6. 视觉评审

在互联网中,一般的P0级项目或战略型项目时,才会有比较正式的视觉评审。一般的小需求,ued内部及产品经理通过即可。

7. 开发走查

在产品正式版发布之前,需要产品经理、交互设计师、视觉设计师对上线前的版本进行走查,需要对问题进行统计,对问题进行分类、问题原因、问题解决程度进行统计,生成一个走差报告表,并发给产品和开发。在开发完后,对针对问题再进行一次验收,以确保问题得到解决。

8.可用性报告

在项目进行上线后,对产品和设计进行数据观察,上线收益获知。有必要时需要用户研究人员和交互设计师一起进行可以用性测试,获得上线后的反馈。在完成 可用性测试报告后,同步给团队其他成员。对于可接受的反馈意见,联系产品经理推动优化迭代。 

关注公众号:【交互设计院】,获得更多干货

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容