對于許多剛剛開始接觸原型設計的設計師而言,很容易混淆線框圖(Wireframe)、視覺稿(Mockup)和原型(GOOGLE PRototyping)這三個基本概念。在許多項目和相關文章中,這些概念經(jīng)常被混用。雖然在功用上,三者有許多相似點,然而差異也非常明顯。線框圖是一種低保真的靜態(tài)設計稿,它勾勒出布局輪廓,但是缺少細節(jié)。
視覺稿則是算得上是接近于高保真的設計稿,其中擁有大量的視覺信息和細節(jié)呈現(xiàn),但是它依然是靜態(tài)的。原型和視覺稿接近,是接近于高保真的設計稿,但是原型是動態(tài)可交互(each other)的,一些后期的、完成度極高的原型設計甚至和最終的產(chǎn)品看起來相差無幾,因為它們不僅擁有精細到位的視覺設計,同時還模擬(定義:對真實事物或者過程的虛擬)出了理想中的用戶訪問體驗。不過,許多原型并不一定得做的非常的好看,它最主要的的功能是還原并呈現(xiàn)設計思路,它需要是可運行、可交互的,這是核心(core)。一個典型的原型設計工作流大概是這個樣子的:繪制頁面流程。呈現(xiàn)出用戶可能(maybe)會如何瀏覽頁面或者APP。創(chuàng)建低保真原型,為每個頁面創(chuàng)建多個不同的版本,進行可用性測試(TestMeasure),搜集相關的數(shù)據(jù)(data)和用戶反饋(feedback)。 完善原型的細節(jié)和真實度,向著最終產(chǎn)品的外觀靠攏。在增加細節(jié)之前,請確保原型的功能已經(jīng)得到完善,并足以滿足需求。
都說工欲善其事必先利其器,那么,有哪些優(yōu)秀(解釋:出色、非常好)的原型設計值得推薦呢?
InVision有多優(yōu)秀(解釋:出色、非常好)?Twitter和 Uber在用它,福布斯推薦它,而財富榜百強企業(yè)都在用它來設計產(chǎn)品。InVision 將產(chǎn)品設計流程中的每一個環(huán)節(jié)都進行了細化,讓協(xié)作成為了流程的核心(core),讓團隊中每個人都能圍繞(circumfuse)著項目推進緊密地合作。InVision 讓團隊可以在瀏覽器中實現(xiàn)實時協(xié)作。如果你想讓你的高保真原型能夠像真實產(chǎn)品一樣運作,如果你想讓你的原型自由無限制地進行測試(TestMeasure),如果你希望你的原型能夠像素完美,那么InVision 應該是最適合你的原型工具,哪怕你沒有一點編程和代碼(code)知識。
如果你不想在產(chǎn)品開發(fā)流程中放棄線框圖,那么Pidoco 可能(maybe)是更好的選擇。和InVision 不同,Pidoco 真正的核心(core)優(yōu)勢(解釋:能壓倒對方的有利形勢)在于設計出強交互(each other)性的UX原型。在Pidoco 的協(xié)助下,你能創(chuàng)造出可用來展示、完全可操作的原型,支持手勢操作、過渡(transition)動效、鍵盤(Keyboard)錄入等多種復雜交互(each other),它可以為你帶來理想的移動端演示原型。你可以在瀏覽器、iOS和Android 設備上實時演示你的原型,Pidoco 的智能(intelligence)模板使得原型的設計和搭建(指搭蓋、建立)極其快速而便捷,這也使得它簡單易學,將它介紹給團隊成員并作為主要的工具之一絕不會是麻煩的事情。由于Pidoco 主要是在云端運行,所以你不需要安裝過程(procedure),只需要登錄、同步、演示就好了。同樣的,Pidoco 不需要你具備代碼(code)知識,上手很快的哦。
GOOGLE PRoto.io 是一款專門的移動端原型設計平臺,它不僅能幫你搭建(指搭蓋、建立)可交互(each other)的原型,可以能用來測試(TestMeasure)和模擬(定義:對真實事物或者過程的虛擬)移動端APP。Proto.io 能運行于絕大多數(shù)的網(wǎng)頁瀏覽器,它擁有一個用來管理整個項目的控制(control)面板,一個專用的編輯(Editor)器,以及專門運行原型的播放器。這些工具使得你可以在iOS和Android 設備上測試你所設計的原型。在使用編輯器搭建原型的過程中,用戶可以查看并參與進來,通過交互和體驗之后,給予設計者以反饋(feedback)。來自IDE
O、迪士尼、PayPal 的設計師目前都在使用GOOGLE PRoto.io 設計原型。
常熟app開發(fā)以服務客戶滿意為第一準則,Proto.io 不僅加快了他們的設計工作,而且避免了開發(fā)過程中犯錯的可能(maybe)帶來的高昂代價。如果你想更快地將產(chǎn)品推向市場,Proto.io 所提供的解決方案應當能夠讓你事半功倍。
如果你的產(chǎn)品從研發(fā)到發(fā)布都是采用標準的HTM
L、CSS和JS的代碼(code),那么Webflow 能夠為你提供從原型設計到最終交付一條龍的服務。常熟app開發(fā)以服務客戶滿意為第一準則,借助Webflow 設計的頁面都是響應式的,當你打算將它展示給團隊成員、客戶和其他利益相關者的時候,發(fā)送一個鏈接就可以了。Webflow 是一款針對網(wǎng)頁端的高素質(zhì)原型設計工具,版本控制(control)和迭代升級永遠不是問題。從原型、設計到開發(fā),逐步(step by step)推進,步步為營。
如果你是PowerPoint 用戶,那么這款原型工具會是你的菜。常熟app開發(fā)是指專注于手機應用軟件開發(fā)與服務。 PowerMockup 是一款PowerPoint中運行的原型工具包,有了它,你可以借助PPT直接設計制作出可運行、能交互(each other)的原型,絕對有說服力。借助PowerMockup 來設計原型并不復雜,你所需要做的就是從PowerMockup 的庫當中選取合適的形狀和控件(對數(shù)據(jù)和方法的封裝),托拽到PPT背景上,制作成合理的布局。結合PPT當中的動效和交互功能,一個可靠的原型就能搞定了。
如果你一直在尋找一款簡單易用、擁有全部正確功能的原型工具,那么不妨試試HotGloo。作為一款屢獲殊榮的原型設計工具,HotGloo 能為你提供舒適的設計環(huán)境,幫你在瀏覽器中設計出交互(each other)生動而有趣的原型。當你開始使用HotGloo的之后,你同時擁有了其中內(nèi)置的2000+ UI控件(對數(shù)據(jù)和方法的封裝),多賬戶授權能夠方便你與同事進行協(xié)同,同事能夠針對移動端優(yōu)化,測試(TestMeasure)你的設計效果,并且能夠動態(tài)地添加注釋。除此之外,HotGloo還擁有完整的文檔說明,詳細的視頻教程,還有在線論壇供大家討論。
Lucidchart 可能(maybe)是目前市場上最好的圖表和線框圖設計解決方案。它不僅僅能幫你完成工作流程圖和思維導圖,還能將你設計的圖表和線框圖快速地轉(zhuǎn)化為可交互(each other)的原型,并且能用作展示和測試(TestMeasure)之用。有了Lucidchart ,創(chuàng)建大型、復雜的線框圖就再也不是問題了,內(nèi)置的協(xié)同服務讓你可以更加便捷地同團隊成員和客戶進行合作。Lucidchart 本身是一個基于云服務的APP,能夠和 Google ApPHOTOSHOP 、Google Driv
E、Confluenc
E、Jive以及 JIRA 進行聯(lián)動和協(xié)同。
總結:原型設計工具都只是手段,選擇合適的工具即可,更重要的是原型設計的思路。