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

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

来自读者的反馈

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

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

请在评论中畅所欲言,或给我们发送电子邮件

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

14 条评论

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

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

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

感谢您的反馈。

回复 ,作者:FQ

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

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

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

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

我在这里唯一会考虑的更改可能是将整个页眉在文章上缩短(大约为当前高度的 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.