一、以下是墨刀、Axure、Mockplus三种原型设计工具的适用领域、优点和缺点的简洁对比:
墨刀
适用领域:快速原型设计、移动应用和网站设计、团队协作。
优点:简单易用,资源丰富,云端协作便捷,有价格优势。
缺点:功能有限,自定义不足,处理大型项目性能可能不稳定,国际化程度不高。
Axure
适用领域:复杂交互设计、企业级应用、数据驱动设计
优点:功能强大,高度可定制,文档和输出丰富,社区支持丰富。
缺点:学习成本高,价格昂贵,系统要求高,实时协作相对弱。
Mockplus
适用领域:快速原型设计、移动应用设计、小型团队协作。
优点:简单易学,组件库丰富,团队协作友好,交互功能实用。
缺点:功能相对简单,适用范围有限,国际化不足,处理大型项目可能有性能问题。

二、对主题名称、功能、界面设计考虑因素等进行说明;
1.主题名称:
名称 :仙菜
寓意 :“仙菜” 二字给人一种新颖、独特的感觉,容易让人记住。在二手交易的语境中,“仙菜” 可以理解为像仙人吃的菜一样珍贵、优质的二手数码产品,寓意着平台上的商品品质上乘,具有较高的价值和吸引力,同时也为平台增添了一丝趣味性和神秘感,激发用户的好奇心和探索欲。
2.功能:
(1)商品展示与搜索:平台提供丰富的数码产品展示,包括手机、电脑、相机等各类电子产品。用户可以通过搜索栏快速查找自己需要的商品,也可以利用分类导航栏,如按照品牌、类型、价格区间等进行筛选,方便用户精准定位目标商品,提高购物效率。
(2)交易流程 :涵盖了从商品浏览、选中商品、下单购买、支付、发货到收货确认等完整的交易环节,确保交易流程安全便捷。卖家可以方便地发布商品信息,设置商品价格、参数、图片等;买家则能清晰地了解商品详情,轻松完成购买操作,并可实时查看订单状态,如待付款、待发货、待收货、待评价等,随时掌握交易进度。
(3)信用评价系统 :买家和卖家在交易完成后可以互相进行评价,包括好评、中评和差评,评价内容可以是文字描述,也可以搭配图片,这样有助于其他用户了解买卖双方的信誉状况和商品的实际质量。平台还会根据用户的评价和交易记录,对用户进行信用评级,如 “买家信用极好”“卖家信用极好” 等,为其他用户提供便捷的参考依据,增强交易信任度。
(4)交流互动功能 :用户可以在商品详情页或评价页进行留言、咨询、吐槽等操作,促进买卖双方之间的沟通交流,及时解决交易过程中出现的问题和疑问,提升用户体验。此外,还设有 “我要吐槽” 板块,让用户能够表达自己在平台使用过程中的意见和建议,平台方可以据此对产品进行优化改进。
(5)个人中心功能 :用户可以查看和管理自己的个人信息,如个人资料、地址管理、账号安全设置等,保障账户的安全性和隐私性。在个人中心,用户还能查看自己的交易记录,包括我买入的、我卖出的、我的发布等,方便用户对交易情况进行统计和回顾;同时,也能查看自己的收藏、历史浏览记录、关注的人和圈子等信息,满足用户个性化的需求和偏好,提高用户对平台的粘性。
3.界面设计考虑因素:
(1)信息架构 :按照用户使用二手交易平台的习惯和逻辑,对信息进行合理分类和组织。首页设置了搜索栏、分类导航、推荐模块等重要功能入口,方便用户快速找到自己所需的内容;个人中心则集中整合了用户相关的个人资料、交易记录、收藏等信息,使信息层次清晰,便于用户理解和操作。
(2)视觉层次 :通过色彩、字体大小、图标设计等元素营造出清晰的视觉层次。重要信息如商品标题、价格、交易状态等采用较大的字体和醒目的颜色突出显示,吸引用户注意力;次要信息则相对弱化处理,避免干扰用户视线。同时,不同功能模块之间也有明显的区分和过渡,让用户在浏览过程中能够自然地感知到信息的主次关系。
(3)用户习惯 :考虑到不同年龄层、职业背景的用户使用习惯存在差异,界面设计尽量简洁直观,操作流程简便易懂,降低用户的学习成本和使用门槛。例如,对于老年用户或不熟悉电子产品操作的用户,采用大图标、大字体等设计元素,提高操作的便捷性和准确性;对于年轻用户和数码爱好者,则在保证基本功能易用性的基础上,适当增加一些个性化、趣味性的设计,如自定义界面布局功能、交互反馈特效等,满足他们对个性化和创新体验的追求。
(4)响应式设计与性能优化 :确保平台在不同尺寸的设备上都能良好显示和运行,无论是电脑端还是手机端,用户都能获得一致的视觉效果和操作体验。同时,注重页面的加载速度和交互的流畅性,通过优化图片资源、减少不必要的动画效果、采用高效的代码架构等方式,提高平台的性能表现,避免因页面卡顿、加载时间过长等问题影响用户体验,提升用户对平台的好感度和忠诚度。
(5)品牌形象与风格 :界面设计的色彩搭配、图标风格、排版布局等都围绕着塑造一个年轻、活力、时尚且具有科技感的品牌形象展开。以简洁明快的色调为主,搭配适当的科技元素,体现出数码产品的特点和平台的现代感;图标设计注重辨识度和美观性,使其与品牌形象相契合,给用户留下深刻的品牌印象,增强品牌的吸引力和竞争力。

三、要求:每位同学提供至少四个切换界面,每个界面提供界面功能,界面组成,前置条件,后置条件,操作步骤简单说明;
整个软件分为“首页”,“发现”,“发布”,“消息”,“我的”五个部分。我负责“消息”界面,做了相关五个界面。

1.界面功能:用于展示用户收到的各类消息,方便用户查看与不同对象的交流记录及系统通知,促进交易沟通、信息获取等
2.界面组成:
①顶部栏:显示时间、状态图标(信号、电量) ,有 “消息列表” 标题,以及客服图标、设置图标
②消息区:分为官方小助手和用户聊天记录,每条消息显示头像、昵称、消息摘要、时间,部分消息右侧有对应商品图片
③底部栏:有 “首页” “发现” “+”(发布)“消息”(当前所在页,有未读消息红点提示) “我的” 图标
3.前置条件:用户已登录该应用,应用已成功连接网络,且有新消息产生或之前有未读消息,点击底部导航栏“我的”
4.后置条件:用户查看消息后,可进行回复、评价、点击通知链接等操作,消息状态可能变为已读,相关业务流程(如交易评价流程)可能推进
5.操作步骤:
①查看消息:进入 “消息” 页面,即可浏览通知列表和用户聊天消息
②回复消息:点击具体消息进入聊天界面,输入内容后发送
③处理通知:点击官方小助手等通知消息,按引导操作(如点击链接领取会员卡)


1.界面功能:用于让用户对聊天设置进行自定义调整,控制消息通知的接收类型、提示方式等,以满足个性化消息管理需求
2.界面组成:
①顶部栏:显示时间、状态图标(信号、电量),有 “消息设置” 标题,以及返回箭头(用于返回上一级页面)
②设置区:
Ⅰ接收平台消息通知:显示当前状态为 “已开启”
Ⅱ聊天设置:包括 “互动消息设置(留言,回复,出价)” “通知消息(平台通知,权益提醒)” “关注上新(关注人的宝贝上新消息)” “讨论回复(评论,点赞)” 等子项,各子项右侧有开关按钮
Ⅲ消息提示音:包含 “声音” “振动” 两个子项,右侧有开关按钮
Ⅳ其他:“聊天数据库修复” 选项
3.前置条件:用户已登录应用,点击底部导航栏“消息”,进入到消息页面,再点击右上角“设置”图标
4.后置条件:用户完成设置操作后,系统会按照新的设置规则来推送消息通知。例如开启或关闭某些消息类型的通知,设备将相应地接收或屏蔽相关消息提醒
5.操作步骤:
①调整消息通知类型:找到想要调整的消息设置项(如 “互动消息设置” 等),点击右侧开关按钮,蓝色表示开启,灰色表示关闭
②设置消息提示音:在 “消息提示音” 下,点击 “声音” “振动” 右侧开关按钮,按需开启或关闭
③进行其他操作:如需修复聊天数据库,点击 “聊天数据库修复” 选项


1.界面功能:用于买卖双方就订单收货地址等信息进行沟通确认,支持发送文字、表情、图片等内容,方便交易顺利进行
2.界面组成:
①顶部栏:显示时间、状态图标(信号,电量) ,有对方昵称 “孙解放” 以及返回箭头(用于返回消息列表)
②消息区:展示对方发送的消息,包含商品信息、收货人、收货号码、收货地址,以及 “修改地址” 和 “已确认” 按钮;下方有己方回复的 “已确认” 消息及头像图标
③输入区:有麦克风、表情、图片、拍照、音乐等功能图标,虚拟键盘, “发送” 按钮
3.前置条件:用户已登录应用,点击底部导航栏的“消息”,在消息列表中点击与 “孙解放” 的聊天记录,进入该聊天界面
4.后置条件:若用户点击 “修改地址”,可进入地址编辑页面修改收货地址;点击 “已确认”,向对方反馈地址已确认信息;发送文字等内容后,消息会展示在聊天消息区,推进交易沟通进程
5.操作步骤:
①确认地址:查看对方发送的收货地址信息,若无误,可点击 “已确认” 按钮反馈。
②修改地址:若地址有误,点击 “修改地址” 进入编辑页面修改。
③发送消息:在输入框输入文字内容,或点击功能图标添加表情、图片等,点击 “发送” 按钮发出消息


1.界面功能:为用户提供常见问题解答和便捷工具入口,帮助用户快速解决使用过程中遇到的疑问,处理举报、账号管理等事务,必要时可联系在线客服获取人工支持
2.界面组成:
①顶部栏:显示时间、状态图标(信号、电量等) ,有返回箭头(用于返回上一级页面)和搜索框
②工具区:包含 “快速举报” “违规查询” “账号管理” “查看钱款” “全部工具” 五个功能图标按钮
③热点问题区:罗列一系列常见问题,如 “软件服务费具体如何收?”“如何申请退款?” 等
④底部按钮:“在线客服” 按钮,用于联系人工客服
3.前置条件:用户已登录应用,点击底部导航栏“消息”,点击右上角“客服”图标进入该界面
4.后置条件:用户点击热点问题可查看对应解答,点击工具图标可进入相关功能页面操作,点击 “在线客服” 可与人工客服沟通,问题得到解答或处理
5.操作步骤:
①查找问题答案:在搜索框输入关键词搜索问题;或在热点问题列表中查找相关问题,点击查看解答
②使用工具:点击 “快速举报” 等工具图标,进入对应功能页面,按提示操作
③联系客服:点击 “在线客服” 按钮,进入聊天窗口与人工客服交流


1.界面功能:为用户提供客服咨询服务,智能客服 24 小时在线解答常见问题,人工客服在特定时间段提供人工支持,帮助用户解决发货、收货、退款、纠纷等交易相关问题
2.界面组成:
①顶部栏:显示时间、状态图标(信号、电量) ,有 “在线客服” 标题和返回箭头(用于返回上一级页面)
②客服信息区:标注 “智能客服 24 小时在线” “人工客服 09:00 - 21:00 为您服务”
③客服消息区:智能客服发送的问候消息及引导内容,包含 “选择订单” 按钮,以及 “被处罚了如何申诉?”“如何发起举报?” 等快捷问题入口
④功能按钮区:“咨询交易问题” “举报发起” 两个功能按钮
⑤输入区:输入框及添加图标(可能用于添加图片等附件 )
3.前置条件:用户已登录应用,点击底部导航栏“消息”,点击右上角“客服”图标,进入客服界面后,点击下方“在线客服”进入在线客服界面
4.后置条件:用户输入问题或点击快捷问题、功能按钮后,智能客服给出相应回复;若在人工客服服务时间段,可转接人工客服进一步沟通,问题得到解答或处理
5.操作步骤:
①选择订单咨询:若咨询与订单相关问题,点击 “选择订单”,选择具体订单后描述问题
②使用快捷问题:点击 “被处罚了如何申诉?” 等快捷问题,查看智能客服回复
③输入问题咨询:在输入框输入具体问题,点击发送,等待客服回复
④点击功能按钮:点击 “咨询交易问题” 或 “举报发起” 按钮,按引导进行操作

四、提供界面切换流程说明。



以下是这五个界面的切换流程说明:
从消息列表界面到聊天设置界面:
在“消息列表”界面,点击右上角的设置图标(齿轮形状 ),即可进入“聊天设置”界面,用于调整各类消息通知及提示音等设置
从消息列表界面到聊天界面:
在“消息列表”界面,点击某一具体联系人(如“孙解放” )的消息记录,即可进入与该联系人的“聊天界面”,进行消息沟通和订单信息确认等操作。
从聊天界面到消息列表界面:
在与“孙解放”的“聊天界面” 中,点击左上角的返回箭头图标,即可返回到“消息列表”界面,查看所有消息记录
从消息列表界面到客服中心界面:
在“消息列表”界面,点击右上角的“客服中心”图标(带耳机的小人),点击进入后可看到包含热点问题解决办法、工具入口等的界面
从客服中心界面到在线客服界面:
在客服中心界面,点击底部的“在线客服”按钮,即可进入“在线客服”界面,与智能客服或人工客服进行咨询交流。
五、整体软件演示
https://modao.cc/proto/9h7nEMHdsuyd5n1oQSYVHt/sharing?view_mode=read_only&screen=rbpUinG26WX1XlTOo #仙菜-分享