如何利用Axure制作移動端產品原型

Axure是一款專業的快速原型設計工具,作為專業的原型設計工具,Axure 能夠快速、高效地創建原型,同時支持多人協作設計和版本控制管理。它已經得到了許多大公司的采用,如IBM、微軟、思科、eBay等,這些公司都利用Axure 進行產品設計和開發。

Axure的工作環境包括主菜單和工具欄、站點地圖面板、控件面板、模塊面板和線框圖工作區,這個可視化工作環境使得用戶可以輕松快捷地以鼠標的方式創建帶有注釋的線框圖,而無需進行編程,在線框圖的基礎上,可以自動生成HTML原型和Word格式的規格

1總體說明

數通暢聯的MDM基礎數據平臺可以使企業的多個業務系統中最核心、最需要共享的主數據進行整合,集中進行數據標準化,并用集成服務的方式把統一、完整、準確、具有權威性的主數據分發給需要的應用系統。MDM能創建并維護整個企業內主數據的單一視圖,保證單一視圖的準確性、一致性以及完整性,從而簡化數據清洗工作,提高數據質量,加快業務系統對接、業務流程再造速度,提高業務響應速度,能有效優化企業IT環境、降低成本、提高企業效率

而想要進行后續移動端功能的開發,首先要通過移動原型設計將我們設計研發人員的設計想法更直觀地呈現出來,幫助他們更好地理解設計思路和交互流程,同時通過原型也以提出更具體的意見和建議,有助于提高設計的可行性和易用性。

1.1工作需求

通過移動原型設計可以將我們設計研發人員的設計想法更直觀地呈現出來,幫助他們更好地理解設計思路和交互流程,同時通過原型也可以提出更具體的意見和建議,有助于提高設計的可行性和易用性。

1.2工作要求

工作要求主要包括以下幾個方面:

1.用戶體驗至上:在制作移動原型時,需要將用戶體驗放在首位,注重用戶的操作習慣和心理需求,提供流暢、直觀的用戶界面。同時,還需要遵循常見的手勢操作規范,確保用戶可以通過滑動、捏合等手勢進行操作。

2.從簡單的頁面開始:制作移動原型時,可以先從簡單的頁面開始,逐步完善產品功能和交互效果,再進行迭代升級。

3.注重細節:在制作移動原型時,需要注重細節處理,盡可能地模擬真實的場景和用戶行為,以提升產品的質量和用戶體驗。

4.遵循設計規范:在制作移動原型時,需要遵循相應平臺的設計規范和標準,以確保產品的一致性和易用性。

5.良好的團隊協作:制作移動原型需要團隊成員之間的密切協作和溝通,包括產品經理、開發人員等。團隊成員需要相互配合,共同完成產品的設計和開發工作。

1.3工作挑戰

在之前的工作經歷中,并沒有接觸過Axure這個軟件,對于Axure整體來講比較陌生,并且對于MDM產品移動端的功能效果也是較為陌生,所以此項工作對于我來說算是一個挑戰,但通過學習和實踐是可以戰勝工作中的挑戰,并且可以將此過程熟記,掌握為自己的新技能。

2工作步驟

通過學習、實踐可以戰勝工作中的挑戰,首先可以通過文檔和視頻去學習Axure的使用方法,其次要把設計文檔中要實現的功能頁面整理出來,再選擇其他系統移動端的樣式描摹整體頁面規劃。

2.1視頻學習

首先在接到工作任務前,自己并沒有了解過Axure這個軟件,也不知道其使用方法,由于是在國慶假期前接到的工作任務,為了避免在節后回到公司因學習時間較長,耽誤工作進度,在假期時通過在B站查找Axure的相關教學課程來學習Axure的使用方法,有的視頻講解地十分的詳細,通過觀看4-5節的視頻已經了解了其基本操作。

2.2梳理功能

第二步是根據研發人員給出的設計文檔來梳理每個頁面,由于研發人員給出的設計文檔內容非常詳細,篇幅較長,把功能之間的鏈接,頁面和頁面之間的跳轉單獨梳理出來,就會方便進行原型的描繪。在功能梳理成功后,一定要和研發人員進行對接,確保自己的梳理成果和研發人員的設計思路一致,只有這樣,才不會因為開始時方向的錯誤而耽誤工作進度。

2.3系統參照

研發人員給出的設計文檔中,很多頁面是web端的設計樣式,不能夠直接照搬其結構,所以要考慮放到移動端原型里要改變為什么結構,尤其是表的結構以及按鈕的結構,這些內容在移動端和web端所呈現出來的效果是不同的,后來經過查詢,主要參照的是企業微信的結構。

3操作過程

學習之后就來到了實操步驟,首先進行頁面的創建,再添加自己所需的元素,再根據功能跳轉設置交互,整體完成之后進行預覽,如在預覽中出現交互不準確,頁面不美觀等問題及時進行調試優化,最后將成品導出分享。

3.1創建頁面

在頁面面板中,可以創建不同的頁面,每個頁面代表移動應用的一個界面,例如可能需要創建一個首頁、一個詳情頁、一個列表頁等。選擇新建項目,并選擇適合的尺寸,首先在Axure中選擇矩形邊框作為移動端的邊框,在網上做了功課之后,選擇高度為667,寬度為375是比較合適的尺寸。

3.2添加元素

在頁面上添加各種元素,如按鈕、文本框、圖像、列表等。可以通過“工具箱”面板或者“庫”面板來選擇和添加元素,在Axure中預置的元素也比較豐富,在基本原件中有各種幾何圖形、文字樣式和按鈕、線條等,在表單原件里有下拉列表框、復選框等,在菜單和表格中可以添加菜單和表格,在標記原件中可以選擇便簽、標記等,除此之外還有很多個性化圖標可供使用。

3.3設置交互

在Axure中,可以為元素設置各種交互,如點擊、滑動、長按等,通過“交互”面板,可以為元素添加事件和動作。例如,當用戶點擊一個按鈕時,可以顯示一個彈窗或者跳轉到另一個頁面,而在本次工作中,我常用的交互是點擊跳轉以及單擊隱藏顯現。

3.4預覽調試

在桌面瀏覽器中預覽原型效果,檢查交互和布局是否正確,如果在預覽時存在一些布局不合理,交互不準確等問題,回到Axure進行調整,調整完畢后再次回到瀏覽器進行預覽,點擊刷新就可以查看修改后的效果,并且此時一定要將修改后的原型保存,否則直接關閉系統修改內容將無效了,根據預覽和調試的結果,對原型進行優化和完善。這可能包括調整布局、修改顏色、優化交互等。

3.5導出分享

當完成原型設計后,可以將其導出為HTML文件也可以讓團隊成員進行查看和測試。在每次修改效果后,我都會找研發人員進行再次確認,對研發人員進行演示,讓其查看是否和設計一致,最后將文件導出,將整體的效果以及功能交互通過文字和圖片的方式整合成文檔,發給領導進行查看、確認。

4問題總結

在進行整體工作的過程中,也發現了自己工作中存在的一些問題,由于是第一次接觸Axure,存在例如思路不清,不知變動,沒有站在用戶的角度進行換位思考的問題,從而耽誤了工作效率。

4.1思路不清

首先在正式開始測試之前,不僅沒有具體的思路,完全處于懵懂狀態,于是首先在平臺下載了一個手機端移動原型的模板,但由于設計樣式和我們產品存在的關系不大,并且圖層過多,需要重新梳理所有頁面,修改起來比較占用時間,所以還是決定自己從頭開始,一點一點去建立各個頁面,在自己的嘗試下,發現只要掌握了基本操作方法,自己從頭開始是思路比較清晰。

4.2不知變動

在本次使用Axure開始進行正式工作之前,并沒有實際去思考web端和移動端應該存在的區別,在受到了領導提醒之后,通過自己上網查找以及尋求項目經理的幫助來解決了這一問題,項目經理指導我可以參照企業微信或者釘釘的整體樣式去規劃頁面,這也讓我茅塞頓開。

4.3換位思考

我們的產品就是為客戶來進行服務,不論是原型設計還是其他的工作,都應該要站在用戶的角度去思考問題,站在用戶角度思考問題可以幫助我們更好地了解用戶需求和體驗,從而改進設計。通過模擬用戶場景、簡化操作流程也可以提升后續產品的可用性和用戶體驗,從而吸引更多的用戶并提高產品的競爭力。

5后續思路

在進行利用Axure進行移動端產品原型工作的過程中,自己的工作方法得到了一些改善,并且有了一些心得體會,具體分為要多多了解產品,注重工作配合和對接,并且要及時進行記錄反饋,以便更快、更好地完成工作。

5.1了解產品

在進行工作時,自己領悟到了如果想更好地完成此次工作,對于產品的了解必不可少,無論是在平時工作中接觸到公司產品的積累還是在錄制公司視頻、撰寫公司文檔時都可以加深對產品的了解,對產品的了解越多,對于自己所做的工作就會越有底氣,這樣會減少反復修改的時間,能極大地提高工作效率。

5.2工作交互

工作可以促進團隊協作、提高工作效率、增強團隊凝聚力、促進個人成長,在工作過程中,我們應該注重工作交互的重要性,積極開展工作交互活動,以促進工作的順利進行。例如在本次工作中,和研發部門的配合必不可少,一定要和研發部門進行工作內容需求確認,否則所出工作成果和預期不一致是非常失敗的表現,在每次的工作調整前,都要先自己整理出相關文字和研發人員進行確認,遇到不懂得問題,尋求研發人員的幫助也能極大地提高工作效率。

5.3記錄反饋

在工作中,記錄反饋的重要性不容忽視,反饋是促進個人成長和組織發展的關鍵因素之一。通過記錄反饋,進而采取行動加以改進,同時反饋也可以更好地理解組織的目標和期望,從而更好地完成工作任務。此外,記錄反饋還可以促進團隊成員之間的溝通和協作,增強團隊凝聚力和工作效率。在本次的工作中記錄反饋也尤為重要,首先要把領導的意見記錄下來,再去和研發部門進行確認實施步驟,之后在每一次的改進過程中都要將改進的記錄下來,幫助自己記錄總結,也方便領導進行查看,可以提高整體的工作效率。

5.4持續學習

在本次工作中也讓我認知到了持續學習的重要性,一開始自己并不會使用Axure,但經過學習也順利的完成了工作。首先,持續學習可以幫助自己不斷提高自己的專業知識和技能,以適應不斷變化的工作環境和任務需求。隨著科技的快速發展和市場競爭的加劇,我們都需要不斷學習新的知識和技能,才能跟上時代的步伐,提高工作效率和質量。其次,持續學習可以提高自身的競爭力,使其在職業生涯中保持優勢。第三,持續學習可以增強自身的自我價值和成就感。通過不斷學習和成長,可以更好地實現自我價值,同時也會獲得更多的成就感和滿足感,這有助于提高自身的工作積極性和工作滿意度。

總之,持續學習是工作中不可或缺的一部分,通過不斷學習和成長,我們可以更好地適應不斷變化的工作環境,提高工作效率和質量,實現自我價值,獲得更多的成就感和滿足感。同時,組織也可以通過支持員工的學習和發展,提高整體績效和競爭力。因此,在工作中,我們應該注重持續學習的重要性。

通過本篇文章將如何利用Axure制作移動端產品原型進行了簡單介紹,使用Axure無需編程或代碼基礎,具有豐富的交互效果,并且界面簡潔易用,是一款非常實用的原型設計工具,它可以幫助設計者快速地設計出交互效果良好的產品原型。總之,Axure是一款非常實用的原型設計工具,它可以幫助設計者快速地設計出交互效果良好的產品原型,并且可以自動生成演示文件和規格文件,方便客戶確認和開發。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/211060.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/211060.shtml
英文地址,請注明出處:http://en.pswp.cn/news/211060.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

android 13.0 Settings去掉二級三級菜單搜索功能

1.概述 在13.0的系統rom定制化開發中,由于客戶定制開發需求,需要去掉Settings里面的搜索功能,主頁面的搜索功能,在前面的章節已經講了 這里需要去掉二級三級菜單的搜索功能,需要從搜索功能流程分析去掉搜索功能 2.Settings去掉二級三級菜單搜索功能核心代碼 packages/ap…

stl模板庫成員函數重載類型混肴編譯不通過解決方法

stl模板庫成員函數重載類型混肴編譯不通過解決方法 這種方式編譯不通過IsArithmetic和HasMemberList編譯器存在混肴 template <typename T, typename Enable std::enable_if<IsArithmetic<T>::value>::type >static void DumpWrapper(T* filed, std::strin…

SAP UI5 walkthrough step7 JSON Model

這個章節&#xff0c;幫助我們理解MVC架構中的M 我們將會在APP中新增一個輸入框&#xff0c;并將輸入的值綁定到model&#xff0c;然后將其作為描述&#xff0c;直接顯示在輸入框的右邊 首先修改App.controllers.js webapp/controller/App.controller.js sap.ui.define([&…

python變量的命名和使用

變量名只能包含字母、數字和下劃線 變量名只能包含字母、數字和下劃線。變量名可以字母或下劃線打頭&#xff0c;但不能以數字打頭。例如&#xff0c;可將變量命名為message_1&#xff0c;但不能將其命名為1_message。 Python 語言中&#xff0c;以下劃線開頭的標識符有特殊含…

Redis server啟動源碼

入口main函數 src/redis.c文件main函數 int main(int argc, char **argv) {struct timeval tv;/* We need to initialize our libraries, and the server configuration. */// 初始化庫 #ifdef INIT_SETPROCTITLE_REPLACEMENTspt_init(argc, argv); #endif//設置本地時間setl…

翻譯: 生成式人工智能的經濟潛力 第3部分工作和生產力的影響 The economic potential of generative AI

麥肯錫報告 翻譯: 生成式人工智能的經濟潛力 第一部分商業價值 The economic potential of generative AI翻譯: 生成式人工智能的經濟潛力 第2部分行業影響 The economic potential of generative AI 1. 工作和生產力的影響 技術幾十年來一直在改變工作的解剖學。多年來&…

vue全屏事件與關閉全屏事件

首先&#xff0c;在 Vue 組件中&#xff0c;可以使用 click 或者 v-on 來監聽點擊事件&#xff0c;然后通過調用相應的方法來觸發全屏或關閉全屏。 執行requestFullscreen事件 <template><div><button click"enterFullScreen">進入全屏</butt…

前端知識(十二)———ES6迭代器

ES6中的迭代器是一種新的對象&#xff0c;它具有一個next()方法。next()方法返回一個對象&#xff0c;這個對象包含兩個屬性&#xff1a;value和done。value屬性是迭代器中的下一個值&#xff0c;done屬性是一個布爾值&#xff0c;表示迭代器是否已經遍歷完所有的值。迭代器是一…

js實現在線預覽(PC)圖片(jpg、png)、pdf、excel(xlsx)、docx

js實現圖片預覽 參考&#xff1a;添加鏈接描述 圖片預覽 本來用的是element-plus自帶的組件el-image&#xff0c;但是去不掉縮略圖&#xff0c;所以換成了el-imag-viewer組件&#xff08;圖片可拖拽&#xff09;&#xff0c;由于用的vite沒有require方法&#xff0c;需要自己處…

c++新經典模板與泛型編程:const修飾符的移除與增加

const修飾符的移除 讓你來寫移除const修飾符&#xff0c;你會怎么樣來寫&#xff1f; &#x1f602;&#x1f602;trait類模板&#xff0c;如下 #include <iostream>// 泛化版本 template<typename T> struct RemoveConst {using type T; };// 特化版本 template…

docker-compose 常用命令和指令

目錄 1. 概要 2. 常用的docker-compose命令 2.1、image 2.2、build 2.3、command 2.4、links 2.5、external_links 2.6、ports 1.7、expose 1.8、volumes 1.9、volumes_from 1.10、environment 1.11、networks 1. 概要 默認的模板文件是 docker-compose.yml&…

阿里云(云服務器)上搭建項目部署環境

目錄 安裝docker docker安裝MySQL5.7.37 安裝MySQL 方式一&#xff1a;docker中MySQL時區調整 方式二&#xff1a;docker中MySQL時區調整 docker安裝MySQL8.0.27 docker安裝redis5.0.14 云服務器上安裝jdk1.8 安裝docker 1、先卸載docker&#xff0c;因為有一些服務器…

西南科技大學C++程序設計實驗十(函數模板與類模板)

一、實驗目的 1. 掌握函數模板與類模板; 2. 掌握數組類、鏈表類等線性群體數據類型定義與使用; 二、實驗任務 1. 分析完善以下程序,理解模板類的使用: (1)補充類模板聲明語句。 (2)創建不同類型的類對象,使用時明確其數據類型? _template<typename T>__…

c-語言->數據在內存的存儲

系列文章目錄 文章目錄 系列文章目錄前言 前言 目的&#xff1a;學習整數在內存的儲存&#xff0c;什么是大小端&#xff0c;浮點數的儲存。 1. 整數在內存中的存儲 在講解操作符的時候&#xff0c;我們就講過了下?的內容&#xff1a; 整數的2進制表??法有三種&#xff0…

設計模式之觀察者模式(主題對象發生變化,通知各個觀察者)

當涉及到電商場景時&#xff0c;觀察者模式可以用于處理多種情況&#xff0c;比如訂單狀態更新、庫存變化、用戶積分變化等。下面是一個簡化的訂單狀態更新的觀察者模式案例。 1.首先&#xff0c;定義一個主題接口 OrderSubject /*** Description:主題&#xff0c;用于管理觀察…

基于Java會員管理系統

基于Java會員管理系統 功能需求 1、會員信息管理&#xff1a;該系統需要提供會員信息管理功能&#xff0c;包括會員的姓名、性別、年齡、聯系方式等基本信息。同時&#xff0c;還需要提供會員的消費記錄、積分、優惠券等信息的管理。 2、會員注冊和登錄&#xff1a;系統需要…

動手學習深度學習-跟李沐學AI-自學筆記(3)

一、深度學習硬件-CPU和GPU 芯片&#xff1a;Intel or AMD 內存&#xff1a;DDR4 顯卡&#xff1a;nVidia 芯片可以和GPU與內存通信 GPU不能和內存通信 1. CPU 能算出每一秒能運算的浮點運算數&#xff08;大概0.15左右&#xff09; 1.1 提升CPU利用率 1.1.1 提升緩存…

自動駕駛學習筆記(十六)——目標跟蹤

#Apollo開發者# 學習課程的傳送門如下&#xff0c;當您也準備學習自動駕駛時&#xff0c;可以和我一同前往&#xff1a; 《自動駕駛新人之旅》免費課程—> 傳送門 《Apollo 社區開發者圓桌會》免費報名—>傳送門 文章目錄 前言 匹配關聯 軌跡記錄 狀態預測 總結 前…

【文件上傳系列】No.2 秒傳(原生前端 + Node 后端)

上一篇文章 【文件上傳系列】No.1 大文件分片、進度圖展示&#xff08;原生前端 Node 后端 & Koa&#xff09; 秒傳效果展示 秒傳思路 整理的思路是&#xff1a;根據文件的二進制內容生成 Hash 值&#xff0c;然后去服務器里找&#xff0c;如果找到了&#xff0c;說明已經…

【智能家居】七、人臉識別 翔云平臺編程使用(編譯openSSL支持libcurl的https訪問、安裝SSL依賴庫openSSL)

一、翔云 人工智能開放平臺 API文檔開發示例下載 二、編譯openSSL支持libcurl的https訪問 安裝SSL依賴庫openSSL(使用工具wget)libcurl庫重新配置&#xff0c;編譯&#xff0c;安裝運行&#xff08;運行需添加動態庫為環境變量&#xff09; 三、編程實現人臉識別 四、Base6…