所評測10款工具的逐一分析:

1.

優(yōu)點:

• 能夠生動的模擬iOS應(yīng)用設(shè)備上原型。
• 可以為鏈接過渡效果選擇添加動作和聲音效果。
• 藍(lán)圖模式能夠為設(shè)計元素清楚的定義規(guī)范。
• 支持標(biāo)準(zhǔn)和視網(wǎng)膜顯示器。

缺點:

• 上手難度很高，且在線支持很小。
• 無法控制動作場景的各個元素。
• 不支持觸摸式交互以外的形式。
• 無法對超出屏幕范圍的溢出內(nèi)容生成可滾動區(qū)域，導(dǎo)入Briefs的圖像必須先進(jìn)行裁剪。
• 用于創(chuàng)建應(yīng)用的元素相當(dāng)有限。

2.

優(yōu)點:

• 非常容易學(xué)習(xí)，第一次創(chuàng)建出原型居然只需要5分鐘。
• 可以使用設(shè)備或者web瀏覽器與其他用戶進(jìn)行原型的一鍵分享。
• 易于編輯，可以拖拽新文件覆蓋存在的舊文件。
• 對溢出內(nèi)容自動生成可滾動區(qū)域。
• 有定制的應(yīng)用程序圖標(biāo)和用于設(shè)備測試的啟動屏。
• 有一些關(guān)于鏈接的過渡效果選項。

缺點：

• 沒有單個元素的控制，所有控制都僅限于屏幕水平。
• 沒有創(chuàng)建或修改元素的功能工具，所有的屏幕和實物模型都必須導(dǎo)入。
• 交互性僅限于屏幕之間的切換。

3.

優(yōu)點:

• 非常容易學(xué)習(xí)，第一次創(chuàng)建出原型只需要10分鐘。
• 能夠通過拖拽的形式快速和直觀的添加屏幕和創(chuàng)建熱點。
• 擁有用于收集和反饋的分享和評論系統(tǒng)。
• 擁有資源管理功能，通過web工具或Dropbox-like文件，使文件便于分享和編輯。
• 擁有原型的簡單網(wǎng)絡(luò)展示功能。

缺點：

• 對鏈接的過渡效果和獨立元素間的動作缺乏可選擇支持。
• 不支持基于觸摸式的交互。
• 在元素的創(chuàng)建和修改方面沒有什么特色，所有屏幕和實物模型必須使用導(dǎo)入功能
• 不提供對其它設(shè)備的支持。

4.

優(yōu)點：

• 提供鏈接的過渡效果和獨立元素間的動作選項。
• 良好的培訓(xùn)和支持文檔。
• 擁有多種元素樣式，可增加獨立元素交互性。
• 對交互行為的高保真度模擬。
• 支持基于觸摸式的交互。

缺點:

• 學(xué)習(xí)上手難度很大，第一次創(chuàng)建出原型約需要2小時。
• 該工具推崇從無到有的創(chuàng)建模式，當(dāng)以現(xiàn)有的實物模型為起點時，會非常難使用。
• 動作行為有很多缺陷，并表現(xiàn)得與預(yù)期不一致。
• 很難分配特定元素的行為，因為元素標(biāo)簽不清楚。

5.

優(yōu)點:

• 擁有良好的培訓(xùn)和文檔支持。
• 擁有多種元素樣式，可增加獨立元素交互性。
• 擅長原型設(shè)計的復(fù)雜交互行為。
• 內(nèi)置的插件庫可以定制特殊的動作和行為。
• 靈活度高，原型產(chǎn)品能夠用于任何數(shù)字平臺。

缺點：

• 陡峭的學(xué)習(xí)曲線，對于初學(xué)者來說不算容易。
• 在導(dǎo)出HTML之前無法對原型進(jìn)行預(yù)覽。
• 原型的web展示并不支持所有的瀏覽器，比如，對于谷歌瀏覽器就必須要使用插件才能觀看。
• 對其它設(shè)備的支持較差。

6.

優(yōu)點：

• 元素的樣式和外觀種類繁多
• 擁有模擬單個頁面或者整個原型的選擇。
• 協(xié)作功能可以使多人對同一個項目進(jìn)行編輯和審核。
• 擁有良好的培訓(xùn)和文檔支持。
• 通過拖拽的方式能夠快速直觀的添加資源。
• 對于各元素間和屏幕間切換的動作場景的可以進(jìn)行設(shè)置。

缺點：

• 對于第一次學(xué)習(xí)這個工具的初學(xué)者來說需要花費一些時間。
• 必須要有一個用于查看分享原型的帳戶。
• 對其它設(shè)備的支持較差。
• 不支持觸摸式的交互，只支持鼠標(biāo)交互。
• 主要用于從無到有的構(gòu)建模式，對于以現(xiàn)有的實物模型為起點的設(shè)計會很難。

7.

優(yōu)點：

• 注冊和使用簡單快速。
• 靈活度高，原型產(chǎn)品能夠用于任何數(shù)字平臺。
• 設(shè)置簡單，通過點擊原型就可以完成。
• 進(jìn)行可用性測試，收集定性和定量反饋并生成測試結(jié)果的報告的優(yōu)秀特性。
• 能夠快速簡單的和他人分享原型。
• 擁有熱點懸停狀態(tài)的選項。

缺點：

• 對獨立元素或者屏幕間的轉(zhuǎn)換動作缺乏可選擇支持。
• 不支持觸摸式交互。
• 在元素的創(chuàng)建和修改方面沒有什么特色，所有屏幕和實物模型必須使用導(dǎo)入功能。
• 無法對鏈接產(chǎn)生的新頁面的起始滾動行的位置進(jìn)行設(shè)置。

8.

優(yōu)點:

• 注冊和使用簡單快速。
• 容易學(xué)習(xí)，清晰的走查和關(guān)鍵功能的演示。
• 擁有獨立元素和整個項目的HTML / CSS出口。
• 集成bootstrap框架。
• 實時編輯或?qū)徍说膮f(xié)作特性。
• 可通過設(shè)備模擬響應(yīng)式網(wǎng)站布局。
• 頁面的獨立元素的樣式種類很多。

缺點：

• 只能用于為網(wǎng)站創(chuàng)建原型。
• 對獨立元素或者屏幕間的轉(zhuǎn)換動作缺乏可選擇支持。
• 不支持觸摸式交互。
• 必須有一個Easel帳戶才能查看共享原型。
• 主要用于從無到有的構(gòu)建模式，對于以現(xiàn)有的實物模型為起點的設(shè)計會很難。
• 在一個項目里管理多個頁面會非常困難，目前還沒有發(fā)現(xiàn) 能夠快速的對頁面進(jìn)行導(dǎo)航的簡單方法。

9.

優(yōu)點：

• 擁有多種支持不同設(shè)備的模板和功能。
• 以拖拽的形式可以快速直觀的添加資源。
• 在一個設(shè)備框架內(nèi)能夠生成交互性很好的功能模擬的原型web預(yù)覽。
• 獨立元素的種類很多，交互性很好。
• 支持觸摸式交互。
• 對鏈接的過渡效果和獨立元素間的動作提供可選擇支持。

缺點：

• 對于首次使用的用戶需要花一些時間來學(xué)習(xí)。
• 當(dāng)為一個獨立元素分配多個操作時，同時動作不會實現(xiàn)，只能按順序逐一實現(xiàn)。另外，模擬轉(zhuǎn)換顯示不準(zhǔn)確。
• 頁面過渡動作有些缺陷。

10.

優(yōu)點：

• 擁有支持不同設(shè)備的巨大的元素庫。
• 以拖拽的形式可以快速直觀的添加資源或上傳文件。
• 能夠快速創(chuàng)建和鏈接頁面。
• 支持觸摸式交互。
• 支持為鏈接添加過渡效果 。
• 通過URL或二維碼可以快速簡單的分享原型。

缺點：

• 對于首次使用的用戶需要花一些時間來學(xué)習(xí)。
• 有些不易發(fā)現(xiàn)的特性只有通過支持文檔才能夠?qū)W習(xí)如何使用。
• 不支持為獨立元素添加交互性。
• 在屏幕視圖和流動視圖中會出現(xiàn)一些異常行為。

本文翻譯自：