什么样的原型更受开发欢迎 ？

　　事情3年，测验考试了各类本型图排版，努力于协助设想师战法式员更好的了解需供。总结了从14年到如今本人测验考试过的几种本型图款式，每种皆有其好坏势。欢送各人一同去讨论怎样更好的显现本型图(欢送拍砖)。接下去，定时间次第，给各人逐个具体引见。

　　PS：本文仅是报告本型图排版，至于一些交互细节会另写文章记载哦，欢送存眷～

　　各种本型图引见

　　第一种：静态跳转型

　　经由过程变乱(如面击、滑动等)真现各个元素战页里之间去回跳转。一切交互阐明皆写正在了界里元素的正文阐明中(蓝色icon)，如念检察阐明，需面击后才气看到。那类跳转型本型，需配套的需供文档去形貌各个元素的形态、前置前提、操纵阐明等。

　　那种本型图，念必许多方才进门的产物司理/交互设想师皆测验考试过。固然我也没有破例，刚开端事情时，以为用axure真现各类动效是件很好玩很酷的工作，同时也以为那种静态跳转能够协助开辟职员更好的了解页里干系。

　　可是却疏忽了很主要的一面，开辟没有晓得我们产物之前的考虑逻辑，以是拿到本型时，底子没有晓得界里上哪些疑息是可面击的，也没有晓得面击后会发作甚么进进哪一个界里。

　　劣势

　　具有交互动效，可完好体验到页里之间的跳转流程。

　　优势

　　那类本型，优势超多。

　　阅读本型的人需求一一面击，才晓得那个页里有哪些功用，那样极可能招致功用的漏掉。(昔时也的确呈现过那个成绩，固然有配套的需供文档，可是各人皆懂的，需供文档能够只要产物职员本人看。那样一去，无形当中删减了相同本钱);

　　做本型时，各类动效比力华侈工夫。需求各类变乱、静态里板共同去真现，必然水平上低落了事情服从。

　　果为那类本型图的用户体验真正在是欠好，便决议把一切页里仄展展现，把交互阐明环抱四周，以下…

　　第两种：疑息仄展环抱型(五彩版)

　　尾先，感激开辟哥哥们昔时的没有杀之恩。

　　如今回过甚看之前的本型图，几乎没有忍曲视。那样花狸狐哨的本型图，固然很具体的写了各类阐明，可是给谁看，估量皆出有耐烦看完吧。

　　一切的交互阐明疑息皆环抱正在线框图四周，并利用了各类图标色彩。差别图标及色彩代表差别寄义，如图中粉色箭头代表有面击变乱，绿色箭头代表阐明笔墨，面击变乱均接纳橙色笔墨。

　　劣势

　　交互阐明仄展展现，有用制止了功用漏掉;

　　各种疑息利用差别色彩辨别，明晰曲不雅的辨别差别类疑息。

　　优势

　　交互阐明利用色彩过量，一眼看已往，给人觉得很混乱;

　　线框图中利用色彩过量，分没有浑界里疑息劣先级。

　　那类本型图，处理了第一种漏掉功用的成绩，也获得了开辟职员的分歧好评，道那种本型图明晰曲不雅的把一切功用面皆形貌的很明晰。便那样连续迭代了好几个版本。厥后。有一次正在一个功用庞大的界里四周写了稀稀麻麻的正文(如上图)，正在实践开辟历程中，便发明许多开辟去问的成绩，明显正在本型图上皆有写。但是他们为何疏忽了那些需供呢?我便跑来战他们相同，获得的反应是：哦，出看到，出留意那块内容。记得当时候借是挺愤慨的，本人辛辛劳苦写的需供，开辟底子没有当真看。厥后换位考虑念了念，那些单调的文档，再减上五彩缤纷的笔墨，给谁谁皆不肯意看吧。

　　为理解决交互阐明混乱无章的成绩，决议测验考试把一切阐明同一放到线框图下圆，一一元素阐明，以下…

　　第三种：疑息仄展高低型

　　把一切交互阐明写正在线框图下圆，线框图上毗连联系关系界里。

　　劣势

　　界里看起去清新了许多，一切交互阐明集合，有用制止了功用漏掉战界里混乱的成绩;

　　优势

　　没有曲不雅。界里元素战交互阐明别离，影响查找服从。

　　出了一个版本那样的本型图，便坐马支到开辟哥哥们的反应，道那样的交互阐明太没有曲不雅了，每次皆要看一眼图，然后再来上面找到对应的阐明，很费事，并且借简单呈现对应错的状况。便那样，抛却了那品种型的本型图。

　　那末有无一种既明晰曲不雅又能够有助于开辟浏览查找的本型图呢?

　　因而，综开了之前各种本型的劣势，得出以下版本…

　　第四种：疑息仄展环抱型(边框版)

　　为一切界里减上了脚机中边框;线框图色彩只管利用深浅差别的灰色;交互阐明色彩少一些，利用灰色深浅及笔墨巨细辨别劣先级;利用同一的标注icon;造定了交互标注阐明。

　　各种交互阐明标准

　　劣势

　　团体觉得洁净清新，各种疑息犬牙交错;

　　为一切界里减上了脚机中边框后，有用制止了线框图取交互阐明混合没有浑。且可明晰的看出正在脚机上展现结果，标识表记标帜第一屏疑息;

　　交互阐明同一标准，制止了交互阐明的鹊巢鸠占;

　　线框图色彩只管少，利用差别水平的灰色去显现，疑息劣先级凸起;

　　利用交互阐明序号。利用序号标识出当前页里有哪些留意面，有用制止漏掉。

　　优势

　　偶然会呈现线框图战交互阐明对应没有上的状况，开辟找没有到交互阐明上写的【xxx】按钮究竟是哪一个icon，面击【xx】热区，那个热区的范畴包罗哪些。

　　团体去讲，那品种型的本型图，曾经获得开辟职员的承认，也是小我私家以为比力劣的计划。正果为本型图也算是本人的产物，以是也需求不竭的挨磨，因而近来又对其停止了劣化，以下…

　　第五种：疑息仄展环抱型(各个元素一一标识)

　　正在界里上，利用箭头一一标识每一个元素或每一个模块的交互阐明。交互阐明中各种疑息分类显现。

　　劣势

　　快速定位某个元素的交互阐明;

　　为交互阐明分类(如疑息项、操纵、形态、排序等)，有用避免漏掉需供，也有助于开辟检察需供。

　　优势

　　如界里上需求标注的疑息许多，能够会形成页里看起去有些紊乱。

　　总结

　　每种本型图款式皆有其好坏势，正在实践事情中，最主要的没有是怎样显现您的本型图，而是要战设想师和开辟告竣共鸣，如何的本型更有助于他们了解需供。关于刚进职场的新人小黑，提示各人牢记没有要过分沉浸于页里动效，而遗忘本型图的素质目标(明晰清楚明了的阐明界里功用逻辑)。

　　如上，陈述了一下我本人的本型图演化史。本型图是我们事情中输出的主要文档之一，以是更需求我们不竭的来挨磨它，正在进步本人事情服从的同时更好的协助开辟职员了解需供。

　　感激耐烦浏览～