目录
目录............................................................. 1
一、更新日志............................................ 3
二、文档图例 (说明标注)................. 4
三、设计背景/思路.................................. 5
3.1产品背景...................................... 5
3.2产品目标和定位......................... 6
3.3目标用户...................................... 7
3.4设计目标/思路............................ 8
四、业务流程.......................................... 10
五、页面交互.......................................... 11
5.1信息架构.................................... 11
5.3操作流程图................................ 13
5.4低保真原型................................ 14
5.4通用界面.................................... 15
5.5高保真原型图........................... 16
六、总结.................................................. 16
更新时间 | 修改内容(增/删/改) | 修改人 | 版本 |
2024-6-20 | 新增:主页 | 杨培新 | V1.0.0 |
2024-6-20 | 新增:登录 | 杨培新 | V1.0.0 |
2024-6-20 | 新增:商品 | 杨培新 | V1.0.0 |
2024-6-20 | 新增:商品详情 | 杨培新 | V1.0.0 |
2024-6-20 | 新增:我的 | 杨培新 | V1.0.0 |
2024-6-20 | 新增:我的足迹 | 杨培新 | V1.0.0 |
2024-6-20 | 新增:用户反馈 | 杨培新 | V1.0.0 |
2024-6-20 | 新增:购物车 | 杨培新 | V1.0.0 |
2024-6-20 | 新增:轮播图 | 杨培新 | V1.0.0 |
二、文档图例
用来说明你设计图里面的 特别标记是做什么用的。
三、设计背景/思路
3.1产品背景
一、行业现状
随着互联网的普及和电子商务的迅速发展,线上购物已经成为消费者日常生活中不可或缺的一部分。传统的实体零售面临着巨大的挑战,越来越多的企业纷纷将业务拓展到线上,以满足消费者日益增长的便捷购物需求。
二、市场趋势
1.消费者购物行为的变化
消费者更加注重个性化的产品和服务,对于商品的品质、设计和独特性有更高的要求。
移动端购物的比重持续上升,消费者期望随时随地能够进行购物,并享受流畅的购物体验。
2.社交电商的兴起
社交媒体与电商的融合,使消费者更容易通过社交平台发现和购买商品,口碑传播和社交推荐对购买决策的影响日益增大。
3.2产品目标和定位
目标:
在接下来的一年内,实现商城销售额增长 50%。
提高用户满意度,将用户好评率提升至 90%以上。
拓展商城的产品线,引入至少 20 种新的热门商品。
定位:
1.本商城致力于成为一家提供高品质并且物美价廉的商品的综合性购物平台。
2.以“优质服务,诚信经营”为宗旨,为用户打造便捷、安心的购物体验。
如提供快速的物流配送服务,保证商品能在最短时间内送达用户手中;设立专业的客服团队,及时解决用户在购物过程中遇到的问题。
3.3目标用户
目标用户:
1.家庭主妇/主夫,关注家居生活用品、食品以及儿童用品的品质和性价比。
2.年轻的学生群体,对时尚饰品和对食品安全都有较高的需求。
被动用户:
1.年龄较大、对互联网购物不太熟悉的老年人,可能需要在他人的引导或帮助下进行购物。
2.对价格极其敏感,更倾向于线下实体店或其他价格更低的购物渠道,只有在商城有大幅度优惠活动时才会前来购物的消费者。
3.4设计目标/思路
设计目标:
1.提供简洁直观的用户界面,确保用户能够轻松浏览和搜索商品,提升购物效率。
2.打造个性化的购物体验,根据用户的浏览历史和购买行为推荐相关商品。
3.优化商城的响应速度,实现快速加载页面,减少用户等待时间。
4.设计富有吸引力的视觉效果,增强品牌形象和用户对商城的好感度。
设计思路:
1.采用扁平化的设计风格,简化页面元素,突出商品展示和关键功能。
例如,减少复杂的装饰和阴影效果,使用清晰的图标和简洁的字体。
2.优化图片和代码,使用 CDN 加速服务,提高页面加载速度。
例如对图片进行压缩处理,合理安排服务器资源。
3.运用鲜明的色彩搭配和独特的布局,营造舒适愉悦的购物氛围。
比如选择符合品牌定位的主色调,设计富有创意的商品展示区域。
四、业务流程
五、页面交互
5.1信息架构
5.2权限说明(有则说明)
功能 | 游客进入 | 注册用户 | 认证用户 |
首页 | 可浏览 | 可浏览 | 可浏览 |
商品详情 | 不可浏览,提示登录 | √ | √ |
我的 | 不可浏览,提示登录 | √ | √ |
购物车 | 不可浏览,提示登录 | √ | √ |
我的反馈 | 不可浏览,提示登录 | √ | √ |
我的足迹 | 不可浏览,提示登录 | √ | √ |
5.3操作流程图
登录注册
5.4低保真原型
5.4通用界面
5.5高保真原型图
六、总结
总收获:
一、技术技能的提升
1.熟练的掌握了Axure RP9的操作
二、设计与审美能力的提高
1.学会了从用户角度出发进行设计,注重页面的简洁性、易用性和美观性。在商城网页的设计中,采用了清晰的导航栏、醒目的搜索框和直观的商品分类,方便用户快速找到所需商品。
2.对色彩搭配、字体选择和图片处理有了更深入的理解。选择了与商城主题相符的温暖色调,搭配简洁明了的字体,使页面看起来舒适且专业。同时,对商品图片进行了精心的处理,保证了图片的清晰度和吸引力。
三、问题解决能力的锻炼
1.面对问题等,通过不断地查阅资料、尝试不同的解决方案,最终成功解决了这些问题。这让我学会了在遇到困难时保持冷静,积极寻找解决办法。
缺陷:
一、项目:
1.无法很好的实现各个页面的协调。
2.无法做到页面的功能完整
二、个人:
1.对学过的知识不常用会变得生疏,需要时不时使用。
2.需要扩展自己的知识,在这个项目过程中涉及了一些之前没有学过的知识。