第二篇 - 设计篇:静馨舍app功能设计

前言

本章主要对静馨舍app功能的设计,项目原型图地址,密码:102466。我的原型图就是UI设计图。

注意,查看的时候最好把备注关掉(点击一下不显红即可,否则会给查看带来一定不变):

备注是做一些规则说明

第二篇 - 设计篇:静馨舍app功能设计_第1张图片

功能设计

app主要包含3个功能板块:首页模板、用户模块、频道模块、感言模块、通用设置。

首页

  1. 用户进入app首先会进入到首页面,首页面主要展示banner轮播图,下面有频道和感言tab切换列表:

第二篇 - 设计篇:静馨舍app功能设计_第2张图片

  1. 点击搜索按钮,进入频道和感言搜索列表:

第二篇 - 设计篇:静馨舍app功能设计_第3张图片

  1. 点击添加按钮,进入选择频道类型界面,选择要新增的频道(用户必须登录情况下才可以添加频道)

第二篇 - 设计篇:静馨舍app功能设计_第4张图片

  1. 点击app左上方头像,如果app未登录那么跳转登录/注册页面;否则跳转到个人信息页面;

用户功能

  1. 注册一个app,唯一标识仅此输入一次,后面不可更改,在后面做唯一性校验。例如在重置密码时输入该唯一标识(为了节约成本,不采用短信,没钱!!!)

第二篇 - 设计篇:静馨舍app功能设计_第5张图片

  • 注册完成不需要重新登录。
  1. 用户登录:暂时未做三方登录;

第二篇 - 设计篇:静馨舍app功能设计_第6张图片

  1. 忘记密码:这里的唯一标识就是注册时填写的,

第二篇 - 设计篇:静馨舍app功能设计_第7张图片

  1. 注册或登录后点击首页左上方头像,进入个人中心:用户可修改头像,昵称,手机号,没有身份证号,性别;也可以查看我的消息,我的关注(当前只能关注频道),我创建的频道,我发布的感言

第二篇 - 设计篇:静馨舍app功能设计_第8张图片

  1. 我的消息

第二篇 - 设计篇:静馨舍app功能设计_第9张图片

  1. 我的关注、频道、感言

第二篇 - 设计篇:静馨舍app功能设计_第10张图片

  1. 通用设置

第二篇 - 设计篇:静馨舍app功能设计_第11张图片

频道功能

用户在登录状态下可以去新建频道,频道分为三种:普通频道、打卡频道、态度频道。

普通频道

  1. 有频道名、频道内容、可上传多图;

第二篇 - 设计篇:静馨舍app功能设计_第12张图片

  1. 这里有个设置按钮(打卡频道和态度频道都有该设置功能,和当前普通频道功能一致):用于设置当前频道下支持可发布的最大感言类型范围,如果不限制,那么感言可以发图、语音、视频;如果关闭语音,表示当前感言不能发送语音;
  • 文本不在限制作用以内,也就是说文本一直可以发送;
  • 为什么是最大感言类型范围?因为表示当前频道下支持用户发布哪些类型的感言;

第二篇 - 设计篇:静馨舍app功能设计_第13张图片

在这里插入图片描述

  1. 频道详情:可以发布感言、查看当前频道关注者、还可以关注、分享、举报、删除频道(频道创建者才可)

第二篇 - 设计篇:静馨舍app功能设计_第14张图片

第二篇 - 设计篇:静馨舍app功能设计_第15张图片

打卡频道

  1. 打卡频道和普通频道基本一致,唯一的区别是打卡频道详情

第二篇 - 设计篇:静馨舍app功能设计_第16张图片

  1. 打卡频道详情用户可以每天(最多一次)对当前频道打个卡。

第二篇 - 设计篇:静馨舍app功能设计_第17张图片

  1. 并且打卡明细显示的是当月当前用户的打卡情况:

第二篇 - 设计篇:静馨舍app功能设计_第18张图片

态度频道

  1. 新增态度频道,

第二篇 - 设计篇:静馨舍app功能设计_第19张图片

  1. 进入态度详情的显示如下,用户可以对当前态度表态,表示当前用户支持红色观点还是绿色观点,

第二篇 - 设计篇:静馨舍app功能设计_第20张图片

  1. 往上滑动一下当前界面,可出现和普通频道、打卡频道(除了详情布局)一样的详情界面;

第二篇 - 设计篇:静馨舍app功能设计_第21张图片

感言功能

感言在频道详情中发布:

  1. 发布文本,输入文字直接点击发送接口

第二篇 - 设计篇:静馨舍app功能设计_第22张图片

  1. 发布附件,点击加号(逻辑有点小复杂,根据感言发布规则,不允许点击是,当前按钮显灰色并且不可点击)

第二篇 - 设计篇:静馨舍app功能设计_第23张图片

  1. 点击语音

第二篇 - 设计篇:静馨舍app功能设计_第24张图片

  1. 附件发布预览

第二篇 - 设计篇:静馨舍app功能设计_第25张图片

  • 毕竟只是一个设计图,真正的实现不会这么敷衍;
  1. 点击列表的item进入感言详情,感言详情可以对感言发布评论,评论是文本+语音(语音暂时可能不实现)

第二篇 - 设计篇:静馨舍app功能设计_第26张图片

  1. 感言也可以分析,举报

第二篇 - 设计篇:静馨舍app功能设计_第27张图片

通用设置

在用户个人中心右上角的按钮点击可以进入。

规则设计

  1. 非登录状态下只能做查看;增、删、改必须在登录状态下才能进行;

  2. 密码规则:6-20字母或数字;

  3. 图片规则,如果支持上传多图,那么图片个数不允许超过6个;

  4. 新建普通频道规则:标题25个字以内,内容200个字以内,标题必填,可上传多图;

  5. 感言的发布类型:((1)和(2)取并集)(1)取决于所属频道的设置权限; && (2)① 文本可以和下面任意组合搭配,也可以是纯文本;② 图片 ;③语音;④视频;⑤图片+语音;

  6. 创建打卡频道规则:内容50个字以内,内容必填,可上传多图;

  7. 频道打卡,每天最多可以打卡一次;

  8. 新增态度频道,绿色观点的图片或文字必须有一个,红色观点的图片或文字必须有一个;文字是50个字以内;

  9. 态度频道表态,用户只能表态一次,并且表态后不得修改;

  10. 所有列表显示的时间规则: (1)1分钟内,显示x秒前;(2)1小时内,显示X分钟前;(3)24小时以内,显示X小时前;(4)7天内,显示X天前;(5)30天以内,显示X周前;(6)12个月以内,显示X月前;(7)12月以外显示X年前;

  11. 所有大图的显示都是16:9;小图使用正方形;全局预览图根据实际引入的框架;

总结

重要的部分应该都讲到了,下一章主要针对当前功能设计去完成数据库设计。

可在QQ群:575306647 讨论

你可能感兴趣的:(从0开始开发一款app实战,android,java,ios)