メインコンテンツへスキップ

Blocklet Store v0.14.10：新しい UI とインタラクティブ体験

Pengfei Zhu
BlockletBlocklet StoreComponentsProduct Release

Blocklet Store をリニューアルし、UI レイアウトと Blocklet 紹介の構成を見直しました。ぜひご覧ください：

Blocklet Store

ホームページの変更点

新しい「探索」ページ

image.png

ホームページにいくつかのアプリケーションを紹介する予定です。おすすめのアプリをご存知でしたら、ぜひお知らせください。

スピーディーな分類とフィルタリング

image.png

  • 「すべて」カテゴリーで、すべての Blocklet をすばやく閲覧できます。
  • フィルター条件のスタイルをシンプルにし、絞り込みと並び替えがより簡単になりました。
  • リストカードを大きくし、より多くの内容と説明を表示できるようにしました。

検索バーの UI とユーザー体験を最適化

  • ホームページに入ると自動的に検索状態になり、内容を直接入力して検索できます。
  • ページ閲覧中は、キーボードショートカット Ctrl / CMD + K で入力ボックスにフォーカスできます。
  • グローバル検索ボックスを使えば、Blocklet をどこからでもすばやく検索できます。

詳細ページの変更点

詳細セクション

image.png

ナビゲーションを改善し、重要な情報のあるエリアを強調表示しました。

  1. 前のページにすばやく戻れる「戻る」ボタンを追加しました。
  2. ユーザーがよく使う操作をすばやく実行できるショートカットボタンを追加しました。
  3. ユーザーがよく確認する項目を強調表示するようにしました。

スクリーンショットセクション

image.png

  • Blocklet の使用スクリーンショットをフラットに表示します。
  • ボタンとスクロールバーで、スクリーンショットをすばやく簡単に切り替えられます。
  • プレビュー UI とインタラクションをアップグレードしました。

image.png

概要紹介の表示

image.png

Blocklet の紹介情報を簡潔に表示し、展開ボタンをクリックするとすべての紹介内容を確認できます。

評価セクション

image.png

ここでは最初の 3 件のコメントを簡潔に表示し、便利な操作を提供します。

  1. レビューを書く：レビューダイアログをすばやく表示し、レビュー情報を入力できます。
  2. すべてのレビューを見る：すべてのコメント情報をすばやく確認できます

バージョンセクション

image.png

最新のアップデート情報を表示し、履歴を見るボタンをクリックすると、すべての更新情報をすばやく確認できます。

依存関係

image.png

依存するすべての Blocklet をリスト表示し、さまざまなインタラクティブ操作をサポートします。

詳細情報

image.png

展開してより詳細な情報を確認でき、すべての情報を簡単に把握できます。

作者のその他の Blocklet

image.png

作者のその他の Blocklet を表示し、① すべて表示をクリックすると、さらに多くのリストが表示されます。

同じカテゴリーの類似 Blocklet

image.png

同じタイプの Blocklet をさらに表示し、① すべて表示をクリックすると、さらに多くのリストが表示されます。

管理画面ページの変更点

image.png

バックエンドの UI も更新し、Blocklet リストの表示をよりユーザーフレンドリーにすることで、バックエンドの Blocklet 管理をより簡単にしました。

  1. カテゴリーリストを同期表示し、すべてのカテゴリーを表示します。
  2. 上部の検索バーとフィルターオプションをよりシンプルにしました。

パフォーマンス最適化

ページの読み込み速度とユーザーインタラクション体験の向上に多くの取り組みを行いました。主なポイントは以下の通りです。

  • リフレッシュなしの遷移：ページ遷移時にページ全体をリフレッシュせず、必要なデータ部分のみを更新することで、不要なネットワークリクエストを減らし、ページの応答速度を大幅に向上させました。ユーザーはページ全体の再読み込みを待つ必要がなくなりました。
  • 動的読み込み：コンポーネントとモジュールをオンデマンドで読み込むことで、初期読み込み時間を短縮し、ホームページの読み込みパフォーマンスを向上させました。
  • 検索結果の動的レンダリング：ユーザーが検索結果をフィルタリングまたは並び替える際、変更された部分のみが再レンダリングされ、操作がスムーズになります。

一緒に改善しましょう：（コミュニティ主導のアップデート）

  1. Blocklet Store 増加一个全部的选项 z1fXXRA3YQTAAkKr4kVTJ6nWZnQm6AFAuNF
  2. test store 中关联应用点击后无法跳转 z1fXXRA3YQTAAkKr4kVTJ6nWZnQm6AFAuNF
  3. test store中点击截图大图预览看起来不协调，也跟顶部导航条冲突 z1fXXRA3YQTAAkKr4kVTJ6nWZnQm6AFAuNF
  4. Blocklet Store 的应用截图gif无法正常显示 z1fXXRA3YQTAAkKr4kVTJ6nWZnQm6AFAuNF
  5. blocklet store根据开发者搜索后无法清除开发者筛选条件 z1fXXRA3YQTAAkKr4kVTJ6nWZnQm6AFAuNF
  6. 筛选 看着不怎么协调 z1gGHQbVtByDkdJqdfV5tXpeUSXgciWLNRU
  7. Incomplete i18n on blocklet detail page z1eXeSQCEUf45SHqLm1AcSB9E7ggoGRFmAN
  8. 安卓钱包点击商店应用复制链接按钮不生效 z1fXXRA3YQTAAkKr4kVTJ6nWZnQm6AFAuNF

改善にご協力ください

新しいバージョンの Blocklet Store で、より良いユーザー体験を楽しんでいただけることを楽しみにしています！

最後に、いつもご注目とご支援をいただきありがとうございます。新しいストア体験のご利用にあたり、ご要望、ご提案、または問題がございましたら、ぜひコミュニティまでフィードバックをお寄せください。

ArcBlock Community

このページに関わるもの

製品

  • Blocklet Store sunset

    Blocklet が公開され、見つけられ、インストールされていた場所。ARC はこれを別の方法で扱うため、Store は不要になりました。

用語

  • Blocklet

    Blocklet は ARC の deployable unit です。アプリケーションが宣言する content、configuration、runtime の要件を一緒に保ち、実行する単位を理解し管理しやすくします。