Skip to content

古文网 初始版本 有关需求及设计的建议 #1

Open

Description

@yangfan0095
No description provided.

Activity

  1. yangfan0095 commented on Jan 6, 2018

    @yangfan0095
    ContributorAuthor

    初始版本需求建议

    ( 非专业设计 ,只谈肤浅的观点 )

    第一个网站是初始版本,原则上以主要满足三个方面 :

    • 1 网站风格要求简洁明了,有自己的风格。能够满足提的基本的浏览需求 如目录分类,查看目录, 查看文章,快捷搜索功能。
    • 2 可拓展性,设计也好 代码架构也好,要求要有一定的拓展性,给后期的需求变更带来便利。
    • 3 内容方面 需要扩充内容。 我们需要有所有的古文经史类书籍 1) 还需要添加古典小说(如,红楼梦,三国聊斋这样的)这个以后是重点吸引用户的 ,2)所有的诗词数据

    设计相关

    首先我觉得 设计要体现一个直观的风格,比如知乎,掘金 ,一看就是内容社区,风格简约不花哨,很清新,其实我们要做的就是一个以浏览体验为主的网站。 体验好不好着重在于内容的表现。

    所以我觉得 我们这个网站需要有一个主题色,以这个主题色为主,以极简约的方式来呈现内容。 部分组件可以直接使用现有的UI框架,比如著名的material-ui 。https://github.com/mui-org/material-ui。这样可以降低前期开发难度,同时达到统一的体验。

    功能方面

    功能方面, 其实最主要的功能就是 目录查询, 点击进入目录查看具体文章。 比如目前的demo https://github.com/yangfan0095/guwen-react 但是你现在使用了这个demo会发现有很多体验上需要优化的地方, 比如:

    • 搜索功能( 搜索功能的入口,展现方式 。)

    • 首页即入口PC端应该增加分类 来过滤目录列表,移动端可以直接把这个功能隐藏起来 或者直接放到搜索功能的入口里面。这样的目的是 。功能全,但是不会污染视觉 ,细节上可以推敲。

    • 进入具体的内容页面 我们不仅要有上一页下一页,还应该在页面中增加章节列表 快速跳转 ,这样方便用户 实现快速切换。

    (PS: 我觉得这些是用户最需要的功能,这个做好了 体验就上去了 )

    可拓展性 ,具体涉及到代码:

    • 可拓展性首先是需要可读性 ,所以代码要规范,每个方法 变量需要有注释。结构逻辑尽量清晰,一目了然。这个可以多看一些设计模式,和重构的文章 这个实现起来难点重在心细和坚持,而非技术层面。

    • 架构层面,后端使用 koa2.x + mongoDB ,前端使用 beidou的React SSR方案,前后端分离开发。后端代码尽量遵循MVC 要求分层明确。可以大量使用ES7 的语法 来提升代码的简洁性和可阅读性。

    内容扩充

    前面提到内容扩充, 我们这个社区是想囊括所有的国学经典,包括经史类,小说类,诗词歌赋,总之一切能够搜集到的古代文集资料吧。 重点吸引用户 应该是经史类和小说类的古籍。设计到技术 就是我们的爬虫抓取吧 这个不是难事。

  2. william-xue commented on Jan 13, 2018

    @william-xue
    Member

    加上评论,互动,交流,赞 ,打赏,支付的功能。只展示不支付总感觉缺点

  3. william-xue commented on Jan 13, 2018

    @william-xue
    Member

    微信读书的产品思路可以借鉴

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions