PAGE6微簡頁面設(shè)計系統(tǒng)Vj設(shè)計頁面象使用word一樣簡單降低10-20%成本提高用戶滿意度獲得更多的訂單優(yōu)化軟件開發(fā)過程Web應(yīng)用程序前端頁面設(shè)計可用型頁面原型制作生成標(biāo)準(zhǔn)的Html5、Ext、Jquery頁面

目錄一、產(chǎn)品介紹 3二、優(yōu)化軟件過程 41、開發(fā)現(xiàn)狀 42、存在弊端 43、解決方法 4三、預(yù)見成效 5四、應(yīng)用場景 5五、適用范圍 6

一、產(chǎn)品介紹微簡頁面設(shè)計系統(tǒng)（Vj）是一套針對web應(yīng)用程序的前端頁面制作工具。無論是否熟悉前端頁面開發(fā)、是否有美工基礎(chǔ)，都可用它快速、輕松的制作出專業(yè)、美觀的Html5、Ext、Jquery等類型的前端頁面。需求人員可用它制作可用型頁面原型、編寫業(yè)務(wù)規(guī)則、數(shù)據(jù)字典；美工可用它做頁面示例；前端工程師、普通程序員都可用它進行前端頁面開發(fā)。傻瓜式、可視化頁面設(shè)計，真正和word一樣簡單。真正做到了可用型頁面原型，使原型、系統(tǒng)頁面合二為一，避免了兩次設(shè)計、用戶兩次確認(rèn)的重復(fù)過程。可設(shè)計完整的功能頁面系統(tǒng)，而不是完全獨立的網(wǎng)頁。可通過簡單的點選來設(shè)置要打開的頁面、外部鏈接。需求人員可對頁面編寫相應(yīng)的業(yè)務(wù)規(guī)則、數(shù)據(jù)字典等需求信息。支持Html5、Ext4.1、Jquery等標(biāo)準(zhǔn)框架。支持IE、火狐、谷歌、搜狗、360等主流瀏覽器。注：IE不完全支持Html5。支持iframe、常用框架。支持Ext布局。支持典型的web應(yīng)用程序組件，如：菜單、樹、數(shù)據(jù)表格、圖表、日期編輯框、文字列表等。可增加事件，嵌入javascript、vbscript、c#等瀏覽器腳本，甚至可加入asp、php、jsp等后臺腳本。可嵌入外部頁面。可嵌入外部web組件。如谷歌地圖，或者一個漂亮的js組件。可生成標(biāo)準(zhǔn)、規(guī)范的html、css、js等代碼。生成的頁面美觀，并提供了多種配色風(fēng)格。生成的頁面有很清晰的目錄結(jié)構(gòu)、頁面注釋，可方便的進行分發(fā)。開放的框架，用戶可定制、發(fā)布自己的組合組件、模板、示例項目，也可通過微簡網(wǎng)下載。微簡網(wǎng)提供關(guān)于本系統(tǒng)的技術(shù)論壇、服務(wù)支持；提供大量的模板、組合組件、示例項目；提供大量的圖片庫、圖標(biāo)庫。便捷的界面，具有良好的用戶體驗。可任意拖拽組件位置、大小。使用最熟悉的快捷鍵。無限次撤銷、重復(fù)。純綠色軟件。無需安裝，不寫注冊表。真正的中文版而非漢化版，是按中國程序員的習(xí)慣開發(fā)的。二、優(yōu)化軟件過程1、開發(fā)現(xiàn)狀隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，web應(yīng)用程序已經(jīng)成為主流，越來越多的用戶要求在需求階段提供系統(tǒng)的所有頁面原型。原型制作過程很復(fù)雜。項目剛開始的時候，大多用戶都會比較迷茫，于是需求人員總是需要等用戶。經(jīng)過逐步的溝通，有一些想法之后，需求人員將用戶的需求寫成文檔、草圖或拋棄型原型，然后美工根據(jù)需求人員提供的資料制作大量效果圖。過程中，用戶、需求、美工之間需要不斷的反復(fù)去溝通，需求人員總是需要等用戶時間，等美工有空。原型確定之后，由前端開發(fā)人員根據(jù)美工的切圖來制作前端頁面，這個過程又需要和需求、用戶去溝通很多細(xì)節(jié)。而且頁面的編寫通常是通過手工編寫腳本的方式來實現(xiàn)的，過程非常緩慢。設(shè)計人員設(shè)計時、后臺程序員實現(xiàn)時，同樣需要和需求人員不斷的溝通，很多細(xì)節(jié)需求人員是不確定的，所以還需要再和用戶溝通，然后又是等待，設(shè)計人員等需求人員，需求人員等用戶。2、存在弊端多環(huán)節(jié)的溝通使得無效的等待非常多。溝通過程中的歧義也很多，人員的實際效率非常差。整個過程不得不面對原型、系統(tǒng)界面兩次設(shè)計、兩次與用戶溝通確認(rèn)的問題。項目比較大、周期比較長的時候，這種低效率現(xiàn)象更為明顯。3、解決方法Vj頁面工具的誕生就是為了解決這些問題。無論是否熟悉前端頁面開發(fā)、是否有美工基礎(chǔ)，都可通過簡單的拖拽快速、輕松的制作出專業(yè)、美觀的Html5、Ext、Jquery等類型的前端頁面。真正做到了原型即系統(tǒng)頁面。可將上述需求、美工、前端頁面開發(fā)的工作合三為一，用可用型原型與用戶進行溝通，避免大量反復(fù)的溝通，同時也可以確定更多的細(xì)節(jié)，使需求過程更快、更準(zhǔn)確。另外，Vj提供大量的模板，絕大部分界面都可以找到可復(fù)用的模板，使得前端頁面設(shè)計真正變得快速、簡單。除頁面設(shè)計外，Vj還提供了相應(yīng)的業(yè)務(wù)規(guī)則、數(shù)據(jù)字典編寫功能。頁面、業(yè)務(wù)規(guī)則、數(shù)據(jù)字典基本就包括了絕大部分需求細(xì)節(jié)，這三者確定之后，就可以進行設(shè)計、開發(fā)了。三、預(yù)見成效Vj使需求過程中大量制作原型變得非常輕松。通過Vj來加強原型的大量使用，可達(dá)到以下的效果：大大提高用戶滿意度。用戶從頭到尾都清清楚楚的知道自己要什么，最終系統(tǒng)是什么樣。加快需求的進程，讓用戶盡早、高效的參與到需求溝通中，盡快的挖掘用戶的最終需求，使得需求能夠快速、準(zhǔn)確的確定下來。原型和系統(tǒng)頁面合一，減少了需求人員與美工、前端工程師、設(shè)計、開發(fā)的反復(fù)溝通，避免二次設(shè)計、二次確認(rèn)過程，大大提高了整體開發(fā)效率。無需用大量的手寫代碼來實現(xiàn)頁面，使頁面設(shè)計效率更高、人員的配置也更為簡單。最大程度的減少需求的變更，從而使項目整個更為可控，失敗的風(fēng)險也降到最低。可在需求階段就精準(zhǔn)的對項目進行控制，把原型作為需求階段的主要考量。通過需求的快速、準(zhǔn)確，縮短了整個項目的周期。如果這種方法能落到實處，節(jié)約10-20%的開發(fā)成本并非空談。四、應(yīng)用場景公司收入越來越高，利潤卻越來越低項目組人員越來越多，效率卻越來越低