更新日:2021年4月19日
PageFly 2.16.0から長い道のりを歩んできました。最新バージョンのPageFlyをご覧ください: PageFly V3 - Built For Tomorrow of eCommerce
PageFlyに関する最新情報は、 PageFlyヘルプセンターをご覧ください。
---
2020年初春の肌寒い日に、UXと画像要素を大幅に改善したPageFlyバージョン2.8.0がリリースされました。UXと画像要素が大幅に改善されたバージョン2.8.0をぜひお見逃しなく。さっそく見てみましょう!
概要
イメージの進化
今の時代、ページスピードはオンライン顧客の購買決定に決定的な影響を与えます。魅力的なウェブサイトを持っていても、読み込み速度が十分でなければ、多くの売上を生み出すことはできません。平均的なオンライン顧客は非常にせっかちです。ページの読み込み時間が長いと、顧客は不満に思い、サイトを放棄する可能性が高くなります。
では、どうすればオンラインストアの読み込みを速くできるのでしょうか?これは、最近多くの方から寄せられる大きな質問です。実は、画像はウェブサイトの読み込みが速いか遅いかを決める重要な要素のひとつなのです。
この問題を理解し、PageFlyの最新バージョンでは、画像エレメントを大幅に改善しました。これにより、コンバージョン率が向上します。
すべてのデバイスで1つの画像のみを使用する
以前のバージョンのPageFlyでは、デバイスビューごとに異なる画像ソースを選択することができました。しかし、これはユーザーが画像のスタイルを設定する際に多くのエラーを引き起こすことが知られています。
PageFly 2.8.0では、Image要素を使用する場合、異なるデバイスでは1つの画像しか使用できません。画像を変更するには、"All Devices "ビューに移動し、必要な画像を選択し直す必要があります。
このように、画像要素の仕組みを改良し、検査画像のURLを短縮することで、ページサイズを縮小し、ページの読み込み速度を向上させています。
例えば、こうだ:
- 1385文字のオリジナルリンク:https://pastebin.com/raw/P3ZFcq6e
- 532文字だけの短縮リンク:https://pastebin.com/raw/HYrZ56QX
注:
PageFlyで作成したページで古い画像要素を使用している場合でも、デバイスに応じて画像を変更することができます。
異なるデバイスで画像を表示するには「隠す」を使用する。
実際には、デバイスごとに異なる画像を表示する必要がある場合もあります。例えば、ある画像をラップトップで表示し、別の画像をモバイルで表示したいとします。
どうすればいいんだ?ご心配なく!オプションで隠す」がお手伝いします!以下の手順に従ってください!
- すべてのデバイス」ビューで、異なるデバイスに表示したい画像を追加します。
- 各画像を選択し、[General]タブで[VISIBILITY]パラメータを確認します。
- 特定のデバイスに表示するには、他のデバイスでは非表示にするだけでよい。
- 保存」と「公開」ボタンをクリックすると、それぞれのデバイスで異なる画像が表示されます。
この画像はその一例である:
ノートパソコンではこのように見えます:
モバイル端末ではこのように表示されます:
顕著なUXの改善
美しいオンラインストアを簡単に構築し、より多くの売上を獲得していただくために、PageFlyの開発者は日夜UXの改善に取り組んでいます。それではご覧ください!
マウスカーソル」アイコンをハンドクリックに変更
以前のバージョンのPageFlyでは、要素リスト名にカーソルを合わせても、マウスカーソルが表示され、クリック可能かどうかが分かりませんでした。そのため、中に要素のバリエーションがあるかどうかわからないユーザーもいます。
新バージョンでは、マウスカーソルのアイコンが「矢印」から「ポインター」に変更されました。そのため、要素リスト名にカーソルを合わせると、ハンドクリックが表示されます。これにより、ユーザーは要素名をクリックすることで、多くの要素バリエーションを選択できることを知ることができます。
サードパーティ製アプリのデフォルトメッセージを変更
PageFly 2.8.0では、サードパーティアプリを使用する際に表示されるデフォルトのメッセージを改善しました。PageFly編集ページでサードパーティアプリ要素をクリックすると、一般タブにウィジェット設定に関するメッセージが表示されます。
こうすることで、ユーザーは、PageFlyで作成されたページでサードパーティ製アプリを使用するために必要なことが明確になります。
- サードパーティ製アプリをインストールしている場合は、そのアプリの設定にアクセスする必要がある。
- サードパーティ製アプリをインストールしたユーザーは、提供されたリンクからアプリを入手できる。
一般タブのパラメータグループの表示改善
バージョン2.8.0では、要素インスペクタの表示を更新し、一目で主要なパラメータに集中できるようにしました。TRACKING、ATTRIBUTES、ANIMATIONSのパラメーターグループは、ユーザーがページエディターに再度アクセスするたびに、デフォルトで折りたたまれます。
ページ設定の更新
ページURL
ページ設定の素晴らしい改善は、ユーザーが 固定/動的ページURL (ホームページ、商品ページ、コレクションページ、パスワードページ)を持つページタイプから 定義されていないもの (通常ページ、ブログ投稿ページ)に切り替えると、パスURLが自動的に置き換えられることを意味します。
注意:アクションを切り替えた後にページタイトルが編集された場合、ユーザーがページ設定モーダルを開くたびに、この自動化は2回目以降は行われません。
ページレイアウトの更新
新しいページレイアウトタブでは、ヘッダー/フッターやデフォルトの商品/コレクション詳細など、テーマによって生成されたセクションの表示/非表示を選択できます。
概要
PageFlyの最新バージョンは、あなたのストアをより強力にし、より多くの訪問者を売上に変えることができると確信しています。新バージョン2.8.0をぜひお試しください!PageFlyはいつでもあなたのEコマースの旅をサポートします。どうぞお楽しみください!