原型設計
⑴ 原型設計有什麼要點么
學習ui設計,原型架構圖的設計最主要的還是要理清楚客戶的需求,如果客戶需求分析不到位,是無法動工畫原型架構圖的
畫原型圖不是什麼困難的事情,理解客戶需求,分析客戶的需求才是要點呢
⑵ 有比axure更好用的原型設計嗎
轉載的,你可以看看。
《你知道Axure做交互能有多慢?》
Axure在筆者心目中是一款偉大的老牌產品。對於從2003年就開始專注在原型設計工具這個領域的專家,筆者非常敬重。本文並無猥褻之意。
當然,這個「偉大」僅僅限於英文中的那個「great」,而非中文的「偉大」。老外是很容易說「great」,那麼就用這個詞給它。咱們國人的「偉大」其實不能隨便給,所以得廢話兩句來說明。
說正題,交互設計是我們原型設計中很重要的一部分, 是否能夠快速搞定?設計的效率如何?是否簡單易用?很大程度上決定了我們在原型設計上花費的時間和成本。
Axure做交互有多慢?
快慢是相對的,我們不妨用另一款工具做個對比吧,既然Mockplus和Axure都自稱「快速原型設計工具」,那我們就來看看。
問題1:設置交互有多慢?
設置交互,是完成一個交互設計的開始。
Axure - 彈窗篩選,多步設置
做任何一個交互,需要在圖中的彈窗中,在一堆事件和一大堆的頁面組件中去找到一個交互目標。
我看過幾本關於Axure的書籍,其中都提到一個「精要」,就是反復提醒你:在做交互的時候,一定不要忘記給每個組件取個名字——為什麼呢?因為做交互的時候不好找。
在最新的Axure 8 中,特意把設置組件名字的輸入框單獨放出來,然後做得很大,就是要善意地告訴你:「哥,別忘了先取名字哦,不然,到時候你找不到哦」。
重要的事情說三遍,咳,咳。
結語
當你計劃去設計一個網站或者App時,可能會選擇那些「盡人皆知」的原型設計工具,它們很「強大」。可是,在其面面俱到的背後,我們看到了緩慢、臃腫、復雜、難懂——其實,我反而認為簡單快速就是強大。
用最小的代價得到你要的,這個,就是我們經常嘮叨的「用戶體驗」。
⑶ 原型設計是什麼,該怎麼使用它
我們首先明確兩個定義:
原型的定義:
用線條、圖形描繪出的產品框架,也稱線框圖。
交互設計的結果輸出,可能是一張紙上的幾張圖;原型代表著交互設計的結果,當最終實現的時候,交互流程會和原型保持一致;可以理解為草稿或者叫做參照物
原型是一種讓用戶提前體驗產品、交流設計構想、展示復雜系統的方式。就本質而言,原型是一種溝通工具。
原型設計的定義:
線框圖描繪的是頁面功能結構,它不是設計稿,也不代表最終布局,線框圖所展示的布局,最主要的作用是描述功能與內容的邏輯關系。
原型圖是最終系統的代表模型或者模擬,比線框圖更加真實、細致。
其次,了解原型設計的作用,主要有兩點:
溝通: 因為是原型是需求和功能的具象化表達,所以原型可以輔助產品經理與領導、交互、UI和技術的溝通產品思路。雖然需求文檔也是可以滿足溝通需求的,通過用例將交互寫到設計描述文檔中,但是原型可以更詳細地解釋交互。
測試:因為原型相較於UI稿來說修改更方便,所以原型能提高產品經理的功能設計沒通過評審時返工的工作效率。沒有哪一家互聯網公司可以不經過測試,就直接上產品和服務。原型在識別問題、減少風險、節省成本等方面有著不可替代的價值。
該如何使用原型設計,那麼原型設計工具就是必不可缺的。
又選擇什麼工具來製作原型?主要考慮以下幾個因素(排名分先後):
1. 熟悉程度和獲得工具的便利度;
2. 所需的時間和精力;
3. 可復用的代碼/框架;
4. 為測試創建可用的原型;
5. 價格和學習曲線。
目前比較好用的在線原型設計工具有Marvel,Invision,墨刀等等。
希望對你幫助~
有任何疑問可以追問,滿意請採納,謝謝~
⑷ 常用快速原型設計工具大比拼,原型設計工具哪個好用
「好用」這個詞本身就帶有主觀性。只要自己熟悉的,並且掌握好的都是「好用」。只能給你推薦目前比較常用的原型設計工具,如:Axure、墨刀、uidesigner、Sketch等等。
⑸ 名詞解釋:什麼叫軟體原型
軟體原型(software prototype)是軟體的最初版本,以最少的費用、最短的時間開發出的、以反映最後軟體的主要特徵的系統。
它具有以下特徵
1、它是一個可實際運行的系統
2、它沒有固定的生存期。一種極端是扔掉原型(以最簡便方式大量借用已有軟體,做出最後產品的模型,證實產品設想是成功的,但產品中並不使用);
另一種極端是最終產品的一部分即增量原型(先做出最終產品的核心部分,逐步增加補充模塊),演進原型居於其中(每一版本扔掉一點,增加一點,逐步完善至最終產品)。
3、從需求分析到最終產品都可作原型,即可為不同目標作原型。
4、它必須快速、廉價。
5、它是迭代過程的集成部分,即每次經用戶評價後修改、運行,不斷重復雙方認可。
(5)原型設計擴展閱讀
在"需求分析"、"原型設計"兩個階段中,開發者和用戶一起為想像中的系統的某些主要部分定義需求和規格說明,並由開發者在規格說明級用原型描述語言構造一個系統原型。
它代表了部分系統,包括那些為滿足用戶需求的必要屬性。該原型可用來幫助分析和設計工作,而不是一個軟體產品。
在演示原型期間,用戶可以根據他所期望的系統行為來評價原型的實際行為。如果原型不能滿意地運行,用戶能立刻找出問題和不可接受的地方,並與開發者重新定義需求。該過程一直持續到用戶認為該原型能成功地體現想像中的系統的主要部分功能為止。
在這期間,用戶和開發者都不要為程序演算法或設計技巧等枝節問題分心,而是要確定開發者是否理解了用戶的意思,同時試驗實現它們的若干方法。
有了滿意的系統原型,同時也積累了使用原型的經驗,用戶常會提出新目標,從而進一步重新原型周期。新目標的范圍要比修改或補充不滿意的原型大。
⑹ 產品經理該不該畫原型原型設計上誰負責
如果是放到以前,我不建議你去畫原型,因為畫原型是非常耗時間的,而且客戶需求並不能很好地表達出來,導致畫出來的原型改了一遍又一遍,作為產品經理,時間肯定不能放到這里。
但是現在市面上有很多原型設計工具,可以在工具內拖拉拽模塊或者通過大量模版集合,現場快速生成產品模型,可視化操作讓客戶思維得以具現化,高保真度還原需求,同時支持團隊協作辦公,需求即提即改,大大縮短交流成本和交付周期。
我常用的原型設計工具有v-proto,自己對比一下使用習慣選擇合適的原型設計工具。
⑺ 小程序開發如何做原型設計
1.原型設計工具
根據設計者的專業程度,可以將原型設計工具分為兩大類,一是專業原型設計工具,二是非專業原型設計工具。專業的原型設計工具常用的就是墨刀和Axure,墨刀是一款在線原型設計工具,其優點是雲辦公模式,支持協同設計,即時保存,不用擔心因電腦斷電或故障而導致設計內容丟失,其缺點是組件豐富程度不高。
Axure是電腦端的原型設計工具,其優點是組件豐富,功能比較強大,使用用戶群體較大,其缺點是設計內容要及時保存,否則會因電腦斷電或故障而導致設計內容丟失,給用戶帶來一定的困擾。非專業的原型設計工具有PPT和紙,PPT也是一個簡單的制圖軟體,能讓用戶實現簡單的原型設計,其優點是簡單易學,缺點是頁面交互功能不強;紙是大部分用戶都可以用的原型設計工具,其優點是簡單方便,專業和非專業的人士都可以通過紙將原型想法表示出來,缺點是保存和後期使用不方便。
2.原型設計的內容
原型設計主要包括三個方面的內容:一是頁面設計,二是交互設計,三是備注設計。頁面設計是原型設計的主要內容,包括對產品所有頁面的原型設計;交互設計是指頁面與頁面之間的鏈接和跳轉;備注設計是指對頁面設計,交互設計,程序功能,跳轉結果,出錯提示等的設計。
原型設計是產品需求設計與UI設計之間的橋梁,是產品開發的一項重要基礎工作,直接決定了產品界面的布局,影響產品的使用效果。
⑻ 原型設計的簡介
原型設計:
線框圖描繪的是頁面功能結構,它不是設計稿,也不代表最終布局,線框圖所展示的布局,最主要的作用是描述功能與內容的邏輯關系。
原型圖是最終系統的代表模型或者模擬,比線框圖更加真實、細致。
原型設計的目的:
原型設計的核心目的在於測試產品,沒有哪一家互聯網公司可以不經過測試,就直接上產品和服務。
原型在識別問題、減少風險、節省成本等方面有著不可替代的價值。
雖然需求文檔也是可以滿足溝通需求的,通過用例將交互寫到設計描述文檔中,但是原型可以更詳細地解釋交互。
目前比較好用的在線原型設計工具有Marvel,Invision,墨刀等等。
希望對你有幫助~歡迎追問~
⑼ 請問:什麼叫原型設計工具
是在項目分析階段,用來做頁面模板的,用它做出靜態HTML很方便,可以直接用滑鼠拖出要用的組件,放在相就的位置上就可以了,也可以實現簡單的頁面跳轉,在初期階段可以用它來對整個業務流程作出頁面上一些簡單的功能,基本上的工具都可以導出生成HTML代碼,用原型工具做出的頁面直觀而且比較美觀,總之用原型設計工具做簡單的頁面開發很方便就對咯,我現在也只是剛開始用,現在用的是GUI Design Studio,很強大的工具。
⑽ 標題:原型設計中的低保真原型和高保真原型區別是什麼
「原型」對創造成功的用戶體驗至關重要。但是對許多產品團隊來說,原型仍然是UX設計過程中最令人困惑的部分之一。毫無疑問,原型可以是任何東西,從一系列代表app的不同界面或狀態的紙質草圖,到功能齊全、像素完美的app。
同時,了解原型設計主要與產品研發速度有關—目標不是創建可重用代碼,而是盡快落地一個可交互的設計。
先說什麼是低保真原型和高保真原型之前你要先明白下面的幾個問題。
什麼是「原型」?
我們經常在不同的背景里看到「原型」這個詞。 由此,我們很可能已經混淆它的真正含義。
它最基本的含義:原型是設計想法的表達。原型讓設計師們得以展現他們的設計,以及模擬真實的使用場景。在數字化的背景下,原型能夠模擬用戶與界面之間的最終交互行為。根據產品團隊的需求,原型可以模擬整個app或僅單個交互行為。原型可以模擬最終產品的運作方式。它支持產品團隊測試其設計的可用性和可行性。也有很多人將原型與草圖,線框圖和模型混淆,實際上它們不同於原型。「交互性」這個概念是原型的根本,因此這就是為什麼草圖,線框圖和模型不能被視為「原型」的理由。
為什麼我們需要原型?
做原型主要是為了在做實際產品之前測試設計(和產品創意)。 是否進行測試與產品的成功直接相關。 不用想,當產品在市場上上市,人們開始使用它時,你的設計將被用戶測試。如果這是首次測試,則很有可能會有來自用戶的負面反饋。因此,在低風險的研究階段和公開發布之前收集產品反饋,總是更好。
以下是需要原型的兩種情況:
確保設計理念按預期進行。 在大多數情況下,讓實際用戶測試產品概念是相對容易的。一旦用戶拿到一個可以交互的產品原型,產品團隊就能夠看到目標受眾是如何使用該產品。 根據這些反饋,可以調整初始理念。
確定用戶能夠順利地使用產品。原型的必要性是在產品發布前發現和解決可行性問題。它能測試出產品需要改進的地方。這也是之所以那麼多產品團隊創建原型,讓用戶測試它們,並迭代設計直到它足夠好的原因。
什麼是「保真度」?
原型不一定要看起來像最終產品——它們可以有不同保真度。原型的保真度指的是它如何傳達最終產品的外觀(也就是指它的細節和真實感級別)。
保真度可以在以下方面有所不同:
視覺設計
內容
交互性
低保真
高保真
原型的類型有很多,基本介於這兩種類型之間。
產品團隊根據原型設計的目的、設計完整性和可用資源來選擇原型的保真度。
低保真原型
低保真(lo-fi)原型設計是將高級設計概念轉換為有形的、可測試物的簡便快捷方法。它首要的也是最重要的作用是——檢查和測試產品功能,而不是產品的視覺外觀。
一個高保真互動式原型, 通過墨刀製作
高保真原型的基本特徵包括:
視覺設計:逼真細致的設計 – 所有界面元素、間距和圖形看起來就像一個真正的app或網站。
內容:設計人員使用真實或類似於真實內容。原型包括最終設計中顯示的大部分或全部內容。
交互性:原型在交互層面非常逼真。
優點
可用性測試期間獲取有意義的反饋。對於用戶來說,高保真原型通常看起來像真正的產品。這意味著,在可用性測試會話中,測試參與者將更有可能自然地表現——就好像他們正在與真實產品交互一樣。
對特定 UI 元素或交互的測試。藉助高保真交互性,可以測試平面元素,或特定交互, 比如動畫過渡和微交互。
輕松獲得客戶和利益相關者的認同。這種類型的原型也適合向利益相關者演示。它使客戶和潛在投資者清楚地了解產品應該如何工作。一個優秀的高保真原型讓人們對你的設計感到興奮,但低保真的原型則不然。
缺點
成本較高。 與低保真原型相比,創建高保真原型意味著更高的時間成本和財務成本。
熱門技術
使用專業軟體創建的數字原型,數字原型是最常見的高保真原型形式。如今,各種專業軟體使設計人員能夠創建充滿互動效果和復雜動畫的視覺豐富、功能強大的原型。