嚴 密 (湖北理工學院 藝術學院 435000)
基于IOS平臺的服裝品牌APP開發設計
嚴密(湖北理工學院 藝術學院435000)
本文基于蘋果公司的IOS操作系統,對服裝品牌APP的開發設計進行研究探討。從市場調查及需求分析、交互設計、UI設計、程序開發、可用性能測試和發布這六個環節對服裝品牌APP的開發過程進行研究設計。
APP;交互設計;UI設計;程序開發;性能測試
服裝品牌APP開發分為市場調查及需求分析、交互設計、UI設計、程序開發、可用性能測試和發布六個步驟。不同服裝品牌開發設計根據品牌具體情況進行APP開發。
在制作一款服裝品牌APP之前,首先要對該服裝品牌進行市場調查,明確品牌定位和營銷需求,及該服裝品牌開發APP的目的。根據前期調查所獲數據,結合該服裝品牌多種網絡平臺的設計是否符合產品定位和品牌風格、產品圖片及導航位置是否清晰合理、店鋪是否建設的足夠成熟、產品線是否每期都有特定主題、所有插畫和服裝產品是否都圍繞該主題展開等因素,最后確定服裝品牌APP的整體視覺風格是否沿用網站的設計風格。
內容方面,在現有的電子商務基礎上,加入一些附加內容,使用戶除了購買需求外,也有其他功能或活動吸引用戶使用該服裝品牌APP。
交互,也稱為互動,指用戶在使用設備時所進行的操作以及設備對其操作所進行的反饋。交互設計的目的是設計出合理的、易于使用的、符合用戶需求和預期的產品,它決定著整個服裝品牌APP的模塊分布和使用邏輯。通常,在服裝品牌APP的開發中,交互設計所扮演的角色是制作交互原型,通過可視化的邏輯整理,規劃每個模塊的位置,以及不同模塊之間的關聯方式、頁面與頁面之間的邏輯聯系等,通過構建服裝品牌APP的交互框架,明確整個服裝品牌APP的信息構架。
交互設計的開發步驟為:1.制作低保真原型,用草圖的形式確定產品大框架;2.使用低保真原型與項目相關人員討論,確認產品方向框架;3.根據討論意見進行修改,再次 確認;4.在確認的低保真原型基礎上細化原型,完成高保真原型,此過程可基于Axure RP原型工具來搭建服裝品牌APP的交互原型;5.使用高保真原型演示產品細節規劃及功能需求,與相關人員討論確認;6.對交互原型及設計細節進行說明,方便后期的開發和UI界面設計。
UI是指用戶界面(User Interface),UI設計是在交互設計完成的基礎上,根據交互原型、操作邏輯進行用戶界面的美化設計。用戶在使用服裝品牌APP過程中,首先感知到的就是整個界面的設計風格,一個美觀易用的品牌UI設計能提升用戶體驗的愉悅感,從而增加用戶對該服裝品牌APP的好感度。UI設計的核心是對整個服裝品牌APP的信息架構和使用邏輯進行包裝和美化,是為交互框架“穿衣服”的過程,但這種美化是以交互為基礎的,絕不能脫離了交互的框架隨意發揮。
服裝品牌的UI設計可順應近年流行的扁平化界面設計,以色塊和線條風格的圖標為主,沿用該服裝品牌淘寶店鋪的設計風格,使整個品牌有統一的視覺識別系統。根據前期所設計的交互原型進行界面美化設計,使界面更符合品牌風格,更美觀。
開發IOS環境下的服裝品牌APP所使用的工具是Xcode開發工具,該軟件必須在Mac OS X系統,即蘋果公司的PC系統下運行。服裝品牌APP開發使用Objective-C語言,在Xcode中可以使用Objective-C語言編輯代碼、構建可執行的程序、對代碼進行調試。通過代碼的編寫,可以實現前期交互設計和UI設計中所設計的頁面構架及各種按鈕的交互效果、頁面之間的跳轉效果。
當前期的設計和程序制作完成后,可進入測試階段,目前階段所開發的程序只能在IOS模擬器上測試運行,但完成測試,必須使用真實設備模擬該服裝品牌APP實際使用的環境。要在移動設備上進行測試,則需要申請開發者證書。該證書會將你的身份鏈接到注冊時提供給Apple公司的有效聯系人地址。開發者證書可以允許開發者在自己的設備上進行測試和調試應用,而向APP Store提交該服裝品牌APP,并使用戶能夠去應用商店下載并使用該服裝品牌APP則需要申請服裝品牌APP的分發證書。
服裝品牌APP測試周期一般為兩周時間,可根據項目具體情況及開發程序的質量適當縮短或延長測試時間。
測試流程及具體內容:
(1)測試資源:測試任務開始前,檢查各項測試資源:產品功能需求資料、產品原型圖、產品效果圖、用戶行為統計分析資料、測試設備及其他資料。
(2)測試要點:
版本測試:程序開發應填寫《APP測試版本提交質量規范》,接收版本時應注意測試版本規范,如不符合,則需重新修改規范報告然后再次提交測試。
UI測試:確認所接收的服裝品牌APP原型圖及效果圖為已確認的最終版本,一切界面問題以效果圖為準。
功能測試:首先確認所接收的功能需求文檔為當前最新版本,根據該需求測試是否實現所有的預定功能并且運行邏輯正確。
版本兼容測試及性能測試:確保服裝品牌APP在所有兼容機型上都能正常使用,若在技術上難以修改或者無法在短時間內改進,必須在測試報告中注明,并得到相關人員的確認。在性能測試時必須滿足硬件壓力條件下的測試需要。
用戶行為統計測試:確認所接收的行為統計分析資料為已確認的正式版本,且與開發人員所持有的資料一致。盡可能真實地模擬用戶行為,以便預估用戶可能的行為操作,進行測試。
回歸測試:軟件最終上線前,需對產品進行回歸測試,測試內容包含之前所有的測試項目。在回歸測試確認通過后,即可對產品進行提交。
(3)最終提交:對所有版本的服裝品牌APP程序安裝包進行驗證,確認完畢后即可將最終的產品安裝包上傳至應用商店等待上線審核。
本文基于IOS平臺,從市場調查及需求分析、交互設計、UI設計、程序開發、可用性能測試和發布六個部分對服裝品牌APP的開發過程進行了探討。按照服裝品牌APP的設計流程,結合不同服裝品牌的自身特點,可設計出符合各服裝品牌的APP。
[1]鄭莉.界面交互設計與運用[J].華東師范大學,2010(3).
[2]趙大羽,關東升.交互設計的藝術—iOS7擬物化到扁平化革命[J].清華大學出版社,2014(2).
[3]劉一道.iOS7:iPhone/iPad應用開發技術詳解[M].機械工業出版社,2013(11).