GUI Design Studio version 5

 

無需編碼的用戶界面設(shè)計(jì)和即時原型

 

它是什么？

GUI Design Studio是一種無代碼、拖放式用戶界面設(shè)計(jì)和原型制作工具，適用于Web、桌面、移動和嵌入式軟件應(yīng)用程序的創(chuàng)建者。

• 設(shè)計(jì)屏幕或網(wǎng)頁
• 添加用戶交互行為
• 作為運(yùn)行原型進(jìn)行測試

 

它是給誰使用的？

軟件設(shè)計(jì)師、用戶體驗(yàn)專家、業(yè)務(wù)分析師、開發(fā)人員、項(xiàng)目經(jīng)理和顧問。設(shè)計(jì)或指定用戶界面的任何人。

• 記錄產(chǎn)品想法
• 創(chuàng)建項(xiàng)目建議
• 創(chuàng)建設(shè)計(jì)模型

 

為什么要用它呢？

快速制定想法，并在低成本、無風(fēng)險的環(huán)境中進(jìn)行測試，并通過首先商定正確的設(shè)計(jì)來避免昂貴的實(shí)施返工。

• 驗(yàn)證設(shè)計(jì)和要求
• 探索替代方案
• 評估不同的使用場景

 

第一步：把想法變成視覺效果

所以您已經(jīng)大致了解了應(yīng)用程序的需求。思想正在您的頭腦中形成。現(xiàn)在是時候把它們以屏幕或網(wǎng)頁的形式呈現(xiàn)出來了。

 

開始一個新項(xiàng)目并創(chuàng)建一些設(shè)計(jì)。

 

對于每個設(shè)計(jì)文件，GUI Design Studio都為您提供了一個可供使用的大畫布。真的很大。

 

因?yàn)樗褂卯嫴忌系臇|西的獨(dú)特方式，您可以決定什么是重要的，什么只是一個過眼云煙的想法，以備日后使用。

 

把不同的想法放進(jìn)頁邊空白，然后把它們混在一起?；蛘邔⑺鼈冏鳛橐环N新的思路，快速復(fù)制設(shè)計(jì)版本。

 

120多種內(nèi)置設(shè)計(jì)元素

使用標(biāo)準(zhǔn)Windows控件、Web元素和其他通用元素創(chuàng)建屏幕。提供變量加快構(gòu)建。組合元素以創(chuàng)建自定義控件和其他變體。

自定義小工具和庫

創(chuàng)建自己的一組常用元素和元素組。將任何設(shè)計(jì)文件轉(zhuǎn)換為自定義元素以供重用。打包自定義元素庫以便與其他人共享。

重用組件和主控形狀

將項(xiàng)目分解為更小的組件設(shè)計(jì)，這些設(shè)計(jì)可以在任何數(shù)量的其他設(shè)計(jì)上重用。對原始組件的更改會立即反映到使用它們的位置。

步驟2：添加用戶交互

您越接近一個正常工作的應(yīng)用程序，就越能深入了解它滿足需求的程度。

 

靜態(tài)模型是一個很好的開始，但它們并不能說明整個故事。用戶流在應(yīng)用程序中很重要，因此您還需要描述每個屏幕上發(fā)生的事情并探索它們之間的關(guān)系。

• 如何從A到B？
• 當(dāng)您按下這個按鈕或那個按鈕時會發(fā)生什么？
•  
• 屏幕可以處于什么不同的狀態(tài)？它們看起來像什么？

 

您想以一種易于理解和掌握的方式來交流這些想法。

 

以圖形方式描述屏幕流

不僅僅是簡單的屏幕鏈接和具有多種導(dǎo)航類型、模式層和屏幕效果的幻燈片。幾乎從任何元素進(jìn)行連接。

多個用例場景

向任何操作添加用例場景，并相應(yīng)地更改應(yīng)用程序流。根據(jù)用戶輸入的數(shù)據(jù)和選項(xiàng)選擇，為每個方案條件輸入業(yè)務(wù)規(guī)則。

動態(tài)和選項(xiàng)卡式界面

輕松創(chuàng)建選項(xiàng)卡式接口和動態(tài)內(nèi)容面板，這些面板可以為復(fù)雜的應(yīng)用程序彼此嵌套。甚至可以通過簡單的數(shù)據(jù)值分配來控制它們。

步驟3：測試原型

只需單擊一下，您就可以立即測試當(dāng)前正在進(jìn)行的設(shè)計(jì)，或者從指定的起點(diǎn)運(yùn)行整個項(xiàng)目原型。

 

沒有編碼，也沒有等待編譯。

 

這使得設(shè)計(jì)和測試之間的轉(zhuǎn)換非常迅速，以實(shí)現(xiàn)最大的生產(chǎn)力。對您的設(shè)計(jì)做一個小的調(diào)整，并立即測試它。

 

只有當(dāng)您用一個有效的模型進(jìn)行測試時，您才能發(fā)現(xiàn)隱藏在您設(shè)計(jì)背后的所有隱藏問題…

• 結(jié)構(gòu)和流程是否合理？
• 在這種情況下或那種情況下會發(fā)生什么？
• 缺少什么？
• 我能去掉什么？
• 除此之外還有更多……

 

即時原型執(zhí)行

按“運(yùn)行”，您的原型將在自己的全屏窗口中打開（以避免干擾），并為基于Web的設(shè)計(jì)提供偽瀏覽器模式。

快速場景測試

通過創(chuàng)建可隨時應(yīng)用的數(shù)據(jù)集來節(jié)省測試不同方案的時間，從而以可重復(fù)且無錯誤的方式快速填寫表單。

導(dǎo)出快照

通過抓取正在運(yùn)行的原型的快照作為導(dǎo)出的圖像來捕捉這一時刻。使用它突出顯示設(shè)計(jì)的各個方面，以便進(jìn)一步討論。