Node.js 新官网来了,UI 和 UX 全面升级,欢迎体验和反馈!

最新消息,Node.js 新官网已发布 Beta 预览版本,正在招募测试志愿者。如果你对新的 Node.js 网站感兴趣,欢迎参与体验,并在对应 Github 仓库提供反馈和建议!

小懒也是第一时间详细体验了各个页面,在感受新网站带来的 UX 提升同时,也发现了一些问题。

新官网:首页

新版首页,相比老版本,从视觉效果、页面布局、展现内容都有了很大的提升,整体上看着更大气。Node.js 的介绍相比老版本也变得更突出、描述更全面。

最大的不同是增加了搜索框,提供全站检索(包含文档、博客、下载等),这样使用户检索信息变的更为快捷!

但体验的同时,也发现几个体验问题:

  1. 首页的 Node.js LTS 下载按钮的"向右箭头"看着有些奇怪,这里的下载并不是跳转,而是直接下载文件,改成"向下箭头"可能更有语义。
  2. 右侧的代码 Tab,在切换时会造成页面闪动,体验不是太好。
  3. 搜索框在视口中没有垂直居中,对于前端同学来说,不能理解。

新官网:Learn 页面

Learn 页由老版本的两列布局变成了三列布局,同时对左侧导航菜单进行了 UX 改造,树型目录形式的呈现,第三列给出了阅读时长、反馈入库及文档目录,用户体验变得更好。

发现问题:

  1. 当滚动左侧导航目录时,点击某一菜单后,导航目录会滚回到顶部,这里的体验不是很好。
  2. 文档顶部有面包屑导航,可能体验会更好一些。

新官网:About 页面

About 页面布局和 Learn 页面类似,在介绍页新增了 Node.js 吉祥物 "火箭龟" 的图片。

新官网:Download 页面

Download 页面的变化主要是将原有的列表 List,改成了 Select 形式,相比老版本,在历史版本、系统选择、版本选择等方便变得更为快捷。尤其是用户想下载历史版本的场景。

新官网:Blog 页面

Blog 页面的布局方式变化比较大,UX 体验更好了!内容包括最新的 Node.js 新闻,案例研究,教程和资源,同时增加了 Everything、Announcements、Releases、Vulnerabilities、Events 等 Tab 筛选,查找内容更便捷了。

发现问题:

  1. 点击 Events 时,出现了 404 的情况 "Page could not be found"。
  2. 切换到移动端访问,下拉选择框的面板定位位置也有问题。

新官网:Docs 和 Certification 页面

Docs 和 Certification 页面没有什么变化,还是跳到现有的 API 文档页面和对应站点。

体验地址: beta-node-js-org.vercel.app/en

反馈地址: github.com/nodejs/node...

欢迎您的体验和反馈!

欢迎关注我的公号(全网同名),一起学习和进步。

相关推荐
+VX:Fegn08956 小时前
计算机毕业设计|基于springboot + vue蛋糕店管理系统(源码+数据库+文档)
前端·数据库·vue.js·spring boot·课程设计
半个落月6 小时前
LangChain.js Agent Memory 实战(下):用 Milvus 构建可检索的长期记忆
javascript·langchain
半个落月6 小时前
LangChain.js Agent Memory 实战(上):从内存对话、文件持久化到截断与摘要
javascript·langchain
Nicander7 小时前
我给 Excalidraw 做了一个本地工作区:DrawSpace
前端·开源
linux_cfan9 小时前
17 · 引擎适配器全景:HLS/DASH/Vimeo/Mux/Cast
前端·javascript·音视频
计算机魔术师9 小时前
烧掉2780亿美元还不够?OpenAI的资本豪赌让人头皮发麻
前端
IT_陈寒10 小时前
Java线程池用错参数,我的服务居然悄悄崩溃了
前端·人工智能·后端
光影少年10 小时前
Express 中间件原理
后端·node.js·express
卡布鲁10 小时前
React useMemo 与 useCallback 完全指南:原理、场景与避坑
前端·react.js
碳基修炼11 小时前
排查记:本地 devServer 是 http,浏览器却把 302 重定向升级成了 https
前端·http