30

经过数个月的重构,终于上线跟大家见面了。关于这次重构,先用一幅简单的图片描述一下产品的历程,轻松一下:

Untitled.jpg

信息结构重构

SegmentFault 上线之初,只有问答一个功能(下图粉红色区域),对所有事物都充满好奇,充满着各种不确定。用户增长带来的各种需求,让他渐渐变得丰满,也开始变得臃肿混乱。

mind2.png

SegmentFault 的开发风格一向都是高效、快速。2 年过去了,高耦合度的设计局限性开始突显。每一个新功能的增加都倍感吃力,使用时又带来各种稳定性问题。我们也不再是 2、3 个技术人员的团队了,需要用更高级的架构让团队开发更有效率,而不是耗费大量对付一些历史遗留问题。我们需要重新找回 SegmentFault 的开发节奏。

长痛不如短痛,对整个网站结构和功能来次彻底梳理(见上图):

  1. 砍去不需要的功能
  2. 强化重要功能
  3. 隐藏没想清楚的功能

SegmentFault 在经过这样的重塑后,打通了奇经八脉。各模块直接相互独立不受影响,又可以良好的相互访问调用。即使今后增加再变态的需求,也能应付自如。

功能重构

关注与收藏分开

重构前:这两个功能合并在一起,名为【标记】,在收藏问题的同时,能持续收到问题的动态
重构后:关注仅仅是为了跟进动态,收藏是自己对内容的归类,方便今后查询1

2.png

多收藏夹管理

收藏功能不再是把东西放进冰箱一团乱了,我们现在可以创建不同的收藏夹,将不同的东西分门别类整理好。还可以公开自己的收藏夹,将整理后的系列专题分享给大家。

3.png

社区内容管理

所有用户产生的内容,不同等级的用户拥有不同的权限。社区的内容的增长,广告等垃圾信息也越来越多。我们需要更多的人参与管理,因此当用户权限不足时,可以通过举报的形式,交由更高级权限的人审批。

4.png

文章目录结构

这个功能期望达到的目的有两个:

  1. 当文章内容比较多时,方便读者阅读
  2. 让作者关注到自己的结构排版,锻炼 Markdown 语法的习惯

5.png

一篇好的文章,他的排版绝对不会太烂,但烂文章他的排版一定是惨不忍睹的。作为一名开发者,想必你也不愿意看到层次混乱毫无章法的文档吧。

用户排行

让更多人有机会出现在排行榜上,除了按周期的排行榜,还有总排行榜。Tag 页面也有周期榜和总榜,如果每天榜上都是那么几个职业选手,我也看累了。

6.png

用户页面

最大的改进就是用户 Profile 了,你产生的每一项内容,加上我们精心整理和统计的数据,共同打造成你独一无二的简历。他将为你的职业生涯锦上添花,也将成为许多年后,回望自己每一步成长的里程碑。

p.png

设计重构

新版的设计属于轻量甚至接近原型的方式,节约了大量设计和开发时间。隐藏了众多对使用造成干扰的内容。尽可能维持原有网站的的使用习惯。各个板块风格统一化,功能统一化。

我们一直在寻找超越功能主义的设计哲学,让产品提升到心灵层次的诉求。设计本身是一个禅悟的过程,状态从的“不定”到“定”,手法从“不慧”到“慧”。看得破却说不破,只有经历过修行顿悟,才能领悟用思想意念进行沟通的境界。

当用户在提问时,提问就是“不定”状态,来自于内心,在这个状态设计,很可能就围绕“如何让提问更舒适”、“如何让撰写更直观”之类的展开设计。而在提问的背后,“解决问题”才是用户真正的目标,是真正的“定”。传统的流程认为,需要让用户先搜索,搜索不到的再让用户提问。如果按这样的流程设计,很可能就陷入繁琐不好用了,也就是“不慧”。万不可阻止人随心所欲的天性,提问前必须先搜索是个非常不明智的设计。

就让他提问吧,在提问的状态激活时,我们同样也能在背后寻找潜在的答案展示给他看,也许这个问题未提交前就给解决了。这就是“不慧”到“慧”的一次转变。这是我们一直在思考的东西,我们的新版有许多这样的思考方式进行设计,流于表面的东西终将成为幻影,经过内心思考的东西,才最灵魂深处最强大的力量。

重构带来的不仅仅是产品的成长,更是心灵的修行。禅的真谛会在那么一瞬间让设计充满生命力,设计是心灵的有机延伸,用心灵和设计沟通,寻找产品的灵魂。

最后,一幅图做个总结,这是重构的魅力,也是 SegmentFault 的禅。

KkUB0dL.jpg


  1. “关注问题”功能在本篇文章发布时尚未开放

fenbox
6.8k 声望937 粉丝

主业设计,副业写代码