新设计为 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。我发现有点讽刺的是,我读到的第一篇文章声明的目标是改善移动体验,但我看到的第一件事却显示效果不佳。

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

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

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

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

回复 ,作者:jhibbets

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

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

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

Jason

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

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

我希望社交媒体内容不会一直漂浮在右侧。我可以自己“可怜的自己”弄清楚,而无需被纠缠,我是否想分享某些内容以及如何分享。

我喜欢新外观!

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

© . All rights reserved.