您的定见是咱们 UI 我国前进的动力!
点击当即反应按钮,宣布您的定见!
当即反应
QQ群反应
您也能够参加UI我国官方反应群进行反应!
群号:302892100
补白:反应问题后@管理员能让咱们及时了解您的定见

立博国际

原创文章 分类: 立博中国站/观念 版权:
17913 452 444 27
2019-08-22
127.1
主页引荐

原型的不同阶段,意义和作用也各不相同,愈加认清了原型在作业中的用处,期望对各位也有所协助~

不知你有没有这样的立博中国站:为了不让原型看起来丑,会纠结各种细节处理(距离、巨细),成果形成作业周期延伸,精力丢失;为了让原型接近于实在作用,会考虑各种精美布局,成果leader来一句‘你现在做这么美观干嘛,这个功用都没确认好’....在各种阶段画出了不适宜的原型。


所以今日想聊聊‘交互原型’这一论题,也算是对自己生长的一个总结和沉积。


文章目录:

·原型的不同阶段

·原型与用户体会的5个层面

·原型产出的准则

Image title




Part1:原型的不同阶段


其实我觉得画原型和做立博网站首页的理念是相同的:没有好坏,只要是否适宜~

当产品司理/立博中文网师没认清当时的需求阶段时,不管你画的好不美观,都会呈现一些糟糕的现象:一开端就重视细节处理、在原型需求要点输出时,又疏忽功用与逻辑上的考虑、在功用未确认时寻求精美页面作用...


下面是我对‘原型’的了解,所制造用于表明不同阶段下的需求特征。

Image title




01.主意阶段:


在产品需求的初始阶段,功用概念都比较含糊,大部分主意都停留在脑际和口述上(作业中典型的场景,如团队风暴、需求谈论、会议评定)。需求咱们不停地理清概念主意,验证需求的合理性、方针是否正确。


所以这个阶段的着重是:产品雏形 - 将咱们的主意、概念需求可视化出来,并加以谈论验证。因而,最适宜的方法便是用‘草图’表达,快速产出快速修正,能即时看见产品的雏形。

Image title


常用‘草图’勾勒产品雏形,除了能够表达主意、探究方向外,优点还在于:

a. 能提高你快速考虑、验证假定、优化立博网站首页流程的才能。

b. 能展现你考虑问题的进程(立博网站首页思想),表现专业才能。

Image title



02.修正阶段: 


这阶段的产品方针和方向较为明晰,接下来需求优化原有的概念主意,为产品创立一个信息架构、收拾功用逻辑等作业,便利在需求评定会、团队谈论中推进产品功用的发展。 


该阶段着重:理清方针 - 依据用户诉求、事务方针、运营需求等不同方针点,逐渐收拾出原型上需求展现哪些功用内容(界面布局、信息取舍)。

Image title


所以对产品司理/立博中文网师来说,只需产出一个大体上看得了解、能理清产品功用的‘中保真原型’即可。便利即时修正,向产品定型/高保真原型过渡。

Image title



03.确认阶段:


到了这个阶段,产品需求的功用布局、信息立博网站首页已悉数确认,这时一份全面、谨慎的‘高保真原型’就尤为重要。


一方面可认为视觉搭档的UI输出、开发的落地完结等供给依据。另一方面在各种作业场景中,高保真原型都能发挥很大的作用,如交互评定、领导过稿、A/Btest、demo演示等等。

Image title


这一阶段着重:细节核对 - 由于联络着UI输出、界面完结等作业,所以需求留意各种交互细节,以防呈现立博网站首页、流程上的缝隙。


有2个核对纬度上的检查:


a. 标准对齐


若团队内部有立博网站首页标准时,必定要对齐字体巨细、色彩、布局、距离等视觉元素。且能复用已有款式就尽量复用,防止呈现“一个功用,两种款式”的状况,如图:

Image title


b. 交互走查


高保真原型输出后,需求依据交互自查表,逐个收拾原型阐明是否存在缝隙,以防呈现反常流程和内容状况。Image title


别的,当你想要取得用户反应、测验你的主意是否为事务/用户发明价值时,尽量运用高保真原型。原因在于:能够发生实在的操作作用、给用户带来‘感同身受’的阅读体会。

Image title

终究总结一下,不同阶段的原型用处:


·草图:快速表达主意、验证需求、展现考虑进程。

·中保真原型:收拾大体产品结构,持续优化功用。

·高保真原型:为UI输出与开发完结供给依据、测验用户反应、制造交互demo、向领导过稿等等。

Image title





Part2:原型和用户体会5个层面


别的我还发现,结合‘用户体会5个层面’来看不同阶段的原型,两者是多么地符合、有理有据。


01.战略层和规模层 - 草图


产品想要做什么?怎样去满意战略方针?在构思把方针和需求转变成功用和内容时,用草图的方法是极为适宜的:快速表达、即时验证,能让概念主意立刻‘可视化’出来。

Image title



02.结构层 - 中保真原型


主意表达后,需求为产品构思一个详细的结构结构,依据事务方针和用户诉求,不断地修正产品功用、信息立博网站首页,渐渐完结产品的定型。所以这时候只需产出一个大体上看得懂、便利修正的中保真原型即可。

Image title



03.结构层 - 高保真原型


这是立博博彩的终究阶段,产品联络已理清、功用内容已确认。这阶段重视原型的界面细节处理,如收拾反常流程、信息的不同状况、是否对齐标准等等,以便后期的界面完结,所以一份高保真原型就尤为重要了。

Image title



04.表现层 - UI作用图


原型确认后,接下便是UI优化阶段了,这时候产品的终究作用也就出来了。产品的下次功用迭代,也是依据此UI作用图的基础上进行原型优化、修正。

Image title





Part3:交互原型的准则


终究简略说下,原型产出的几个准则:‘运用灰色图’和‘复用已有款式’,防止在往后作业上踩坑:


01.运用灰色图


原型就要有原型的姿态,大面积的五颜六色布局,很简单让人觉得这是UI作用图(视觉搭档可不背这个锅),尤其是在交互评定会上,这种细节更应该留意。



02. 复用已有款式


这个上面现已说了,能复用款式就复用,防止呈现“一个功用 两种款式”的状况,不然和视觉、开发搭档对接原型时,会形成必定的了解搅扰。



总结:

以上对交互原型的一些见地,若有描绘得不妥请多指导,下面是总结文件(转发截图给我可收取)。

Image title


若文章如果有帮到你、启示你一些思路的,请动动手指重视我,或许帮我转发一下,感激不尽!



注:文章请勿商业,转载请先联络作者,谢谢



立博

在鹅厂生长中的立博中文网师,公重号:立博

272粉丝/0重视

小有见地主页新秀
大厂产品告知你:8个技巧提高交互表现‘信息引导’超全总结,让你的立博网站首页有理有据
19
我叫小梦婷

阅读了文章有些感触:过于理论化,太抽象,实用性过弱,既然是讲高保真,应该主要就高保真的交互稿做细节分化描绘,比方页面跳转流程展现、交互动作标示、提示案牍等等是怎样做收拾,然后是怎样分配到相关人员,其中有哪些留意点等等...而该内容,关于许多新人来讲,他们更多的或许仅仅了解高保真的交互图仅仅画了比较美观整齐的灰色立博网站首页稿~

精彩!

立博

立博

在鹅厂生长中的立博中文网师,公重号:立博

小有见地主页新秀

扫描二维码
去手机端检查海报

立博

TA现已取得2枚勋章啦

  • 成果勋章

    • 特别勋章

    • 身份勋章

  • 已具有

  • 著作

    发明者才是真实的享用者。

  • 立博中国站

    立博中国站是一所好校园,可它的学生却常常旷课。

  • 活泼

    大神都是从围观大众开端的

  • 拓宽

    著作、立博中国站、活泼还不能满意你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 zhongyuanylc2rt.com