恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UX设计师注意啦,我们找到了高效制作产品原型的7个技巧
0.0°
2020-01-19 自译外文 教程 原作者: 林辉 举报 1169 5 5 0

在制作原型的过程中,你是否也有过迷惑?认为自己在重复的做无用功,或是对自己的工作流程感到不对劲?


今天,我们就邀请来自 MOBGEN 的交互设计师林辉,跟大家一起分享一下他的经验。



hello,各位刀友~

作为一名交互设计师,日常工作任务就是制作原型。我非常喜欢这个无形变有形的过程。

在工作中,我也对原型设计进行了反复的测验,犯过一些错误,也有不少收获,今天就跟大家分享一下。


1.做还是不做,这是个问题


      

在工作中经常会发生这样的情况:惯性接受客户的要求。结果,到了执行阶段,又会陷入自我怀疑:“这真的有必要做吗?”

当一个(潜在的)原型需求提出,其实我们应该先去评估它是否是个伪需要。原型不是目标,而只是工具。是否进行原型设计应主要由项目目标和你的能力决定。

你可以试着问自己:

  • 对这个原型的目标和期望是什么?
  • 受众群体是谁?
  • 做这个,需要花费多少精力和时间?
  • 有什么相同的事情可以代替做这个吗?

如果结论不需要做这个原型,我们应该与客户分享决策路径,使他们像我们一样思考。这时候,你可以向他(她)展示一些数据,例如估计的 ROI(投资回报率),或搜索一些好的案例来支撑自己的观点。

最重要的是,一定要提出一个可行性解决方案来代替原型设计。原型设计不是万能的,我们要考虑的是,什么是最优方案。




2.选择正确的焦点


              
制作原型,必须集中精力。但在开始前,需要找出你想要实现的目标,我总结出了几个帮助找目标的问题:

  • 原型是用于测试还是用于沟通?
  • 如果要进行测试,这将是探索性研究还是定向研究?
  • 你想测试什么,态度,参与度或行为指标?
  • 你如何定义/量化成功或失败?
  • 你有什么假设吗?
  • 你要收集反馈的产品的哪一部分?等等

因为大多数时候,我们不需要为整个产品制作原型,针对产生最大价值的关键功能进行设计就行了。毕竟,你永远不知道最终能实现的是哪一部分。


3.不要跳过故事板



如果你参加过设计冲刺,就应该了解“ 故事板 ”。这是团队阐明流程,绘制所有所需屏幕,操作和组件的步骤。 


 团队中工作画面     


对于原型,我强烈建议你也不要跳过“故事板”。我看到过很多团队觉得足够了解产品,所以跳过了这步。结果到最后,因为遗漏了某些东西,造成慌乱。

把所有东西写在纸上总是比在头脑里勾画好。故事版无需详细说明, 基线在于充分发掘待测试的流程。这样可以确保不遗留任何一个流程,并且有助于更好地预估时间和精力。


4.用“系统”思维


        
在交互设计中,我觉得很重要的一个东西就是“设计系统”。现在比较流行的「原子设计理论」核心思想也是这个。

用 APP 导航栏来举个例子:

图标和文本就像是原子,它们的组合就是一个分子。切换或选择这样的交互,就是在定义此分子的行为。

         

如果将其中的五个分子放在一起,就会得到一个有机体,即导航栏。由于分子是单独预先定义的,因此更改每个图标或文本不会干扰其他分子。并可用于任何场景。


简而言之,核心思想就是:高内聚,低耦合。这种模块化的设计方式可以大大提高原型设计的效率。

定义交互后,可以通过替换视觉效果将其重新用于任何视觉样式。如果你准确地遵循设计系统的思想并创建所有原型组件,那么从lo-fi(低保真度)到hi-fi(高保真度)原型就如同替换所有视觉模板一样简单


为了实现这一点,你指定命名规范,让整个团队在设计中都遵守。

一旦创建了足够的“传统”原型组件,就可以开始构建自己的“ 原型系统 ”。这使你可以快速将以前的工作重用于新项目中。甚至可以将“原型系统”扩展为内部公司素材库,从而节省了整个团队的时间。

墨刀素材广场也是基于此概念,对原型、页面、组件进行拆分,构建出了一套原型系统。




5.尝试团队合作



       
在我工作初期,我几乎自己做所有事情:发现研究,信息体系结构,线框图,交互流程,UI设计,切片,测试计划,原型设计,测试等。我确实很喜欢全栈学习,但速度很慢。

对于必须快速交付原型的时候,我建议,尝试团队合作,架构大概是这样的:

  • PO(产品负责人)和BA(业务分析师)为你提供产品输入,例如产品愿景,要求,(测试)目标等;
  • PM(产品经理)管理时间表和仪式;
  • UI(用户界面)设计器为你提供视觉效果和内容支持;
  • 因此,作为交互设计师的你可以完全专注于原型设计,测试和分析测试结果。

我司团队

当我尝试“使用”我的团队进行原型设计时,一切都变得非常顺利且更高效,每个团队成员在自己最擅长的地方提供支持,从而极大地加快了原型制作过程。

仅在1天内,我们(2个UI和1个UX的资源)做出了一个这样的原型:



但是,团队合作可能会引起问题。注意依赖性,透明度、沟通和任务分解。


6.时间允许范围内,请使其尽可能真实



              

 如果产品看起来不是真的,就不能指望参与者有真正的反应
-Jake Knapp 
 

那么如何使原型看起来真实呢?— 互动的忠诚度是基础。此外,你还需要考虑使用环境和内容。


使用环境就是,考虑用户在现实生活中使用产品。例如,手机和电脑是两个完全不同的环境,你需要相应地仔细设计测试和原型。

 
至于内容,请避免使用不真实的图像或数字。
 
一个小贴士:墨刀支持多端快速预览的功能,可以模拟真实的使用体验。


使用墨刀制作


7.不要忘记调试!


       


最后且最重要的一点,不要忘记调试!至少要提前一天测试一下,以确保你有足够的时间进行调试,并根据需要随时进行调整。


以上就是林辉的分享啦~你对制作产品原型,有哪些自己的心得呢?请留言告诉我们吧。对了,也别忘了去体验素材广场哦~

Powered by Froala Editor

更新:2020-01-19

收藏

5人已收藏

墨刀_MockingBot

在线产品设计写作一体化平台

  • 494

    作品

  • 1448

    粉丝

  • 3

    关注

  • 产品经理和设计师谈恋爱,看得我比“老坛酸菜”还酸!
  • Figma”断供“后:墨刀能为中国企业做什么?
  • 产品经理干久了,有哪些后遗症?
  • 超实用的后台原型,产品大佬的摸鱼技巧都在这里!

    猜你喜欢

      2020-01-19 自译外文 教程 原作者: 林辉 举报 1169 5 5 0

      UX设计师注意啦,我们找到了高效制作产品原型的7个技巧

      0.0°

      你确定要举报UX设计师注意啦,我们找到了高效制作产品原型的7个技巧

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年01月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录