行动派博客小程序升级到 V2.1.0

2019-06-2012:56:52 10 292 人看过

行动派小程序是在“守望轩”开源代码的基础上进行修改搭建的,从去年 10 月 8 号开始上线以来,已经走过了 8 个月的时间了。这期间一直没有进行任何更新。导致小程序整体样式已经比较老旧,很多细节和体验上的问题也没有得到改善。最近专门抽空出来做了两次版本的更新,一次是大版本号更新,直接从 V1.0.0 上到了 V2.0.0,一次是局部栏目的调整,又从 V2.0.0 上到了 V2.1.0。将这两次版本更新内容和思考归纳如下:

行动派博客小程序升级到 V2.1.0

【一起行动派】小程序预览

 

1、精简底部导航栏

底部导航栏的 5 个标签精简为 4 个,去掉了“关于”的板块。

原因:这个板块是用于展示行动派博客的相关介绍,起到宣传博客的一个效果。但实际应用中,不但起不到很好宣传的效果(小程序无法跳转外链),而且长篇累牍的自嗨式介绍非常影响访客的使用体验。完全没必要单独占用一个底部导航标签。而且减少了一个导航标签,视觉上更加美观,增加了触发标签的面积,大大降低了用户单手操作时出现误操作的几率。

行动派博客小程序升级到 V2.1.0

 

2、首页新增分类目录菜单

小程序的首页金刚区位置新增了四个常用分类菜单,触发后可以直接跳转到该分类目录下的文章。

原因:一方面可以缩短用户的操作路径,另外一方面可以帮助用户找到需要的内容(提升阅读效率)。1.0.0 和 2.0.0 的版本进入相关分类目录的路径是“1、选择底部导航的”专题“标签——2、选择分类目录”。这个操作路径有优化的空间,所以在 2.1.0 的版本中将四个常用的分类菜单添加到小程序首页,用户触发后可以直接跳转到相关分类。

行动派博客小程序升级到 V2.1.0

 

3、首页新增“我的说说”和“最新评论”入口

小程序金刚区的下方新增了“我的说说”和“最新评论”的入口,其中用户触发”我的说说“入口,可以直接跳转到网站的公告页面;

原因:方便用户及时了解网站发布的最新动态和更新提醒。

用户触发”最新评论“入口,可以直接跳转到网站的评论列表,查看所有的网站留言。

原因:鼓励用户进行评论互动,方便管理员及时回复用户留言。

行动派博客小程序升级到 V2.1.0

 

4、“我的”页面调整

新增了【用户角色】,用户显示当前用户在博客网站里面的角色。

新增了【更新信息】按钮,如果用户更新了微信里的昵称和头像等,可以使用这个功能更新用户信息。

新增了【退出登录】按钮,如果用户想退出当前小程序的登录,可以退出。

原因:提升用户的控制感,改善操作体验。

行动派博客小程序升级到 V2.1.0

 

5、调整小程序海报

小程序原来的海报存在以下的问题:

(1)图片没有裁剪,导致海报的图片发生变形;

(2)海报的文字调整起来比较麻烦。
为了解决上述问题,小程序作者采用了一个开源的小程序组件:wxa-plugin-canvas。比较好的解决这两个问题,同时为了增加海报的转发量,把转发者的头像也放到海报里,增强互动性。

行动派博客小程序升级到 V2.1.0

 

6、部分细节调整和 bug 修复

修改文章列表预览图的为圆角等,部分细节调整和 bug 修复!

weinxin
博客小程序【一起行动派】
欢迎访问行动派博客小程序,小程序和博客同步更新,查看内容更加方便!
Action

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:10   其中:访客  6   博主  4

    • avatar 张波博客 4

      数据和博客对接同步吗?

        • avatar Action Admin

          @张波博客 是同步的,内容是从博客抓取的。

        • avatar boke112导航 4

          调整之后的效果看起来确实不错

          • avatar 心灵博客 3

            博主自己开发的?

              • avatar Action Admin

                @心灵博客 不是,我只是代码的搬运工。

              • avatar 留芳网 1

                6的飞起啊,小程序需要网站端配置吗?

                  • avatar Action Admin

                    @留芳网 要的,设置固定链接、开启https等。

                  • avatar 范德萨范德萨 1

                    本来寻找鼠标点击图标的,但是这样发现老哥,你台秀了,常驻