哈勃手机版。 3.0版

你们中的某些人可能会首次使用Habr的移动版本,相反,有人会说:“ 这是第三个版本,无论如何,但在2009年是最多的版本 。” 尽管如此,这一次我想做的不仅仅是宣布新的移动版本。 倒带时光并记得时光倒流真是太好了。
对于这样的回顾,我们不得不转向网络档案。 多亏了他,在网站的生命周期中可以区分以下几个阶段:

2009年4月22日


生日手机版。 哈布雷(Habré)上的ID身份shniks才刚刚开始迈向六位数字的旅程,而在Krivokolenny巷的TM办公室(当时该缩写仍被译为“主题媒体”)中,初创公司的氛围盛行。 在此日期之前不久,在其中一位开发人员(Maxim rossomachin )的领导下 ,出现了制作Habr的实验精简版的想法,该版本在移动设备上会更好地工作。

三个人(一名程序员,一名Web技术专家和一名界面设计师),两周的时间和最短的公告发布时间出现在网站上: μHabr (公告的字面意思)。 正如他们所说,仅此而已-无论是在公告中还是在新生的nuHabr muHabr中。 然后这个名字没有扎根,因为很难正确拼写,而且每个人都认为这是一个habratracker。 因此,“ Microhabr”这个名字很快就留在了这个项目上。

第一个移动版本的功能:

  • 每个页面平均重5 KB(不包括内容)
  • 完全缺乏广告和不必要的元素
  • 每页包含40个出版物链接
  • 在所有主要的移动平台上都能很好地展示

在此版本中,授权,投票和评论功能不可用。 也就是说,它只能用于阅读,事实上,当时她是需要阅读的。 microhabr与RSS聚合器没有太大区别,但是它不需要单独的应用程序(浏览器除外)。

她看起来像这样:

2010


如果Microhabr拥有Twitter帐户,那么在接下来的几年中,他就像森林中的石头Twitter:每天“今天什么都没发生”。 好吧,也许一旦对字体进行了梳理,使它们变大了而褪色了:
以这种形式(布局略有变化),移动版本一直存在到2014年,因为当时的移动流量微不足道。

2013年


早在Habr上的博客,用手的轻松移动就变成了优雅的中心。 可以将每个出版物都附加到多个中心,因此必须将中心列表移到标题下。 移动版本仍然是原始的阅读器-移动流量的繁荣并没有发生,并且整个runet都一致忽略了电话解决方案。

2014。2.0版和移动应用程序


从2009年到2014年,移动版的Habr仍然是一个简单的阅读器。 但是,随着移动受众群体的增长,我们不得不将手机升级到2014年6月10日发布的第二个版本。 这不是一个员工的业余爱好实验,而是一群人在初步阴谋中的故意工作。

如果在各个PDA的对角线屏幕(及其分辨率)之前没有特别允许使用凹痕的话,那么到2014年,智能手机已经占领 帝国市场的铁腕 。 由于采用了新的排版并增加了页边空白,因此已经很难在每页显示40个出版物,因此出版物的数量已减少到10个。“ Microhabr”这个名称在任何地方都不会出现-“移动版本”无处不在。

尽管实际上这只是一次改头换面(因为以前的设计在道德上已过时),但新的“手机”具有新功能:授权出现了,因此能够跟踪用户已经阅读的出版物上的新评论。 也有机会转到所需的中心或公司博客。
同年,Habr 官方应用程序发布,并立即在以下三个平台(psychoanuli)下发布:iOS,Android和Windows Phone。 功能相似:授权,阅读提要,订阅中心,投票收藏夹评论。

图片

在iOS应用程序中,用户的头像上有一个小的复活节彩蛋,几乎没人能找到。

2015. TM Feed


2014年底,哈伯(Habr)历史上的另一个重要事件发生了-Geektimes 脱离了它。 一些用户对随后将出版物分为两个站点非常敏感,因此为了以某种方式麻醉,我们制作了 TM Feed,这是两个站点之间的桥梁。 相同的移动版本,但可以选择一个或两个站点作为源。 或全部三个(当Megamind也在2015年出现时)。

2017年


项目分离几年后,我们决定在大型Internet上学习课程。 乘几艘船去那里比一艘大型破冰船上困难得多,因此决定重新统一所有以前分割的项目。 开始执行此操作的最简单方法是合并内容项目,因为它们尽可能相似且结构紧密。 同时,不再需要TM Feed,因此它从顶部菜单中消失了。

2018年


我们只剩下Habr,我们决定更新他的移动版本,事实上,自2014年以来,该版本一直没有变化。 由于大量继承的长期代码,在旧版本上很难做到这一点,因此决定不重新装修它,而是进行大修:从头开始重新绘制所有内容,重写整个后端和前端。

如果从构思到2009年的发布只用了2周的时间,那么到了2018年,我们将无法承受如此敏捷的挑战,并试图“以成人的方式”做所有事情:仅Beta测试就花费了几个月,其中有7000多人参加。 而且,正如您所知,这不是徒劳的-多亏了他,您才得以解决移动版本中的许多错误:从小的不起眼的昆虫到巨型的巨人甲虫。 今天,在一年级的钟声敲响下,我们决定最终走向环保。

我们一直坚持的座右铭:移动版≠精简版。 因此,在以前的要求(方便阅读出版物)中增加了一些新功能,并为进一步扩展奠定了基础。

从新的:

  • 所有实体可用:流,中心,公司和用户列表
  • 支持对出版物进行排序:按订阅,连续且最佳(每天/每周/每月)
  • 每个帖子都有一个新评论的计数器
  • 搜索出版物和用户
  • 在出版物的底部,出现一个菜单,其中带有指标的页面向上滚动
  • 投票更方便发表评论

关于设计


“完成的工作 几乎不能被称为重新设计。 实际上,我们创建了一个新产品,只保留了旧产品中的地址。 主要目标是创建一个统一的视觉环境,其中包括项目的图形样式和重复的行为方案。”

//设计师

关于技术


“旧的移动版本在前端使用jQuery,在后端使用Blitz模板引擎的PHP。 新产品基于更现代和完善的技术。 即,Vue及其附近的整个堆栈(vuex,vue-router,vue-meta,vue-server-render),Express和Node.js:有一个SPA形式的前端,一个后端(为搜索引擎和代理请求呈现此SPA)在API中)和单独的API服务器。”

//开发人员

特斯拉车主痛苦地承认,新的移动版本比其电动汽车快得多:)

我们必须了解,目前我们将发布移动Habr的基本版本,而不是最终版本:我们将在稍后发布具有新功能的新产品。

好吧,去吗? 我们创建了: m.habr.com

Source: https://habr.com/ru/post/zh-CN422139/


All Articles