人
已閱讀
已閱讀
APP開發原型設計的一些技巧
來源:m.bqtao.cn ?? ?? 發布時間:2019-05-17
產品經理在APP開發前要進行需求分析以及產品原型設計,目前大多數產品經理使用的原型設計工具基本上都還是用axure,在使用axure制作原型的過程中,我們也整理了一些有用的技巧分享給大家。

一、保持原型的組織性和命名規范
Axure提供了許多選項來保持項目的組織性。
比如頁面快照可以讓你快速組織一個樹狀結構,母版在命名后可以排序等等。
規范的命名是原型被容易理解和維護的關鍵所在,任何一個頁面一定要與最終研發出來的產品一致。
比如訂單詳情頁,登錄頁,這些都是非常規范的命名。在原型維護時,就可以通過搜索框快速定位。——效率值千金。
實際上,規范的命名應該下沉到元件級。
更為理想的情況下,下游可以直接延續上游的定義規則,整個團隊可以基于一個通用的語言來構建整個團隊流程。
在項目發生意料之外的事情時,規范性的原型設計,可以幫助他人順利地介入然后接管事務,以便保持項目的健康。
理想狀態下,一個原型應該是清晰易懂不需要解釋的,特別是在跨地區協作的時候。
Axure提供了許多選項來保持項目的組織性。
比如頁面快照可以讓你快速組織一個樹狀結構,母版在命名后可以排序等等。
規范的命名是原型被容易理解和維護的關鍵所在,任何一個頁面一定要與最終研發出來的產品一致。
比如訂單詳情頁,登錄頁,這些都是非常規范的命名。在原型維護時,就可以通過搜索框快速定位。——效率值千金。
實際上,規范的命名應該下沉到元件級。
更為理想的情況下,下游可以直接延續上游的定義規則,整個團隊可以基于一個通用的語言來構建整個團隊流程。
在項目發生意料之外的事情時,規范性的原型設計,可以幫助他人順利地介入然后接管事務,以便保持項目的健康。
理想狀態下,一個原型應該是清晰易懂不需要解釋的,特別是在跨地區協作的時候。
二、學會使用母版
任何工具,包括紙和筆,都只是將你的想法,傳遞給別人的一種形式或是工具。
不要在這個環節投入過多不必要的精力,盡可能的設計模塊化、繼承化的東西。
母版正是這種思路的完美體現。
任何一個App都有很多頁面,多數情況下頁面的結構是一致的,不同的是頁面元素。而且還有一些功能,也會在不同的頁面出現。
有的人就不假思索的直接復制粘貼來完成這項工作,不但效率低,而且容易出錯。
更好的做法就是制作一個母版,直接拖拽極可。母版設計實例
母版可以理解為一個可以復用的頁面,你在設計頁面的所有元件、交互和技巧都可以在母版中使用。
母版設計好,可拖放在頁面的任何位置,統一修改維護,母板有更新,所有用到該母版的頁面都會更新。整個原型的維護更新就會變成非常便捷,而且不會出錯。
母版的另外一個好處是可以觸發事件,在一些情況下,通過母版觸發事件是非常高效的設計方法。但是,不要把過大的組合對象變成母版,而是應該把多個母版變成一個組合對象。
三、系統自帶的元件足夠完成絕多數的設計
元件作為axure的基礎,是表達原型的基本元素。
一個完整的元件庫,能夠讓你的原型看起來更真實。很多人就開始熱衷建立一個自己的 Axure 組件庫,網上也能找到大量的元件庫。
但實際上,你很可能并不需要這么做。
大多數情況都可以通過自帶的元件庫完成工作,更激進一點的方式,直接用占位圖即可。
對原型而言,絕大多數都不需要(也不應該)去追求原型的仿真美觀程度,而應該在于表達思路,完善想法上面,icon這一類的工作是設計師的范圍。
樸素原型實例
對PM而言,用最樸素的方式表達產品思路更重要,也就是你并不需要為原型付出額外的精力。
四、一個元件可以搞定的事情,絕對不用兩個
axure的原型因為是元件組成,所以當你每添加一個元件到你的項目中,也就意味著未來的維護需要耗費更多時間。
因此,原型一定要簡化。
一個元件可以搞定的事情,絕對不用兩個,多一分力氣都不要花在“原型”的設計上。
這一點實際上要求你對工具的每一個特性都非常熟悉。
比如在button上再組合一個文本標簽,這樣帶來的麻煩是修改命名、設置交互,甚至移動都是需要操作多個元件,而且導致元件文件過于臃腫。
這種做法很常見。
還有一種奇怪的現象就是,使用兩個面板實現互斥性操作。A面板操作B面板,這種設計在多數情況下都是蹩腳設計。
這種情況可能是對面板的操作還不太熟悉,任何元件都可以直接轉換為動態面板,動態面板可增加多個狀態,直接設置每個狀態的跳轉即可。
設計一個選項卡只需要一個動態面板即可實現,而不是通過多個面板的交互進行切換。
動態面板很常用也很好用,通常都是用來做一些交互動效,比如輪播圖,選項卡等。
但是不要濫用,濫用指的是在不需要的情況使用面板,在可以用的時候又不用。
axure的原型因為是元件組成,所以當你每添加一個元件到你的項目中,也就意味著未來的維護需要耗費更多時間。
因此,原型一定要簡化。
一個元件可以搞定的事情,絕對不用兩個,多一分力氣都不要花在“原型”的設計上。
這一點實際上要求你對工具的每一個特性都非常熟悉。
比如在button上再組合一個文本標簽,這樣帶來的麻煩是修改命名、設置交互,甚至移動都是需要操作多個元件,而且導致元件文件過于臃腫。
這種做法很常見。
還有一種奇怪的現象就是,使用兩個面板實現互斥性操作。A面板操作B面板,這種設計在多數情況下都是蹩腳設計。
這種情況可能是對面板的操作還不太熟悉,任何元件都可以直接轉換為動態面板,動態面板可增加多個狀態,直接設置每個狀態的跳轉即可。
設計一個選項卡只需要一個動態面板即可實現,而不是通過多個面板的交互進行切換。
動態面板很常用也很好用,通常都是用來做一些交互動效,比如輪播圖,選項卡等。
但是不要濫用,濫用指的是在不需要的情況使用面板,在可以用的時候又不用。
五、掌握快捷鍵
組合元件:ctrl+g;
鎖定元件:快捷鍵:ctrl+k;
平移元件:按住shift拖動元件;
復制元件:按住ctrl拖出一個復制的元件;
垂直或水平復制新元件:按住ctrl+shift后拖動元件
組合元件:ctrl+g;
鎖定元件:快捷鍵:ctrl+k;
平移元件:按住shift拖動元件;
復制元件:按住ctrl拖出一個復制的元件;
垂直或水平復制新元件:按住ctrl+shift后拖動元件
以上分享的這些技巧,希望能幫助產品經理們更有效的制作原型圖。