设计师和程序员与UXPin原型设计平台合作
UXPin是世界領先的用戶界面設計平臺之一。由于其獨特的基于代碼的技術,世界各地的公司都可以以之前未知的速度和準確性為現實體驗制作原型。在這次采訪中,首席執行官Marcin Treder解釋了協作設計的概念,以及它如何使具有不同背景的團隊能夠快速高效地完成任務。
請描述UXPin的背景、愿景和發展
為了報道UXPin的早期,我們必須回到過去一段時間!
回到2010年,我有幸在波蘭一家快速發展的電子商務初創公司領導用戶體驗設計團隊。該公司當時正在進行首次公開募股,但在產品開發方面確實遇到了困難。這一挑戰是由缺乏設計-工程合作造成的。設計師和工程師被糟糕的流程和壞習慣分隔開來,這使得合作幾乎不可能。
為了應對這一挑戰,我和兩位同事開始為設計師和工程師組織聯合設計研討會。我們通過展示最近可用性研究的發現開始了每一個研討會,隨后,我們鼓勵房間里的每個人在紙上為觀察到的用戶痛苦起草一個解決方案。這些研討會成為討論設計師和工程師之間合作的熱門場所。通過合作,兩個小組都發現他們非常關心向用戶提供的精彩體驗。
雖然每個人都喜歡這段對話,但很多人都很難畫草圖。繪制一幅干凈的草圖需要一定程度的繪畫技巧,但并不是每個人都能做到。為了公平競爭,我們提出了一種新的紙張原型制作方法,包括使用帶有打印設計組件(如輸入、按鈕等)的便簽和帶有web瀏覽器圖像的紙張。人們不是在畫草圖,而是在用現成的元素制作紙質原型!
在研討會期間,這種有趣的方法開始非常有效,我們決定將其轉化為產品。很快,我們創建了一個帶有一組通用用戶界面組件的記事本,打印在便箋上,以及一個帶有瀏覽器的記事本,打印在A4頁上。我們把記事本叫做UXPin。
11月11日,我們向全世界宣布了UXPin,令我們驚訝的是,我們在48小時內售出了400個筆記本。突然之間,我們的紙質原型方法被谷歌、蘋果和IBM等公司采用。我們非常驚訝。
1一年后,在客戶的鼓勵下,我們開始開發我們的記事本的數字版本——協作設計與原型平臺(2011年12月推出),UXPin就是以它聞名于世的。
8年后,我們繼續致力于縮小設計師和工程師之間的差距。UXPin如今提供了市場上最全面的基于代碼的設計工具。請解釋一下協同設計的概念。它是如何工作的,有什么好處
構建任何數字產品都是一項高度復雜的任務,至少需要對用戶的技術和心理有深入的了解。為了掌握這兩個領域,必須召集一組專家,他們必須找到一種方法,從第一天開始高效地合作。
這就是協同設計進入階段的地方。通過鼓勵不同背景的人理解用戶的問題,并允許創造性地表達可能的解決方案,協同設計開啟了一個高效的產品開發過程。
UXPin從一開始就介紹了這個過程。團隊的每個成員都可以同時線框和原型想法(就像谷歌文檔一樣?。粨Q想法和意見。UXPin為創意的發展提供了空間,并將其轉化為偉大的產品。
這里有一些可視化幫助你理解它是如何工作的:
https://files.uxpin.com/homepage/videos/home-design-anything.mp4
請描述UXPin的典型用例場景
您并不是真的在談論UXPin的典型場景,但讓我來告訴您這將如何適用于我提到的合并技術。我們的設計師想要建造現場項目,我們提供了這樣做的可能性。通過將您的設計庫與Merge同步,設計師可以立即處理編碼組件并開始工作。因此,例如,為應用程序構建日歷小部件或功能現在非常簡單,因為所有交互(即為特定日期設置提醒)都在日歷組件中編碼。所以設計師只是利用它(改變屬性、顏色等),而不是一堆靜態的藝術板,他們可以展示一個活生生的原型。所以我們的“用例”更多的是邀請更多的人坐到桌子上,幫助他們意識到他們不必分開工作。
你覺得現在哪些技術最有趣,為什么
我對任何有助于彌合設計師和工程師之間差距的技術都非常興奮。我相信這種差距構成了現代產品開發中最大的問題。讓我舉兩個例子。首先,我們自己的UXPin合并。UXPin Merge是一種技術,它將我們的設計和原型編輯器直接與生產代碼庫連接起來,并將具有所有樣式和交互的代碼組件直接導入編輯器。幾秒鐘之內,設計師就可以使用生產代碼來構建新想法,而且……他們不必知道如何編寫代碼。在我看來,這是與現有平臺保持一致的新想法原型化的最快過程。Merge目前處于封閉測試階段,與React合作。僅限js存儲庫。第二,我是谷歌顫振的忠實粉絲。Flatter允許工程師使用單個代碼庫,并將本機代碼發送到各種平臺,包括iOS和Android。與React Native不同,它不涉及web視圖。Flatter編譯為純本機代碼,這意味著頂級性能可以在創紀錄的開發時間內實現。
總結
以上是生活随笔為你收集整理的设计师和程序员与UXPin原型设计平台合作的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 线上防雪崩利器——熔断器设计原理与实现
- 下一篇: png图片结构分析与加密解密原理