干貨分享:如何挑選一款高效的原型工具?

每當設計一個新的App或網站時,作為對原型設計有一定了解的人來說,我們會傾向于選擇那些“明星”原型設計工具。它們功能齊全、模板酷炫,能夠幫助我們解決大部分設計問題。然而,任何事物都不可能完美,在面面俱到的背后,我們也能看到一些問題,比如:臃腫的文件、不夠靈活的用戶操作等。其實設計大部分的功能,尤其有特色的App或網站時,一款輕量級的原型設計工具不失為最佳的選擇。

除了工具自身的功能和特點外,在決定是否選擇某一款工具前, 還有很多方面需要考慮。比如,這款原型工具的上手難易度如何?這款工具是否能滿足我們的設計需求?它是否符合整個團隊的特點和興趣?下面,筆者整理了一些選擇和評估標準:

1.創建原型時間:花費多長時間來創建原型,將極大地影響工具的易學和易用性;

2.用戶交互性:針對用戶普通需求和常見功能交互的支持,尤其是針對部件的交互;

3.協作與分享:與他人在原型設計中的工作協同度和原型分享的功能質量;

4.可用性測試:原型可以進行可用性測試的質量;

5.保真度:在模擬目標原型上的效果如何(比如設備外觀、頁面之間的跳轉等)。

客觀來講,每種工具能滿足的任務和需求各有不同,“最適合”才是原型工具選擇的黃金法則 。筆者認為,擁有一個原型設計工具庫對于PM和開發者,尤其是需要針對團隊反饋、客戶需求進行修改的PM和開發者來說,可以大幅提高工作效率。這里跟大家分享幾款高效的原型工具以及各自的特色,看看有沒有你中意的一款 。

1. Axure RP

推薦:★★★★

網站:https://www.axure.com/


作為老牌原型工具,Axure無論在產品功能、還是在品牌影響力方面,都是其他原型軟件不能輕易比擬的。它在7.0版本開始對響應式設計做了更好的支持,UI也進行了微調。AxureRP六合一功能,包括:網站架構圖、示意圖、流程圖、交互設計、自動輸出網站原型、自動輸出word格式規格文件。

特色:

控件及素材控制上靈活、自由,實例資源豐富,交互功能強大。

缺點:

學習曲線陡峭,需要投入較多學習和時間成本。自帶的基礎組件偏少,需要費精力去找素材資源下載,漢化版很難獲得,價格略貴。

原型展示:

http://axureland.com/


2. Mockplus

推薦:★★★★★

網站:http://mockplus.cn/


作為原型工具中的后起之秀,Mockplus倡導“不為工具所累”的理念,提供了海量圖標(3000個)和組件(200個),開箱即可用。最新發布的格式刷和樣式復用,可以無腦操作、批量復制 。Mockplus無論是從產品功能到用戶操作習慣,還是從界面語言到客服支持,可以說是最接地氣的國民原型設計好軟件了。

特色:

低學習成本易上手,簡單拖拽創建原型,高度封裝的交互組件,完全可視化的交互設置,多種原型預覽和演示方式(包括:圖片預覽、二維碼預覽、演示包預覽、HTML離線/在線預覽、手機端APP原型碼預覽),實時高效的團隊協作與審閱。

缺點:

教程和幫助文檔待完善,一些復雜的交互設置不支持。

原型展示:

http://run.mockplus.cn/demo/index.html


3. Proto.io

推薦:★★★

網站:https://proto.io/


Proto.io是一款專用的手機原型開發平臺,支持全交互式的移動程序的原型。這款軟件可以在大多數瀏覽器中運行,由于所有操作都是基于拖放、點擊按鈕和選擇列表的值,有時候要找到想要的設定會有困難。

特色:

基于Web的工具,可以在一個項目中包含多個屏,同時可以創建屏之間的過渡效果。同時有大量的UI元素庫,支持定制,也支持元件與Dropbox同步。

缺點:

原型預覽方式有限(尤其當本地預覽原型時,需要每次都點擊‘SaveProject’然后點擊“Preview”才能看到修改后的效果),只能導出圖片、HTML和PDF格式的文件,通過“層”完成交互設置,有時候過于復雜,并且不直觀。

原型展示:

https://proto.io/en/demos/



4. InVision

推薦:★★

網站:https://www.invisionapp.com/


InVision也是一款基于網頁的原型交互設計工具,制作一個在線原型只需4步:創建一個項目、上傳視覺設計稿、添加鏈接以及在線生成原型。準確來講,InVision不是一個“典型”的原型工具,而是提供一個快速制作原型的環境,可以把UI/UX草圖快速連接起來。

特色:

Web項目可以很好實現團隊協作,支持在線評論和審閱、便于收集反饋意見,針對IOS開發,還支持自定義屏幕圖標和加載頁面。

缺點:

PDF導出支持能力差,無法獨立創建線框圖或UI元素,響應類功能缺失,免費版本只能創建一個項目。

原型展示:

https://marketplace.invisionapp.com/

最后,附上一張原型工具評價總覽圖,希望在你選擇原型工具時有所幫助。


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,967評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,273評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 175,870評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,742評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,527評論 6 407
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,010評論 1 322
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,108評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,250評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,769評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,656評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,853評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,371評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,103評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,472評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,717評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,487評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,815評論 2 372

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,611評論 25 708
  • 張怡寧退役多年,如今被廣大網友稱為“魔王”。但在當時卻以“冷面殺手”馳譽世界乒壇。當人們把張怡寧與王楠相比時,往往...
    那個連名字都不能提的人閱讀 1,331評論 1 9
  • 閃爍的路燈下, 一顆惴惴不安的心, 在不停地跳動。 那是我生命的吶喊, 那是在向世界宣戰。 ...
    樂陵君閱讀 75評論 0 1
  • Boom Boom Ba. 我站起身,去關窗戶,才發覺,不知覺已變了天,風吹進來,有種徹骨的冷。 那煙圈早已...
    嘉城洛歡閱讀 200評論 0 1
  • 困難中的慰藉 既然如愿以償是幻想,智者就應該致力于避免痛苦而不是追求快樂,如叔本華勸導的那樣,"悄然退居一室,與災...
    拾荒者Sylvia閱讀 259評論 0 0