网上购物商城原型设计axure

《网上购物商城原型设计axure》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、人机交互的软件工程方法课程设计说明书文档类型：小组专业：软件工程班级：学号：设计人：26课程设计任务书一、课程设计题目：网上商城系统界面设计　　　　　　　　　　　　　　　　二、设计原始资料：1.《人机交互基础教程》，孟祥旭、李学庆主编，清华大学出版社，2016年3月2.《AxureRP8实战手册》，小楼一夜听春雨著，人民邮电出版社，2016年9月3.《通过3个动作实现抽屉菜单》，小楼老师著，Axure吧，2016年10月4.《页面向下滚动时导航顶部吸附效果》，小楼老师著，Axure吧，2016年10月5.《原型

2、设计大师AxureRP8.0网站》，CSDN论坛，2016年8月三、设计应解决下列各主要问题：1、抽屉菜单及爆款商品图片轮播(可点击定位)的实现　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　2、滚轴滚动时顶部导航的吸附效果的实现　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　3、左侧边栏根据主页当前内容将相应导航文字高亮　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　4、根据是否为合法用户进行不同页面间的合理切换　　　　　　　　　　　

3、　　　　　　　　　　　　　　　　　　　　　　　　　　四、设计说明书应附有下列图纸：状态图、用例图、顺序图、调查问卷等。五、小组分工说明：1.xxx：需求分析(调查问卷)、GOMS模型、首页面全部界面设计、测试(黑盒)　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　2.xxx：需求分析(功能分析)、LOTOS模型、子页面全部界面设计、测试(白盒)、六、命题发出日期：xxxx年xx月xx日　设计完成日期：xxxx年xx月xx日　　　　　　　成绩：　指导教师（签章）：　　　　　　　　　　26

4、[在此处键入]目录一、课程设计概述3二、项目的需求分析过程及需求模型41.用户类型分析42.需求分析5三、交互设计模型8四、界面实现过程及关键界面截图9五、界面可用性分析与评估211.可用性评估原则212.调查问卷：213.调查问卷结果统计及可用性评估分析：22六、遇到的困难与获得的主要成果231.GIF动态图自动优化问题232.图片素材等问题233.多图层处理问题244.抽屉式菜单的实现245.首页推荐商品广告宣传图片轮播效果246.页面向下滑动时的搜索框及侧边栏吸附效果257.登录后的用户名在不同页面间的传

5、参(全局变量)2526[在此处键入]8.登录的不同情形的不同反馈259.购物车优化2610.妥协处理26七、课程设计完成情况分析与总结26小组完成任务情况统计表（占用一页）学号姓名所承担任务任务完成情况简评组内评分签字联系方式26[在此处键入]一、课程设计概述1.通过网上购物商城界面设计的实践，进一步加深对《人机交互的x软件工程》课程以及软件工程等相关课程的理论知识的理解和应用水平。2.通过对已存在的较为成功的相关软件(如：天猫商城)的更深入的理解，深入体会人机交互系统设计的基本原则在实际应用中的具体体现，并熟

6、悉人机交互系统设计的步骤。3.通过对小组设计的网上购物商城人机交互界面的进一步分析，熟悉人机交互界面的可用性评估方法。4.掌握人机交互界面的表示模型和实现，并针对小组设计给出相应的表示模型。26[在此处键入]一、项目的需求分析过程及需求模型1.用户类型分析网上购物商城实质上是一种服务型软件，因而对用户类型的分析显得尤为重要，特别是在界面设计过程中，如何满足不同类型的用户的购物需求是重中之重。(1)分类一首先，按照选择商品的方式，可以将用户大致分为以下两类：①明确要购买的商品，通过关键字搜索符合的商品；②没有具体

7、想要选购的商品，通过浏览网站中感兴趣的推荐进一步了解某些商品。(2)分类二再者，按照年龄、职业及购买习惯不同，又可以将用户分为年轻用户、职场精英、顾家用户以及技术宅等。总：通过对天猫、淘宝、京东等已存在的较为成功的网上购物商城的进一步分析，可以明确其用户人群范围及其广泛，在提供关键字搜索商品的基础上，还要通过高亮等方式将可能吸引用户的商品宣传放在醒目的位置，并且要有条理清晰的导航目录以帮助用户更方便快捷地使用该网上购物商城。2.需求分析我们以结构化分析的方式进一步地明确该网上购物商城所要满足的需求：26[在此处

8、键入](1)网上购物商城的状态图：注：在天猫商城的实现中可以看出以下几个点的实现方式：①用户不登录也可以浏览商品信息，只是在发生添加购物车等需要账户的动作时需要确保用户已登录。②在我们的界面设计实现过程中，对登录失败的各种情况进行了更为详细的分类：第一种情况，只输入用户名而未输入密码，将返回登录页面并提示文字“请输入密码”；第二种情况，只输入密码而未输入用户名，将返回登录页面并提示文字