新设计为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 条评论

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

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

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

感谢您的反馈。

回复 by FQ

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

如果您能给我发送您所看到的屏幕截图,那就太好了:open@opensource.com。我不确定我完全理解您所描述的内容,但是,我们正在当前的冲刺中考虑彻底修改页眉显示。

回复 by Anonymous (not verified)

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

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

回复 by jhibbets

我们实际上正在考虑修改页眉区域以简化它。我们绝对喜欢消失的页眉的想法,以及向上滚动时再次显示的想法。

回复 by Anonymous (not verified)

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

Jason

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

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

我希望社交媒体的东西不要一直漂浮在右侧。我可以用我自己的“小聪明”弄清楚,无需被打扰,我是否想分享某些东西,以及如何分享。

我喜欢新外观!

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

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