移動應用開發過程中的迭代式原型設計

2021-09-17 18:32:10 字數 4312 閱讀 9279

\\
\

根據yahoo flurry提供的資料,消費者使用手機的時間中有超過90%用於各種應用。移動應用市場的增長速度和持續發展趨勢使得應用設計人員必須在移動應用開發工作中實施一種更迭代的方法。移動應用的開發過程與**的開發大不相同,生命週期變化更頻繁,開發者需要在設計和使用者測試階段考慮不同的裝置種類、螢幕解析度,以及作業系統。傳統的**開發方式以建立乙個最終版本**為目標,這種方式無法適應移動應用開發的需求,因而需要更敏捷的方法。\

毫無疑問,所有這些因素迫使開發者必須採用迭代式的快速開發過程。原型是這種敏捷方法中必不可少的,可以幫助開發者以更低的成本快速進行構建、測試、迭代、重新測試,以及重新構建的過程(當然也能讓利益相關者盡早參與到整個過程中)。ui設計的原型也是移動應用設計過程中乙個重要的組成部分。\

本文將移動應用的開發過程分解為12個步驟,並介紹了迭代式原型建立工作在不同階段扮演的角色。\

\ 移動應用最終能否獲得成功,靈感很重要,但靈感必須歸納整理為最終成果所要包含的清晰明確的目標。在將應用投放市場的過程中,第一步需要提出並回答一些核心問題:應用的主要功能是什麼?主要是為了解決什麼問題?主要受益者或受眾是哪些人?\

為了制定強有力的usp,無疑需要對目標受眾進行妥善分析,因此在應用開發的這個階段,需要發現最理想的客戶以及他們的痛點/愉悅點。使用者群體劃分和調查問卷可以幫你為不同型別的使用者建立檔案,進而提煉出普適的移動應用首選項和行為。\

確定目標、usp以及目標受眾,即可幫助自己定義最小可行產品(minimum viable product,mvp),以及在構建完整解決方案之前進行測試進而指導開發工作的產品功能骨架。\

\ 確定了目標以及自己的獨特之處之後,可以開始通過諸如photoshop之類的工具設計介面。但如果需要團隊協作(哪怕孤軍奮戰),還需要退一步在紙面上建立線框(wireframe),這樣如果隨後需要改動設計中的某些基礎元素,這一過程也會顯得更快捷和簡單。\

無論最終選擇哪些工具或方法,現階段需要讓每個團隊成員了解你的最終目標。做到這一點後,即可考慮用數位化的方式在原型工具中建立線框。\

\研究競爭對手可以讓自己在四個重要方面獲益:\

當然也可以通過詳盡的競品分析了解自己有關應用的絕妙創意是否已經被別人成功開發並發布出來。如果你的應用解決方案已經有類似成品,可以通過品牌認知度或感知度工具了解對方的表現,或通過免費工具掌握市場對競爭對手產品的品牌看法。\

如果無法確定自己的產品能為現有市場帶來什麼價值,或者無法制定穩妥的風險緩解策略,也許應該就此作罷轉向下乙個移動開發專案。設計和開發過程中的所有細節都要記錄在案,就算專案在這一階段徹底終止也要這樣做,藉此可以通過學到的經驗教訓對自己的方**進行持續的完善。\

\ 確定目標和競爭對手後,可通過數位化或紙面記錄的方式將構思進一步完善。如果希望用模擬方式做到這一切,也許可以開始構建使用者故事,這些依然可以通過紙面方法進行,這是確保在將故事圖付諸實現前維持開放心態和創新精神的一種好辦法。\

儘管如此,通過傳統方式製作使用者故事圖的做法在某些情況下也會存在不足,尤其是涉及遠端團隊,或希望在整個設計過程中通過動態故事板保持實時和統一的情況下。如果決定通過數位化方式製作使用者故事,storiesonboard和featuremap之類的工具提供了基於瀏覽器的解決方案,可以幫你將不同團隊聯絡在一起。\

雖然類似上文提到的故事板工具適合在很多專案中使用,但如果希望整體採用敏捷方**,這些方式可能會妨礙到與報表有關的工作。此時你可能會希望改為使用互動式原型工具。在應用開發專案啟動時,可以通過axure、invision或justinmind等數位化工具搭建基本原型的線框,這樣做可以幫助你拋磚引玉從利益相關者處獲得新的或更好的需求,並確保大家能對專案界限達成共識。\

這一階段中,基本線框可以讓為了解決第1步所確定的問題而開發的解決方案變得更形象,通過原型工具收集需求也可以免除擬定冗繁的需求文件需要付出的大量精力。\

\ 借助線框可確定應用能否按照你自己或客戶需要的方式工作,以及應用是否以使用者為中心。你可以通過原型工具建立和測試使用者場景,製作線框截圖以及需要由使用者執行的操作,藉此定義導航流程。可以在場景中將不同元件鏈結在一起,藉此為導航流程建立地圖。一旦開始通過線框建立保真度更高的原型,還可以將其轉換為功能流程。\

此時專案需求已得到進一步完善,可以向利益相關者演示整個工作流,並指出所有需要討論的領域。可以直接詢問利益相關者或客戶特定元素如何生效才能算作好的實踐,就好像「what-if」場景一樣通過討論整個流程發現隱性需求。你可以在原型工具中新增註解,這樣就算無法把所有利益相關者召集在一起,大家依然可以通過協作的方式繼續對需求進行完善。\

\ 在這一階段你可能會發現,自己漏掉了某個螢幕截圖,某個導航流程走上了一條崎嶇的單行道,或者沒能充分滿足某個需求。在開始為應用編寫**前,此時是發現所有此類問題的最佳時機。可以在原型工具中對需求進行定製,針對特定需求新增新的字段。\

\ 當需求經過全面修訂並達成共識後,還需要將靜態模型變為高保真度原型。可以為現有線框增加實際的動畫和過渡效果,藉此展示可以實現的互動並對前期假設的場景進行測試。\

在不實際編寫**的情況下轉換為互動式原型,意味著後期在設計和開發團隊之間「詮釋」(理解、誤解)的空間會比較小。\

\ 使用者測試是開發優秀移動應用的基礎,通過測試可以發現bug並找出以往可能沒有注意到的多餘設計元素。使用者測試階段也是確保專案能在預算內完成的關鍵:對於針對基本ui概念已經寫好的**進行更改,成本並不會很高,但對已經編寫好的功能進行大量改動會產生不菲的成本,如果整個應用都要改動,有時可能會讓成本翻倍。\

使用者測試可通過多種方式進行,選擇恰當的軟體組合可以確保整個過程的實現更為徹底。諸如validately和crazy egg等使用者測試軟體可以幫你在無需自行搭建測試實驗室的情況下針對目標受眾和硬體進行測試,很多原型工具也能與此類軟體全面整合。通過將這些工具與自己的a/b測試或其他技術配合使用,即可針對不同作業系統對高保真度的原型進行測試,藉此可獲得大量的使用者反饋。\

然而也要注意,雖然針對原型進行早期測試是縮減成本的關鍵,但也絕對不能將實際**和軟體的測試放到最後進行。取決於具體專案,你可能希望在這一階段暫時忘卻原型,讓開發者將你的創意用**寫出來。使用者到底是如何與實際軟體互動的,沒有100%精確的替代方法可以不借助**完全體現出來,對軟體**進行迭代可以保證你能始終維持敏捷。\

\ 在應用開發專案的這個階段,可以在開始寫**前針對迭代原型核查最終的規則。對於依然在使用靜態需求的專案,可以進行全面的文件審閱;對於互動式原型,可將提議的解決方案分享給所有利益相關者,並根據他們在原型工具中留下的註解對原型進行迭代。\

\ 至此手頭已經有了乙個清晰定義的應用,可以引入開發者讓他們為敏捷開發衝刺打好堅實的基礎。作為基礎,開發團隊需要設定api、伺服器、和儲存,通過需求和原型讓他們更好地了解從何處著手開始迭代。\

\ 借助從利益相關者和使用者測試中獲得的註解,開發者已經可以將原型的截圖和互動轉換為更高保真度的外殼。開發者可以選擇使用kinvey等後端服務,並使用adobe phonegap等sdk工具完善自己的前端。隨著後端的逐漸推進,此時專案的重點應轉向資料儲存和整合,以及伺服器端邏輯和版本控制。前端方面,此時可以將原型的螢幕截圖硬編碼至ui中。\

無論開發團隊使用何種技術,此時技術方面的首要目標是維持以使用者為中心的角度,並將之前獲得的使用者反饋納入考慮範圍。\

開發團隊的管理方面應該以敏捷為主要目標。為了保持敏捷,開發團隊應當對靈活性、快速的變更響應、迭代式方法,以及必要的使用者協作等工作劃分處輕重緩急。為了順利實現自己的想法,可以安排整個團隊進行scrum衝刺,但也要注意scrum有時候也會造成一些問題… 無論如何安排,迭代式開發和使用者體驗始終應該是整個過程的核心。\

\ 專案尾聲階段,移動應用的**應該已經編寫完成並已能夠執行,其中不應該包含無用內容,ui元素也已進一步打磨完畢。但在歡呼慶祝前還要記得針對所有裝置和不同型別的使用者再進行一輪使用者測試。如果專案預算不足以支撐最終階段的使用者測試,還可以考慮其他方法:引入atrybox等「使用者市場」,讓他們尋找合適的使用者群體並進行測試,或者也可以使用測試應用,例如validately或framer。\

如果希望通過使用者測試獲得更多創意,進行醉酒測試(drunk testing)也許可以為你提供很多出乎意料的意見。\

\ 迭代式原型是移動應用開發過程中的「大殺器」。從以使用者和使用者故事為中心,到前端/後端工具以及最終的使用者測試,每個開發專案在最終實現和發布之前都需要經歷一系列環節。雖然這些實踐可以幫助你安排自己的任務和預期,但沒有任何兩個移動開發專案是完全相同的:借助不同的工具和方**讓你的團隊實現積極主動的反應、協作和創新,最終即可獲得能滿足使用者需求,提供出色使用者體驗的應用。\

cassandra naji是justinmind的營銷內容編輯,這款營銷工具可供你為web和移動應用建立原型,在無需編寫任何**的情況下使得軟體解決方案具象化並對其進行測試。在轉型為科技愛好者之前,cassandra曾在柬埔寨和台灣地區擔任傳統**記者和通訊專家的職務。現在她居住在西班牙巴塞隆拿。

\

移動應用開發過程中的迭代式原型設計

根據yahoo flurry提供的資料,消費者使用手機的時間中有超過90 用於各種應用。移動應用市場的增長速度和持續發展趨勢使得應用設計人員必須在移動應用開發工作中實施一種更迭代的方法。移動應用的開發過程與 的開發大不相同,生命週期變化更頻繁,開發者需要在設計和使用者測試階段考慮不同的裝置種類 螢幕...

移動應用開發過程中的迭代式原型設計

根據yahoo flurry提供的資料,消費者使用手機的時間中有超過90 用於各種應用。移動應用市場的增長速度和持續發展趨勢使得應用設計人員必須在移動應用開發工作中實施一種更迭代的方法。移動應用的開發過程與 的開發大不相同,生命週期變化更頻繁,開發者需要在設計和使用者測試階段考慮不同的裝置種類 螢幕...

移動應用開發過程中的迭代式原型設計

根據yahoo flurry提供的資料,消費者使用手機的時間中有超過90 用於各種應用。移動應用市場的增長速度和持續發展趨勢使得應用設計人員必須在移動應用開發工作中實施一種更迭代的方法。移動應用的開發過程與 的開發大不相同,生命週期變化更頻繁,開發者需要在設計和使用者測試階段考慮不同的裝置種類 螢幕...