APP下载

基于IOS平台的服装品牌APP开发设计

2016-07-13湖北理工学院艺术学院435000

大众文艺 2016年18期
关键词:程序开发服装品牌原型

严 密 (湖北理工学院 艺术学院 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设计

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).

猜你喜欢

程序开发服装品牌原型
浅析大学生在兼职小程序开发中遇到的问题
包裹的一切
我国纺织服装品牌发展任重道远
图片报道
《哈姆雷特》的《圣经》叙事原型考证
人人敬爱的圣人成为了 传说人物的原型
VBA在Excel中的应用一例
论《西藏隐秘岁月》的原型复现
利用OpenGL技术实现网格波动效果界面
Under the New Media, the Influence of the Rise of Dress Brand Display Platform on the Design Method