什么才是正确的原型设计?

草图,线框图,设计草稿,高分辨率的可视效果:原型对交互式应用发展的作用是必不可少的。下面跟大家一起探讨一下其中的联系和区别,哪些方式适用于哪些项目。

在电子产品的开发中没有一个最终目的是原型。原型的目标是将想法,功能,内容形象地表达出来,以此得到反馈并改进产品。交互设计中最重要的挑战往往是界面:它应该是友好的,直观的,最好是一目了然的。

在开发的过程中会不断地出现一些必须用原型的方式来解释的问题:用户感知到了什么元素?组件是如何交互的,整个系统背后的逻辑是怎样的?这种逻辑用户是否能快速的理解?操作是否会令人困惑?原型能够帮助解答建立在使用价值之上的实际问题,以此做出最好的设计方案。

但是什么样的原型适合一个交互项目的什么阶段呢?它应该尽量精致还是应该简易、快速?是否还能用工具对原型做一些快速的交互呢?

从低保真到高保真

什么才是正确的原型设计?

原型根据外观和功能有不同程度的保真度。Sketches或者Scribbles通常足以应付第一阶段的草稿。在这种类型的低保真原型中线框也只用保持简练和单色,只用突出框架和功能。这些简略的草图不用色彩丰富绚烂,不用太多的可视化的元素。

用Axure,Balsamiq或者Mockplus等带有许多组件的原型软件工具能让你快速地制作界面。通过进一步地集成设计元素,线框图能够打造得更为精致。

在高保真原型阶段,原型和产品同步完成

这种情况下设计稿已经充斥着色彩,图形,文本,间距和字体。对于高保真的程度是没有统一的标准的,可以用PowerPoint展示,可以用HTML,亦或是图表的形式。你也可以用Photoshop组合你找到的视觉元素。如果网站或APP是动画的,用比如说After Effects这样的软件就可以清楚地向客户展示产品的思路是怎样的。

什么才是正确的原型设计?

团队讨论和概念测试中效果不用夺目

测试过程并不会像实践一般简单,合适的原型取决于几个因素:目标组,技术背景和开发阶段。“没有比手绘草图更好的了”,汉堡的UX设计师Miriam Scheibe说到,“像乒乓球一样在概念和开发之间不断来回打磨构思。”Scribbles也能用被用来展示行为和交互,比如说展示当用户完成登出的流程后会发生什么。在这个阶段只有概念需要被印证,没有视觉设计的必要。“想法有多模糊,原型就应该有多简单”,Miriam说到。这些草图应该尽量地远离产品,因为针对早期测试它们还需要修改成特殊的形态,能够形成模板,利用原型软件能够方便的变为简单的交互网站或APP。

内部细节沟通

Wireframe有助于内部沟通,以传达在设计,视觉,开发方面的架构信息。尽管这种工作可以由PDF完成,但是其自带的丰富的工具能提供更多。取代了大量难以阅读的任务列表,越来越多的的机构都在使用可以模拟应用效果的交互线框图。快速的原型工具Mockplus也能提供帮助。

什么才是正确的原型设计?

视觉工作是有必要的。“如果团队在概念阶段达成了一致,想要得到部门经理的认可,展示形式需要更为具体”,Miriam Scheibe解释到,“因为这些人通常没有太多时间,你可能需要在电梯里阐述你的想法。在没有时间和预算用于Photoshop设计的情况下,Wireframe也能够用于集成背景,图案,字体和色彩。”

甚至如果代理人是代表风险投资的客户的话,最好依靠高保真的原型而不是在观众前表述抽象事物的能力。在这种情况下爆炸式的美学和令人印象深刻的触感更加为你的表达加分。

综上所述,不同的设计阶段和设计需求有很多合适的工具,线框图适用于内部细节沟通,包括页面结构/导航/交互细节等,草图用于捕捉想法,不必纠结细节的构思阶段。原型图则是针对原型测试和改进,关于行为和逻辑的验证阶段,选择适合的工具可以为极大地提高设计的效率和质量,更好地完成产品。

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

(0)
iouedioued
上一篇 2017-03-14
下一篇 2017-03-16

相关推荐

  • 当我们在讨论用户至上的时候,我们在讨论什么?

    用户价值=用户收益-用户成本用户价值=用户收益-用户成本-机会成本机会成本=备选产品用户收益-备选产品用户成本。

    2017-05-31
  • 【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

    Alias工业设计点击关注 和工业设计做朋友关注作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的...

    2018-03-03
  • 交互设计师的60日计划第二十天

    这几天觉得好像没有什么可写了,会不会是姨妈所以脑子比较迟钝→_→昨天初中闺蜜突然叫我十一去秦皇岛玩,因为找不到人陪我去台湾所以果断的买好了所有票订好了房和她们去玩玩,晚上同事为了犒劳自己这几天准备晋级的…

    交互专题 2015-08-20
  • 同样是券商,为什么你家APP用户体验不好?原来还有这一招...

    券业新力量 | 服务所有券业人的梦想当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放As Long As You Love MeBackstreet Boys - Backstreet's Back导言洞察用户喜好,吸引用户,留住用户,让用户满意,是所有服务业的本质。本文以行为数据切入,从三大方面、两个案例,全方位解析如何利用行为数据提升证券App用户体验。用户体验(User Experience)最早被广泛认知和提及,是在上...

    2018-03-30
  • 灵兽奇谋之教你5招提升用户体验

    (来自梧桐树资本远方的祝福)007灵兽奇谋《灵兽奇谋》起源于我们携手100位行业大咖组成灵兽家族,每位家族成员都必须跟新零售007的粉丝们分享一篇,自己近年最干货的心得文章,可以是感悟,也可以是奇招,没有任何限制与约束,给予读者们干货与奇谋,是我们唯一的标准。每十篇奇谋为一季,2018年第一季,火热连载中。奇谋无高下,真诚见初心,谢谢每一位老师的付出,亦谢谢对面每一位乐于倾听的你。今晚灵兽奇谋来自灵兽家族代盐人兽哥,兽哥跟大家聊聊新零售...

    2018-02-11
  • 新版MATERIAL DESIGN 官方动效指南(三)

    新版Material Design 官方动效指南已经翻译到第三章了!今天这部分,从动效的运动和材料形变入手,让你的动效自然真实,贴近现实状态。再系统的干货都比不上官方的动效指南,西瓜就在这,赶紧来捡。

    2017-05-23
  • 【译文】”移动优先”的设计理念已过时了吗

    【译者注】Mobile First(移动优先)大概是移动设计师听到最多的设计理念之一,2011年Luke Wroblewski大神提出它时,打破了原来“先完成web设计再移植移动设计”的常规方式,为移动设计注入了一针强心剂,一时各大企…

    2016-02-19
  • 【实习精选】网易、中信、博彦科技、雅培、太平洋证券等名企实习汇总(04-02)

    序列               实习单位工作地1德国电信咨询北京2腾讯北京3中信研究部北京4东亚银行(中国)有限公司上海5雅培中国上海 嘉兴6太平洋证券上海7广州越秀金融控股集团有限公司广州8广东南方都市报经营有限公司广州9国金证券股份有限公司深圳10博彦科技股份有限公司西安11网易雷火游戏部杭州12科锐国际大连01德国电信咨询一、企业和团队介绍德国电信国际咨询公司(DETECON),德国电信集团的全资子公司,是全球领先的ICT行业专...

    2018-04-08
  • 移动交互设计欣赏(GIF)

    今天为大家上一组动态的移动交互设计,好好欣赏哦!   更多讨论内容请关注:学堂群:156360020 | 微信号:Aioued | 新浪微博:艾欧交互学堂

    2014-11-20
  • 交互设计必读书单推荐

    交互设计必读书单推荐

    2016-08-02