Axure RP基礎(chǔ)篇:原型設(shè)計(jì)經(jīng)驗(yàn)談

摘要:產(chǎn)品原型簡(jiǎn)單的來(lái)說(shuō)就是最終產(chǎn)品設(shè)計(jì)成形之前的一個(gè)大概框架。而對(duì)網(wǎng)站來(lái)講,就是將頁(yè)面模 塊、元素進(jìn)行粗 放式的排版和布局,深入一些的話還會(huì)加入一些交互性的元素,使其更加具體、形象和生動(dòng)。而目前在國(guó)內(nèi)產(chǎn)品經(jīng)理圈中使用最多也是最高效的產(chǎn)品原型工具非 AXURE莫屬,AXURE原型工具看似簡(jiǎn)單易學(xué),但是如果想真正的用好還必須更加深入的去研究和學(xué)習(xí),這里就為大家簡(jiǎn)單的介紹下AXURE的一些使用心 得。
前言
什么是原型呢?
產(chǎn)品原型簡(jiǎn)單的說(shuō)就是產(chǎn)品設(shè)計(jì)成形之前的一個(gè)簡(jiǎn)單框架,對(duì)網(wǎng)站來(lái)講,就是將頁(yè)面模塊、元素進(jìn)行粗放式的排版和布局,深入一些,還會(huì)加入一些交互性的元素,使其更加具體、形象和生動(dòng)。
就我個(gè)人而言,目前使用頻率最多,最高效,交互效果最好的原型工具是axure。今天給大家介紹一些我在工作中使用axure的經(jīng)驗(yàn)。主要從交互設(shè)計(jì)中涉及的三個(gè)主要步驟進(jìn)行說(shuō)明:
一、主要頁(yè)面原型
在進(jìn)行主要頁(yè)面原型設(shè)計(jì)之前,交互設(shè)計(jì)師需要:
- 一份主要的任務(wù)流程圖(此處指的不是“業(yè)務(wù)邏輯流程圖”,而是根據(jù)“業(yè)務(wù)邏輯”產(chǎn)生的“任務(wù)流程”。任務(wù)流程可由產(chǎn)品或是交互出,根據(jù)各個(gè)公司或項(xiàng)目的具體情況而定。)
- 一份主要功能列表(一般由產(chǎn)品經(jīng)理提供)
- 網(wǎng)站信息架構(gòu)(信息架構(gòu)在一些公司是需要交互設(shè)計(jì)師來(lái)完成的)
- 對(duì)于前期調(diào)研結(jié)果的理解
如何做“主要頁(yè)面原型”
1. 在建立項(xiàng)目的初期就開(kāi)始定義Master
項(xiàng)目一開(kāi)始啟動(dòng),如果可以稍微掌握哪些區(qū)塊未來(lái)將是共享區(qū)塊,那么就開(kāi)始建立Master,比如網(wǎng)站的Header / Footer / 導(dǎo)覽選單(Navigation),或者廣告版位等等。越早使用,越可以節(jié)省其它頁(yè)面設(shè)計(jì)的重復(fù)工作。
Master的定義
2.可以應(yīng)用一些Axure RP library
Axure RP官方網(wǎng)站有大量的libraries,可以前往下載。也可以自己制作適合產(chǎn)品的library。
axure部件庫(kù)
3.根據(jù)“任務(wù)流程圖”,“功能列表”將主要的頁(yè)面原型制作出來(lái)。
這時(shí)可以包括一些必要的交互動(dòng)作。一些詳細(xì)的,比如出錯(cuò)提示等交互可以不用考慮。
主要的頁(yè)面列表
用途:
主要的頁(yè)面原型可以用于產(chǎn)品初期的討論會(huì)、測(cè)試以及產(chǎn)品介紹會(huì)。
應(yīng)注意幾點(diǎn):
1.不要加入視覺(jué)設(shè)計(jì)的元素。著眼于大局,不要糾結(jié)細(xì)枝末節(jié)。
在制作原型的初期請(qǐng)把所有精力都放在流程的優(yōu)化和布局設(shè)計(jì)上面吧,不要把時(shí)間浪費(fèi)在視覺(jué)設(shè)計(jì)上,那樣絕對(duì)是得不償失。
因?yàn)槲覀兊脑头桨高€沒(méi)有最終通過(guò),肯定要通過(guò)多次迭代才能確定方案,太多的視覺(jué)設(shè)計(jì)就是浪費(fèi)時(shí)間;
再者,如果原型做的十分逼真,在產(chǎn)品討論會(huì)上,視覺(jué)的元素會(huì)很快抓住大家的眼球,到時(shí)就會(huì)有領(lǐng)導(dǎo)來(lái)質(zhì)疑你的界面是不是該換成藍(lán)色,按鈕是不是再精致一些這樣的問(wèn)題。沒(méi)有人會(huì)專注于你的交互設(shè)計(jì)了。
2.最好在使用axure工具前,用紙和筆畫一些紙面原型,整理一下思路。
3.這個(gè)過(guò)程應(yīng)是快速的,迭代的。
轉(zhuǎn)自: 非原型,不設(shè)計(jì)
- 目前還沒(méi)評(píng)論,等你發(fā)揮!