Used to check for browser translation.
用于检测浏览器翻译。
ブラウザの翻訳を検出する

Blocklet Store v0.14.10:新的 UI 与交互体验

Pengfei Zhu
2024年10月23日 · edited
B
Blogs
cover


我们重新设计了 Blocklet Store, 重新规划了 UI 布局与应用的介绍。欢迎体验:

首页变化#

新增 “探索” 页#

image.png

我们将会支持展示一些优秀应用到首页,如果您有优秀的应用,我们非常欢迎您联系我们来推荐。并展示您的精美封面。未来,我们将会添加更多的资讯信息近来。

快捷分类与筛选#

image.png

  • 显而易见的 ”全部“ 分类,帮助您快速浏览所有的 Blocklet。
  • 简化了筛选条件样式,让您快速过滤与排序。
  • 更大的列表卡片,展示更加丰富的内容与简介。

优化了搜索框的 UI 与体验#


  • 进入首页自动进入搜索状态,直接输入内容即可搜索。
  • 浏览页面时,可使用快捷键 Ctrl / CMD + K 即使得输入框可获取焦点。
  • 全局的搜索输入框,全局可快速搜索 Blocklet。

详情页变化#

详情部分 #

image.png

重新布局,简略显示摘要信息并突出一些重要信息。

  1. 新增了返回按钮,可以快速返回前一页。
  2. 添加快捷按钮,方便用户快速执行一些便携操作。
  3. 突出显示一些用户常常查看的字段。

Screenshot#

image.png

  • 平铺展示 Blocklet 的使用截图。
  • 按钮、滚动条可快切换。
  • 预览图UI与交互升级。

image.png

简略显示介绍#

image.png

简略展示 Blocklet 的介绍信息,可以通过 ① 展开 按钮,查看所有的介绍内容。

评价模块#

image.png

这里会简略展示前三条评论信息,并提供一些便捷操作。

  1. 写评价:快速弹出评价弹窗,录入评价信息。
  2. 查看所有评论:快速跳转查看所有评论信息

版本介绍#

image.png


展示最新的一条更新信息,点击 ① 查看历史 按钮,可快速查看所有更新信息。

依赖列表#

image.png

列表显示所有的依赖应用,并支持一系列交互操作。

详细信息#

image.png

展开显示详情信息,可以一目了然所有的信息。

更多作者的 Blocklet#

image.png

显示作者的其他 Blocklet,点击 ① 更多 可以展示更多列表。

更多相似类型的 Blocklet#

image.png

展示更多同类型的 Blocklet,点击 ① 更多 可以展示更多列表。

后台商店变化#

image.png

我们同时更新了后台的 UI,以便更加友好的展示 Blocklet 列表,方便您管理后台 Blocklets。

  1. 同步显示分类列表,展示全部分类。
  2. 顶部搜索栏与过滤筛选更加简洁。

性能优化#

我们在提升页面访问速度和交互体验方面做了大量工作,重点包括以下几点:

  • 无刷新跳转:页面跳转不再刷新整个页面,而是仅刷新必要的数据部分,减少不必要的网络请求,极大提升了页面响应速度,用户不再需要等待页面的完全重新加载。
  • 动态加载内容:通过按需加载组件和模块,减少了初始加载时间,提高了首页的加载性能。
  • 搜索结果的动态渲染:当用户筛选或排序搜索结果时,只会重新渲染发生变化的部分,提升了流畅度。


我们一起改进:(社区驱动的更新)#

  1. bounty hunter💰 fatych
  2. bounty hunter💰 fatych
  3. bounty hunter💰 fatych
  4. bounty hunter💰 fatych
  5. bounty hunter💰 fatych
  6. 月牙湖畔
  7. harumi
  8. bounty hunter💰 fatych

帮助我们改进#

我们期待着您在新版本的 Blocklet Store 中享受更好的用户体验!

最后,感谢每位用户的关注和支持,将持续改进以更好地满足您的需求。如果您在使用过程中有任何需求、建议或问题,请前往社区进行反馈。我们将尽最大努力提供帮助。


2.1.18