Axure RP基礎篇:原型設計經驗談

0 評論 33637 瀏覽 8 收藏 5 分鐘

摘要:產品原型簡單的來說就是最終產品設計成形之前的一個大概框架。而對網站來講,就是將頁面模 塊、元素進行粗 放式的排版和布局,深入一些的話還會加入一些交互性的元素,使其更加具體、形象和生動。而目前在國內產品經理圈中使用最多也是最高效的產品原型工具非 AXURE莫屬,AXURE原型工具看似簡單易學,但是如果想真正的用好還必須更加深入的去研究和學習,這里就為大家簡單的介紹下AXURE的一些使用心 得。

前言

 

什么是原型呢?

產品原型簡單的說就是產品設計成形之前的一個簡單框架,對網站來講,就是將頁面模塊、元素進行粗放式的排版和布局,深入一些,還會加入一些交互性的元素,使其更加具體、形象和生動。
就我個人而言,目前使用頻率最多,最高效,交互效果最好的原型工具是axure。今天給大家介紹一些我在工作中使用axure的經驗。主要從交互設計中涉及的三個主要步驟進行說明:
jingyantan2

一、主要頁面原型

在進行主要頁面原型設計之前,交互設計師需要:

  • 一份主要的任務流程圖(此處指的不是“業務邏輯流程圖”,而是根據“業務邏輯”產生的“任務流程”。任務流程可由產品或是交互出,根據各個公司或項目的具體情況而定。)
  • 一份主要功能列表(一般由產品經理提供)
  • 網站信息架構(信息架構在一些公司是需要交互設計師來完成的)
  • 對于前期調研結果的理解

如何做“主要頁面原型”

1. 在建立項目的初期就開始定義Master

項目一開始啟動,如果可以稍微掌握哪些區塊未來將是共享區塊,那么就開始建立Master,比如網站的Header / Footer / 導覽選單(Navigation),或者廣告版位等等。越早使用,越可以節省其它頁面設計的重復工作。jingyantan3

Master的定義

2.可以應用一些Axure RP library

Axure RP官方網站有大量的libraries,可以前往下載。也可以自己制作適合產品的library。

axure部件庫

3.根據“任務流程圖”,“功能列表”將主要的頁面原型制作出來。

這時可以包括一些必要的交互動作。一些詳細的,比如出錯提示等交互可以不用考慮。

主要的頁面列表

用途:

主要的頁面原型可以用于產品初期的討論會、測試以及產品介紹會。

應注意幾點:

1.不要加入視覺設計的元素。著眼于大局,不要糾結細枝末節。

在制作原型的初期請把所有精力都放在流程的優化和布局設計上面吧,不要把時間浪費在視覺設計上,那樣絕對是得不償失。

因為我們的原型方案還沒有最終通過,肯定要通過多次迭代才能確定方案,太多的視覺設計就是浪費時間;

再者,如果原型做的十分逼真,在產品討論會上,視覺的元素會很快抓住大家的眼球,到時就會有領導來質疑你的界面是不是該換成藍色,按鈕是不是再精致一些這樣的問題。沒有人會專注于你的交互設計了。
2.最好在使用axure工具前,用紙和筆畫一些紙面原型,整理一下思路。
3.這個過程應是快速的,迭代的。

轉自: 非原型,不設計

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!