全新设计为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 是 Red Hat 的社区总监,隶属于数字社区团队。 他与 Enable Architect、Enable Sysadmin、Enterprisers Project 和 Opensource.com 社区出版物合作。

14 条评论

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

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

这方面的好消息。 我们对文章页面进行了另一轮编辑,这将使我们达到完整的单列。 我们计划将作者简介移动到文章的底部并将整个页面居中。

感谢您的反馈。

回复 作者:FQ

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

如果您可以给我发送您所见内容的屏幕截图,那就太好了:open@opensource.com。 我不确定我是否完全理解您所描述的内容,但是,我们希望在当前的冲刺期间彻底检查标题显示。

回复 作者:匿名 (未验证)

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

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

回复 作者:jhibbets

我们实际上正在考虑修改标题区域以简化它。 我们非常喜欢消失的标题的想法,并在向上滚动时再次显示。

回复 作者:匿名 (未验证)

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

Jason

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

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

我希望社交媒体内容不要一直漂浮在右侧。 没有受到骚扰,我可以通过我的“小小孤独”来弄清楚我是否想分享某些内容以及如何分享。

我喜欢新的外观!

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

Creative Commons License本作品已根据 Creative Commons Attribution-Share Alike 4.0 International License 获得许可。
© . All rights reserved.