基于Web的二手房交易系统
墨刀、Axure和Mockplus适用领域及优缺点
墨刀（MockingBot）:
- 适用领域：墨刀主要定位于移动端原型设计，特别适合移动应用和微信小程序的快速原型制作。
- 优点：
- 操作简便：界面直观，新手上手快，拖拽式操作使得设计过程高效。
- 动效丰富：提供多种动效，方便设计师制作生动的交互效果。
- 缺点：
- 自由度限制：相比Axure，墨刀在交互效果和控件组合上的自由度较低。
- 项目数量限制：免费版对项目数量和页面数量有一定限制，对于大型项目或商业使用可能需要付费升级。
Axure RP（Axure）:
- 适用领域：Axure适用于复杂和高保真的原型设计制作。
- 优点：
- 功能强大：提供丰富的组件库和强大的交互功能，能够实现复杂的页面逻辑和动态效果。
- 团队协作：支持多人协作和版本控制，适合大型团队使用。
- 缺点：
- 学习曲线陡峭：功能繁多，新手需要较长时间学习和掌握。
- 本地操作限制：Axure主要运行在本地，对于需要云端协作的团队可能不太方便。
Mockplus（Mockplus）:
- 适用领域：Mockplus适合快速原型设计和迭代，适用于移动应用、Web应用和桌面应用的原型制作。
- 优点：
- 快速高效：提供丰富的组件和模板，可以快速搭建原型。
- 团队协作：支持团队成员之间的协作和文件共享。
- 缺点：
- 交互设计限制：相比Axure，Mockplus在交互设计方面的功能可能不够强大。
- 视觉设计限制：对于需要精细调整视觉设计的项目，Mockplus可能不如Sketch等设计工具灵活。
功能
- 首页
- 用户注册与登录
- 具体化：设计一个简洁的注册表单，要求输入基本信息如用户名、密码，并提供验证码以防止机器人注册。用户在访问系统时，如果是新用户则必须先进行注册，等注册成功后在自动回到登陆界面进入系统，进行需要的操作。
- 房源信息发布
- 具体化：提供一个表单，允许用户上传房源区域、输入地址、户型、价格和其他相关信息。房主可以点击“发布房源”按钮，进入一个带有步骤指导的发布流程，逐步填写房源信息并上传图片。
- 房源搜索与筛选
- 具体化：在主页上有一个显眼的搜索框，用户可以输入关键词，选择区域、价格范围、房型等，系统会显示该地区的所有可用房源。
- 求租
- 具体化：在主页上有一个显眼的搜索框，用户可以输入关键词，如地点、价格范围、房型等，系统会显示该地区的所有求租房源。
界面设计考虑因素
- 布局
- 具体化：主页顶部是一个水平导航栏，中间是搜索框和热门房源展示，右侧是用户登录/注册入口
- 导航
- 具体化：创建一个全局导航栏，包含“首页”、“出租”、“求租”、“后台管理”、“个人中心”等链接。
- 颜色和图标
- 具体化：所有按钮都有深蓝色的边框和背景，图标使用简单的线条和形状来表示不同的功能。
操作步骤的简单说明
1. 主界面（首页）
界面功能：
- 提供系统概览
- 展示热门房源
- 显示搜索栏和筛选条件
界面组成：
- 顶部导航栏
- 搜索栏和筛选条件区域
- 热门房源展示区
- 系统功能入口（如“如何发布房源”、“联系我们”等）
前置条件：
- 用户打开网站
后置条件：
- 用户可以进入搜索界面或注册/登录界面
操作步骤：
- 用户访问网站。
- 用户查看首页内容。
- 用户可以选择使用搜索功能或浏览热门房源。
2. 注册界面
界面功能：
- 登录新用户账户
- 创建新用户账户
界面组成：
- 注册表单（包括用户名、密码、邮箱、手机号码等字段）
- 验证码输入框
- 注册按钮
前置条件：
- 用户在主界面点击“注册”按钮
后置条件：
- 用户完成注册并跳转回登录界面或主界面
操作步骤：
- 用户在主界面点击“注册”。
- 填写注册表单，包括所有必要信息。
- 输入验证码。
- 点击“注册”按钮完成注册。
3. 登录界面
界面功能：
- 用户验证身份并进入系统
界面组成：
- 登录表单（包括用户名和密码字段）
- 登录按钮
前置条件：
- 用户在主界面点击“登录”按钮或尝试访问受保护的页面
后置条件：
- 用户成功登录后进入系统主界面或用户个人中心
操作步骤：
- 用户在主界面点击“登录”。
- 输入用户名和密码。
- 点击“登录”按钮。
- 如果登录成功，用户将被登录到主界面。
4. 房源详情界面
界面功能：
- 展示房源详细信息
界面组成：
- 房源价格、位置、房型等详细信息
前置条件：
- 用户在房源列表中点击某个房源
后置条件：
- 用户可以联系房主、预约看房或返回房源列表
操作步骤：
- 使用搜索栏输入关键词或筛选条件。
- 浏览搜索结果中的房源列表。
目标界面：房源列表界面。
后置操作：用户点击某个房源，进入房源详情界面。
5. 查看房源详情
起始界面：房源列表界面。
操作步骤：
- 查看房源详细信息。
目标界面：房源详情界面。
后置操作：返回房源列表。
6. 发布房源
起始界面：主界面或个人中心。
操作步骤：
- 点击“发布房源”按钮。
- 填写房源信息表单，上传图片等。
- 提交表单。
目标界面：发布房源界面。
后置操作：系统审核房源信息，审核通过后房源将被发布到房源列表中。
7. 退出系统
起始界面：任何界面。
操作步骤：
- 关闭浏览器。
目标界面：无
后置操作：用户会话结束，所有未保存的数据将丢失。
