新设计为 Opensource.com 带来更佳的读者体验

444 位读者喜欢这篇文章。
open source button on keyboard

Opensource.com

Opensource.com 团队一直在与我们在 Bluespark 的开发团队努力合作,以完成网站的重新设计,并设定了三个主要目标。在我们下周部署这些更改之前,先来看看我们一直在做的工作。

网站重新设计目标

  1. 提高可读性
  2. 优化移动端体验
  3. 提供更准确、相关的内容

oct2016_redesign.png

提高可读性

为了改善阅读体验,我们首先实施了单列布局,以消除右侧边栏的一些杂乱。我们还将字体大小增加到 1.2em,行高增加到 1.5em,并将行宽收紧到 700 像素。在后续的代码冲刺中,我们希望将这些更新应用到网站上的其他内容类型。

我们还使用更简洁的设计更新了用户个人资料页面。请务必查看您的页面并更新您的个人资料。您可能会注意到,您可以使用几周前悄然推出的一些附加徽章来展示一些新的亮点。请确保您已登录,选择“我的徽章”选项卡,然后进行编辑。

nengard_badges2.pngnengard_badges1.png

优化移动端体验

我们的许多读者都在移动设备上阅读 Opensource.com,因此为了创造更好的体验,我们已将我们的设计方法更新为 响应式。我们将实施单列布局,以改善网站在平板电脑和手机上的显示效果。上面提到的可读性改进也应该有所帮助。此外,我们将对我们的页眉部分和导航进行一些结构性改进,以使它们更简洁。

提供更准确的相关内容

Opensource.com 拥有超过六年的文章、资源、民意调查等内容。我们的目标是向您(读者)呈现最有用的内容,以帮助您解答疑问、找到您关心的故事并学习新知识。我们改进了“推荐阅读”的呈现方式以及动态生成推荐内容的算法。

recommended_reading.png

标签清理是我们在这次重新设计中承担的另一个项目。我们曾有 6,000 多个标签;其中一些只使用过一次,另一些是同义词或与我们真正想使用的标签非常接近。我们的团队现在已将其减少到 500 个以下,这项后端工作应该可以改善我们的文章彼此关联的方式。

来自读者的反馈

我们欢迎您在重新设计上线后提供反馈。我们将在发布后进行一次快速冲刺,以清理一些遗留问题并解决任何错误。

请告诉我们哪些对您有效,哪些无效,以及您对改善 Opensource.com 读者体验的其他建议。

在评论中留言或给我们发送电子邮件

Avatar
Jason Hibbets 是红帽公司数字社区团队的社区主管。他与 Enable Architect、Enable Sysadmin、Enterprisers Project 和 Opensource.com 社区出版物合作。

14 条评论

我们可以使用深灰色以外的其他背景颜色吗...?

我个人认为,我喜欢简单的单列设计,甚至可以将右侧边栏移到文章末尾,相关文章推荐很好,但是带有矩形图片的相关文章可能会干扰简洁之美。文本超链接,更好,更高效。

关于这一点的好消息。我们对文章页面进行了另一轮编辑,这将使我们实现完整的单列布局。我们计划将作者简介移至文章底部,并将整个页面居中。

感谢您的反馈。

回复 ,作者 FQ

作为一位可能的新读者,我有点反感网站顶部的拉伸横幅图片。我正在 Nexus 7 上使用 Javelin、Chrome、Gello(Cyanogenmod 浏览器)和 Opera Mini。我发现有点讽刺的是,我读到的第一篇文章声明的目标是改善移动体验,但我看到的第一件事却显示得很糟糕。

现在看起来好多了。以前整个页眉都被拉伸了,而不是在网站标题和红帽徽标之间留出空间;现在一切都很完美,只有背景图片在变化。

我在这里会考虑的唯一更改可能是,如果可能的话,在文章中将整个页眉缩短(大约为当前高度的 2/3 到 3/4),并在主页上保持原样。像 Ars Technica 在文章中使用的那种小型粘性页眉(向上滚动时显示,向下滚动时消失,不必要的上方区域仅在滚动到最顶部时显示)对于在较长的文章或评论线程中快速返回主页会很好。

回复 ,作者 jhibbets

我们实际上正在考虑修改页眉区域以使其更简洁。我们非常喜欢可消失的页眉的想法,并在向上滚动时再次显示。

回复 ,作者 匿名用户 (未验证)

代码部署现已上线,如果您有反馈或发现需要修复的地方,请告知我们。

Jason

看起来很棒,到目前为止,我在我使用的设备上(Windows 上的 FF 49.0.1 和 Galaxy S6 Edge+ 上的 Android 浏览器)没有遇到任何问题。

重新设计看起来非常简洁,做得好!

我希望社交媒体的东西不会一直漂浮在右侧。我可以通过我自己的“小小孤独”,而无需受到打扰,来弄清楚我是否想分享某些东西以及如何分享。

我喜欢新外观!

我喜欢最新的设计!看起来很棒!

Creative Commons License本作品根据知识共享署名-相同方式共享 4.0 国际许可协议获得许可。
© . All rights reserved.