您現在的位置是:電腦技術吧?>? 組裝維修 ??>??交互原型是什么,網頁交互原型??>??正文詳情

交互原型是什么,網頁交互原型

僑以蕊2019-12-17 10:22:38 人圍觀
簡介產品交互原型圖許多用戶體驗和項目管理的學生仍然習慣于使用傳統的Axure RP制作產品原型。作者認為,Axure-RP在IOS原型階段仍然具有優勢,例如,它可以促進交互模式的在線交互原型

很多 UX 和 PM 同學還是習慣使用傳統的 Axure RP 制作產品原型,作者覺得 Axure RP 在 iOS 原型階段還是有優勢的,比如可以很方便交互模式的創新和細節,不拘泥原生控件。

  首先大致在iOS中原型呈現有這個幾個需求:  必須全屏  依照場景在線或者離線操作原型  如果導入到 App 內, 使用 iTunes 原生的方式  無需越獄  1. 先前準備工作  1)在原型設置中適配 iOS (v6.5)  在 Generate prototype 中 Mobile/device 對話框  勾選 Include Viewport Tag  上傳 Home screen icon  勾選 Hide browser nav (when launched form iOS home screen)

  2)在原型設置中適配 iOS (v6.0)  如果還在使用 v6.0 你可以需要自己動手改造原型的HTML文件  在其中追加一下兩行代碼實現基礎的 app 全屏和 Home screen icon 支持  如果你原封不動的使用這段代碼, 請把 icon.png 請放置在原型 html 同級目錄  3)原型的頁面命名盡量采用英文,避免中文編碼出錯

  4)訪問原型的時候不要訪問index.html,而是直接訪問具體的頁面  我們在實際工作中總結了2種實踐方案來滿足大部分需求,優劣勢對比:

  Web App 方式  如果僅支持在線查看,Axure RP v6.5 原生的 Web App 原型方案就可以了。

當然我們手動修改過代碼的 v6.0 原型也支持。

  簡單說一下,因為已經設置好了。

  只需要:  1) Safari 打開網站  2) 選擇 添加至主屏幕  3) 在桌面點擊主屏幕上的軟件即可

  需要幫助 點擊這里 查看官方說明,遇見特殊的情況,比如手機無法訪問辦公網,你可以把原型上傳到虛擬主機或者云上。

  Documents in App 方式  如果想用于客戶調研或者私下演示, 可以用 Documents in App 的的方案,這種模式方便用戶研究與客戶訪談時網絡環境千差萬變。

  購買 Atomic Web Browser 軟件, 售價僅 $0.99 (RMB 6.00)  如下圖所示, 修改 Atomic 全屏模式的設置來避免對原型的干擾。

  將原型壓縮為 zip 文件,在 iTunes 中上傳壓縮成 zip 的文檔到 Atomic 當中。

  在 Atomic 中 unzip 解壓文檔,并訪問主頁面的html文件

  進入全屏模式

  至此,您已經可以在iOS設備上實現原型演示了(三個手指向下滑動可以退出全屏模式)

  希望上面兩種方式能夠對那些困擾于如何在iOS平臺實現可交互原型的同學們有所幫助。

版權聲明:本文由 僑以蕊 整理編輯。

原標題:交互原型設計工具,交互原型圖是什么

轉載注明出處:http://www.dn9ww09s.icu/assemble/15497.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • asp 代碼,asp不用的代碼

    asp 代碼,asp不用的代碼 相關圖片asp時間代碼ASP語言是網站建設的重要工具之一,具有很強的技術性和適用性。ASP制作教程為您詳細介紹了部分代碼。一。Oncontextmenu=窗口。事件。ReturnVaasp時間輸入代碼...

  • 敲代碼用什么鍵盤,適合敲代碼的鍵盤

    敲代碼用什么鍵盤,適合敲代碼的鍵盤 相關圖片akko鍵盤怎么樣本文主要介紹了IOS對鍵盤色碼的修改,非常簡單實用。如果你需要的話,可以參考一下。IOS可以更改iPhone和iPod touch的鍵盤顏色代碼。實際上,iPh紅軸鍵盤...

  • Pregreplace,preg_replace空

    Pregreplace,preg_replace空 相關圖片數據庫replace函數本文的例子描述了PHP正則preg_replace_回調函數的使用。與您分享以供參考。具體實現方法如下:PHP正則表達式功能強大,本例演示preg﹣replacstr_replace關鍵詞替換...

  • 黑雷ios模擬器,ios安卓模擬器

    黑雷ios模擬器,ios安卓模擬器 相關圖片ios有電腦模擬器嗎IOS模擬器是一種輔助工具,可以在Mac環境下開發程序和IOS平臺程序。IOS模擬器是Xcode的一部分,Xcode是蘋果自己的IOS開發程序,可以免費下載!I電腦ios模擬器...

  • ios 動畫,ios新動畫

    ios 動畫,ios新動畫 相關圖片ios12動畫效果uiview類執行自動執行動畫所需的工作,但在您要執行動畫時仍會通知視圖,因此需要將更改屬性的代碼包裝成代碼塊。一。uiview動畫的特定創建方法-(void)ios10過渡動畫...

  • 不經過壓縮的圖像文件格式,用于壓縮靜止圖像

    不經過壓縮的圖像文件格式,用于壓縮靜止圖像 相關圖片如何壓縮jpg圖片在iPhone上讀取圖像數據有兩種簡單的方法:uiimagejpegresentation和uiimagepngrepresentation。uiImageJP壓縮頭像...

  • 如何做app,app怎么做出來的

    如何做app,app怎么做出來的 相關圖片app好做嗎第一個坑:以蘋果手表為中心,以手表為核心的設計是不是錯了?我知道這聽起來很奇怪,但事實上,我們看到的最好的蘋果手表應用程序并不是那些以桌面功能為核心的應用...

  • 掛起線程,websphere線程掛起

    掛起線程,websphere線程掛起 相關圖片linux線程掛起但有時,我們希望主線程等待IO操作完成。例如,在主線程創建文件夾后,等待完成,然后在文件夾中創建文件。nsobject類有一個方法performselectorQt線程的掛起和恢復...

  • A/C,C-5

    A/C,C-5 相關圖片7c本文共享了使用objective C從遠程url下載圖片的兩種方法,它們都用于個人項目。這些建議是向您簡要介紹的,可供需要的小伙伴參考。目標C從遠程URL下載圖c=...

  • ios有psp模擬器嗎,ios用psp模擬器

    ios有psp模擬器嗎,ios用psp模擬器 相關圖片蘋果psp模擬器卡很多童鞋喜歡在PSP上玩游戲,所以他們需要PSP設備嗎?現在有一個流行的PSP模擬器ppssp,它不僅可以在電腦上使用,也可以在Android手機蘋果手機上使用蘋果玩psp模擬器...

熱評文章

  • java開發工具比較,Java可視化開發工具

    java開發工具比較,Java可視化開發工具 相關圖片java開發工具排行在計算機開發語言的歷史上,從來沒有一種語言能像Java那樣得到這么多廠商和開發工具的支持。誠然,這些工具有其自身的優勢,并非絕對完美。即使是老鳥也很難做出...

  • asp控件如何使用,asp控件添加

    asp控件如何使用,asp控件添加 相關圖片linkbutton控件本文主要介紹用自定義控件替換asp.net控件的方法。您可以為朋友參考以下函數:可以使用自定義控件頁的標記映射元素(asp.net設置體系結構)替換asp.negridview控件使用詳解...

  • iOS13支持設備,ios設備是什么

    iOS13支持設備,ios設備是什么 相關圖片ios設備是什么意思網絡上有很多iOS組件庫,很方便實現控件,所以綠茶小編提醒,此篇文章只是講訴下,要如何在 iOS 設備上呈現原型?  很多 UX 和 PM 同學還是習慣使用傳統ios設備在哪...

  • ios使用技巧,蘋果使用技巧

    ios使用技巧,蘋果使用技巧 相關圖片s檔使用技巧這篇文章主要介紹了Backbone.js的一些使用技巧,Backbone.js是一款人氣JavaScript庫,需要的朋友可以參考下  自從3年前Backbon蘋果x全部使用技巧圖解...

  • frm證書有用嗎,frm是什么證書

    frm證書有用嗎,frm是什么證書 相關圖片frm怎樣算通過有時候mysql沒有做好數據備份,或者被數據管理員誤刪,或者ibdata損壞了我們如何恢復呢?別怕,只要有部分frm、ibd存在,下面就是恢復教程。  mysqfrm等級...

  • guid分區表,具有mbr分區表

    guid分區表,具有mbr分區表 相關圖片磁盤分區表如果你的數據庫中某一個表中的數據滿足以下幾個條件,那么你就要考慮創建分區表了。  1、數據庫中某個表中的數據很多。很多是什么概念?一萬條?兩萬條?還是十萬條、...

  • 彩票開獎查詢排列5列5,彩票開獎查詢排列3

    彩票開獎查詢排列5列5,彩票開獎查詢排列3 相關圖片排列五歷史開獎結果前段時間客戶提出了一個需求,就是想讓查詢的結果隨機排序一下。查詢了很多東西說的很是不明白,最后解決了問題。方案如下:  只是在ORDER BY 后面加上一些...

  • java項目打包成jar包,web項目打包成jar包

    java項目打包成jar包,web項目打包成jar包 相關圖片eclipse打包成jar在做Android項目時,我們經常會遇到以下需求:將一些已經完成的項目集成到當前項目中,并以某種方式將以前項目的類和資源移動到當前項目中。接下來,我將介紹以前項...

  • iframe,if name==main

    iframe,if name==main 相關圖片if函數顯示name本文主要介紹if\\\\\\\\\\\\\\\\\\\\\\\\\\\__#name什么意思...

  • php文本寫入,php打開文件寫入內容

    php文本寫入,php打開文件寫入內容 相關圖片進入php怎么建文件本文的例子描述了如何在PHP中讀寫tab分隔的文件。與您分享以供參考。具體分析如下:該PHP代碼實現了對tab分離文件的讀寫,包括兩個獨立的函數,一個是讀寫,如p...

關注微信

变脸官网查询