如何高效輸出移動(dòng)app產(chǎn)品原型？

一、輸出以界面為單位的產(chǎn)品流程圖

　　高效輸出，首先要保證產(chǎn)品的整體思路要正確，這點(diǎn)可以從產(chǎn)品流程圖中體現(xiàn)出來。移動(dòng)產(chǎn)品需要做到聚焦，因?yàn)槭謾C(jī)界面的大小，用戶的碎片化使用等等，所以一個(gè)界面上必然不可能出現(xiàn)太多的內(nèi)容和行動(dòng)點(diǎn)，這就保證了我們可以用最簡潔的方式來畫流程。以界面為單位，定義 “界面標(biāo)題”和“主要內(nèi)容”，如下圖所示：

　　如何利用起這樣的界面單位來畫流程，下面以一個(gè)app的登錄注冊為例：

　　這樣的一個(gè)產(chǎn)品流程圖，可以快速了解產(chǎn)品有多少界面，檢驗(yàn)用戶路徑是否太長，形式簡單，也方便討論修改。

　　二、使用可修改的基礎(chǔ)原型控件

　　如何快速產(chǎn)出高保真原型?一套備用的基礎(chǔ)原型組控件必不可少。大部分設(shè)計(jì)師一般使用axure來完成產(chǎn)品原型，所以從協(xié)同合作的角度，本文專門在axure里制作了整套最常用的移動(dòng)產(chǎn)品組控件。設(shè)計(jì)師只要改文字，改顏色，擺位置就可以完成簡單的高保真原型。 基礎(chǔ)組控件截圖如下：下載地址

　　以此控件為基礎(chǔ)，在之前提到的app登錄注冊例子，快速組件高保真原型，如下圖:

　　關(guān)于設(shè)計(jì)上很多細(xì)節(jié)，大家可以參看書籍【方寸指間——移動(dòng)設(shè)計(jì)實(shí)戰(zhàn)手冊】，里面涉及到很多最基本的移動(dòng)設(shè)計(jì)知識(shí)。

　　三、制作可點(diǎn)擊的動(dòng)態(tài)原型

　　完成高保真原型，根據(jù)流程圖，可以很方便制作出在手機(jī)上可體驗(yàn)的動(dòng)態(tài)效果，讓產(chǎn)品人員或則用戶真實(shí)感受app實(shí)際的效果。這里推薦一個(gè)特別簡單的方法，登錄www.flinto.com，完成注冊，將高保真原型以圖片的方式倒入，通過鏈接和轉(zhuǎn)場方式選擇，就可以很方便在手機(jī)上查看。網(wǎng)站提供了比較具體的指導(dǎo)，大家可以直接查看。

　　看完這篇文章，小編還是要嘮叨一句：交互原型，重在把設(shè)計(jì)思想傳達(dá)出來，逼真的效果固然很重要，但千萬不要沉迷于一些看起來很酷炫的效果，往往一句注釋就可以說明清楚的問題，干嗎還要花幾小時(shí)甚至更多的時(shí)間去制作很逼真的效果。

文章題目：如何高效輸出移動(dòng)app產(chǎn)品原型？
路徑分享：http://www.muchs.cn/news28/171978.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、ChatGPT、網(wǎng)站制作、標(biāo)簽優(yōu)化、網(wǎng)站設(shè)計(jì)、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)