如何在 iOS 裝置上呈現原型

來源:互聯網
上載者:User

   網路上有很多iOS組件庫,很方便實現控制項,所以綠茶小編提醒,此篇文章只是講訴下,要如何在 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 的的方案,這種模式方便使用者研究與客戶訪談時網路環境千差萬變。

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.