【Shopify.dev和訳】Apps/Best practices/Overviews

2021/09/04に公開約4,400字

この記事について

この記事は、Best practices for building Shopify appsの記事を和訳したものです。

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

https://apps.shopify.com/shopify-application-314?locale=ja&from=daniel

Shopify アプリである、「らくらく日本語フォント設定|リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

https://apps.shopify.com/font-picker-1?locale=ja&from=daniel

Shopify アプリを構築するためのベストプラクティス

アプリ開発エクスペリエンスを最適化するために、Shopify は、アプリの開発時に参照できる一連のベストプラクティスを確立しました。


ベストプラクティス

最適なカスタマーエクスペリエンスを作成し、マーチャントの店舗を高速でアクセスしやすく、発見しやすい状態に保つには、次の要素を考慮する必要があります。

  • パフォーマンス:パフォーマンスは、サポートするマーチャントの成功と顧客のエクスペリエンスの鍵です。 アプリのパフォーマンスを最適化してテストする方法を学びます。
  • アクセシビリティ:アプリのアクセシビリティを向上させて、販売者と顧客に包括的なエクスペリエンスを提供する方法を学びます。
  • 設計:優れたアプリ設計の背後にある主要な原則を学び、販売者とその顧客の要件を満たすようにアプリを設計する方法を学びます。

アプリ開発の指針

上記のベストプラクティスに加えて、アプリ開発に関する次の指針を考慮する必要があります。

これらの原則は、単一の販売者向けまたはShopify AppStore向けのアプリを作成する場合に適用されます。

原理 説明
パフォーマンスを発揮する                   アプリはパフォーマンスを念頭に置いて構築する必要があります。そうすることで、マーチャントとその顧客は、最も高速で信頼性の高いオンラインショッピングエクスペリエンスの恩恵を受けることができます。 アプリは JavaScript の使用を最小限に抑え、ほとんどの機能を最新のネイティブ Web ブラウザー機能に依存する必要があります。
専用にする 各アプリのレイアウト、スタイル、機能セットは、特定のマーチャントまたはマーチャントセグメントに合わせて検討および最適化する必要があります。 箱から出してすぐに、アプリは、販売対象と販売先に基づいて、販売者のニーズを満たすために最適化されたツールのセットを販売者に提供する必要があります。 特殊なアプリは、一般的なアプリよりもマーチャントに多くの価値を提供します。
クラス最高の UX を提供する Shopify ストアの数が増えるにつれ、アプリには業界をリードし、e コマースのユーザーエクスペリエンスパターンを形成する力があります。 アプリは、顧客を第一に考え、品質を念頭に置いて設計する必要があります。
最初にモバイルになる オンラインストアのトラフィックの大部分はモバイルで発生しているため、モバイルデバイス向けの設計は、アプリのビルドプロセス全体を通じて最前線に立つ必要があります。
アクセス可能であること 幅広い販売者や顧客に最高のエクスペリエンスを提供するには、アクセシビリティのベストプラクティスを念頭に置いてアプリをゼロから構築する必要があります。

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

https://apps.shopify.com/shopify-application-314?locale=ja&from=daniel

Shopify アプリである、「らくらく日本語フォント設定|リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

https://apps.shopify.com/font-picker-1?locale=ja&from=daniel

Discussion

ログインするとコメントできます