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

12 評(píng)論 27583 瀏覽 53 收藏 4 分鐘

如何高效輸出移動(dòng)app產(chǎn)品原型? 清晰的產(chǎn)品思路,順暢的協(xié)同合作,齊備的素材元素,真實(shí)的體驗(yàn)感受…保證過程的高效,更要保證有效的成果。下面我們將分三步走,來完成高效輸出移動(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的登錄注冊(cè)為例:

gbz02gbz02gbz02

這樣的一個(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ǔ)組控件截圖如下:(組控件下載地址

gbz03

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

gbz04

關(guān)于設(shè)計(jì)上很多細(xì)節(jié),大家可以參看書籍【方寸指間——移動(dòng)設(shè)計(jì)實(shí)戰(zhàn)手冊(cè)】,里面涉及到很多最基本的移動(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,完成注冊(cè),將高保真原型以圖片的方式倒入,通過鏈接和轉(zhuǎn)場方式選擇,就可以很方便在手機(jī)上查看。網(wǎng)站提供了比較具體的指導(dǎo),大家可以直接查看。

gbz06

source:taobaoUED

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 注冊(cè)不了,給的網(wǎng)址有點(diǎn)傷心。

    來自上海 回復(fù)
  2. 下載地址2:http://pan.baidu.com/s/1kTjy1Xd

    來自北京 回復(fù)
  3. 下載不了組件

    來自四川 回復(fù)