善用Axure寫PRD：如何在手機上完美體驗APP原型的功能和交互.doc

《善用Axure寫PRD：如何在手機上完美體驗APP原型的功能和交互.doc》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

1、善用Axure寫PRD：如何在手機上完美體驗APP原型的功能和交互　　上篇文章《善用Axure寫PRD，把原型放到手機里查看》講了《如何把原型放到網(wǎng)絡(luò)上》，這篇講解如何在手機上完美的體驗APP原型的功能和交互。主要講iOS系統(tǒng)的手機如何查看，Android手機的操作方法類似。我提供了非常完整的演示步驟，請根據(jù)自身情況有所取舍的去使用。建議結(jié)合前幾篇文章閱讀。　　　　獲取APP原型的網(wǎng)址　　比如我把閃電約APP的原型上傳到51prd.com服務(wù)器下面的demo目錄下，那么網(wǎng)址為http://51prd.com/

2、demo/#g=1&p=首頁?！　∈褂肧afari打開網(wǎng)址　　將該網(wǎng)址發(fā)送到手機上并使用Safari打開。你會看到APP原型的部分內(nèi)容，但是有額外的元素干擾?！　　　∪サ舳嘤嗟木W(wǎng)頁內(nèi)容　　點擊左下角的close按鈕，可以關(guān)閉Axure工具欄?，F(xiàn)在有點像APP頁面了。　　　　需要注意的是這里其實是跳轉(zhuǎn)到了另外一個網(wǎng)址：http://51prd.com/demo/首頁.html　　原型網(wǎng)址的生成規(guī)則　　事實上是Axure生成的原型默認(rèn)是加載了工具欄的網(wǎng)址。生成之后網(wǎng)址的前面部分是一樣的，比如http://51pr

3、d.com/demo/，主要是后面有區(qū)別?！　　　￠_啟頁面列表，后綴為/start.html#g=1　　關(guān)閉頁面列表，后綴為/start.html#g=0　　最小化工具欄，后綴為/start.html#c=1　　不加載工具欄，后綴為/頁面名稱.html　　生成桌面快捷方式　　體驗一下原型感覺還可以，但是頂部網(wǎng)址欄和底部工具欄貌似擋住了部分內(nèi)容，需要隱藏掉。　　添加到主屏幕　　點擊底部工具欄中間的”發(fā)送到”圖標(biāo)，然后選擇“添加到主屏幕”?！　　　≡O(shè)置APP名稱　　設(shè)置一下名稱，然后選擇添加。　　　　創(chuàng)建APP成

4、功　　然后便會創(chuàng)建到桌面?！　　　〔榭碅PP原型　　點擊桌面上的該圖標(biāo)，然后進(jìn)入APP原型。你會發(fā)現(xiàn)它和你設(shè)計的APP一模一樣。　　　　體驗APP的功能和交互　　操作一遍，你會發(fā)現(xiàn)它能夠完美的表現(xiàn)下導(dǎo)航和上導(dǎo)航的功能，包含了所有的頁面，所有的跳轉(zhuǎn)都可以正常點擊，可以完整的體驗APP的所有功能模塊?！　∵@也是我定義的真正的原型，點擊查看我對產(chǎn)品概念的定義?！　】偨Y(jié)　　如果你覺得圖標(biāo)不好看，還可以在生成原型的時候進(jìn)行設(shè)置?！　　　〗o你們查看我最后設(shè)置后的效果，從表到里都和一個APP超級像，最符合原型的定義。