線上服務咨詢
Article/文章
記錄成長點滴 分享您我感悟
移動APP原型設計 - 沈陽APP開發
根據這些年的產品運營經驗,它不一定適合所有移動APP團隊,但它對大多數中小型團隊仍然有價值。移動應用程序原型是一種方法,因此它適用于所有原型軟件,并不僅限于Axure RP。
定保真在正式繪制App原型之前,您需要清楚應該繪制原型的程度。因為它決定了PM的工作量和產品質量。繪制原型的程度取決于上級的要求或團隊的習慣。當然,原型交付標準也可以根據團隊的實際能力和在線要求進行優化。不建議您遵循所謂的高保真,中保真,低保真原型。它似乎非常分歧,實際的概念并不清楚。所以我明確了他們的概念,以便每個人都能理解其中的差異。低保真度=黑白線框,保真度無相互作用=黑白線框,主要交互高保真度=彩色線圖,所有交互通常低保真原型可滿足設計和開發需求。如果你看一下甲方,你可以使用中保真原型。除了B之外,很少使用高保真原型。畫頁面繪制頁面是繪制原型的必備條件。例如,您需要提前確定頁面的大小和位置,但主PM傾向于忽略關鍵步驟。建議使用375×667繪制APP原型頁面,該頁面兼容所有當前屏幕分辨率。請參閱舊文章《為什么375×667是移動端原型的理想分辨率》。如果您的手機是Android,那么也可以使用360×640。其他大小的繪畫頁面可能會影響視覺設計師,他們會產生某些錯誤的視覺印象至于位置,PM注意力較少,但它會影響您在手機上預覽原型的顯示區域。像墨刀,小浦,justmind默認幫助你將位置設置為(0,0),而Axure,mockplus是一個無限畫布,需要PM手動設置。未設置的結果是在手機上預覽原型時很難看到頁面內容。確定頁面大小和位置后,下一步是繪制一個原型為軟件的頁面。請參閱舊文章《如何使用Axure規范的畫出頁面的線框圖》。不特別建議PM在原型階段對頁面中的元素進行著色,這會妨礙視覺設計師的表現。 當然,如果您想提高視覺感受,請在顏色匹配后向視覺設計師輸出黑白線框(Axure支持此類功能)。加交互如果您只繪制所有頁面并將它們交付給設計和開發,那么它無疑是一個低保真原型。建議將主要交互添加到中保真原型的標準中。所謂的主要互動,首先是指頁面之間的跳躍。這很簡單,但它可以顯示整個產品的頁面關系。它允許設計和開發快速評估整個版本需要多少工作。請參閱舊文章《如何正確地畫出頁面流程圖》。其次,您可以在APP中繪制下方導航,上方導航,常見吐司和子彈層,以便每個人都可以輕松了解頁面中的交互式體驗。如果您事先制作APP組件庫然后快速調用它,效率會特別高。不建議以100%繪制所有交互。部分互動特別復雜,浪費了大量時間。最好直接編寫文本的邏輯表示。設定保真度&繪制頁面&加上互動,這是我理解的APP原型的三部曲。據我所知,大多數主要的PM只知道“繪制頁面”的第二步,往往忽略了保真度和交互的重要性。網站建設,沈陽網站建設,沈陽網絡公司,沈陽網站設計,沈陽網站制作