一,内容分发设计规则-HMW分析法
how might me 我们可以怎么样?
是一种通过拆解问题来分析并解决问题的方式
从四个方向分析,1否定,2,积极,3,转移,4分解
![](https://i-blog.csdnimg.cn/blog_migrate/906531865d62d6a6ea8307a4470bf18f.png)
适用场景:头脑风暴,拓宽思路,寻找方向,梳理需求
案例
![](https://i-blog.csdnimg.cn/blog_migrate/ff9d3699a3a26cdd345aa02a0ba7c7c7.png)
二,自媒体端的设计
2.1问题背景
![](https://i-blog.csdnimg.cn/blog_migrate/cc162cb6605813b00209d9b780ccc3d3.png)
2.2需求池分析
![](https://i-blog.csdnimg.cn/blog_migrate/d9d19922c6519d5dae0c0e43e231287d.png)
2.3功能分析
![](https://i-blog.csdnimg.cn/blog_migrate/3a646a5293fc4f2f3224b8110d102948.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f2b30b1396d15d52265b36001239ec3d.png)
![](https://i-blog.csdnimg.cn/blog_migrate/843a23c3438a8b9faa3226f388060140.png)
2.4提炼出来的产品结构
![](https://i-blog.csdnimg.cn/blog_migrate/da67da740d9983dcfcd492d5a6847f36.png)
![](https://i-blog.csdnimg.cn/blog_migrate/601e5d9d02b7e2c1714f20c9954ec681.png)
![](https://i-blog.csdnimg.cn/blog_migrate/8d8ca6ed4e93d35d96933fbc5ce2a4b3.png)
![](https://i-blog.csdnimg.cn/blog_migrate/7af85e86f59ea487bb83c403d5dfabc4.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5d47006c748fbb3ea984c9bc12979542.png)
在设计原型的时候直接从元件库里拖拽即可,所以元件库是很重要的,里面的素材越多越好
三,图文数据
![](https://i-blog.csdnimg.cn/blog_migrate/08687b51cf755740d1e7c0697d65f292.png)
![](https://i-blog.csdnimg.cn/blog_migrate/fad2cdf1fe238feec617a7a3d718700f.png)
四,内容管理模块
![](https://i-blog.csdnimg.cn/blog_migrate/6ae6b14568a77c4ca2d596f8d95b849d.png)
五,交互设计
5.1查询条件
![](https://i-blog.csdnimg.cn/blog_migrate/358a9f98e6a907ee6cd6b0596f09cb1f.png)
5.2文本输入框
![](https://i-blog.csdnimg.cn/blog_migrate/03634c7fa4633a5950acd8bfe6c33f0b.png)
5.3查询结果
![](https://i-blog.csdnimg.cn/blog_migrate/f43d907b247eba9a72e9d231d6f3d48b.png)
六,评论管理
![](https://i-blog.csdnimg.cn/blog_migrate/f991dd43f529d4d678fd21bf2e3fd065.png)
![](https://i-blog.csdnimg.cn/blog_migrate/456be2dd334e6433addfc6d86fe6d2ef.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c7c3a24137186ff5752ffe57ba2da11a.png)