2018年02月20日(火)
プログレッシブウェブアプリ開発における14のコツ―UXを完璧に保つために
ウェブアプリケーションの開発には、Webサイト、アプリ、ソフトウェア製品との境界にあるため、独自の課題があります。ブラウザで機能し、豊かなデスクトップソフトウェアを提供しながら、ネイティブアプリのように動作しているように見える必要があります。
これらの課題に対処するため、ここでは、ユーザーエクスペリエンスを完璧に保つための14の方法をご紹介します。
1.独特のアイコンを作成する
ユーザーと対話を開始する前にアプリのテイストを伝えるには、ネイティブアプリの重要なガイドラインに従ったアイコンを作成します。独特で、異なる背景に目立つようにシンプルで、色合いなどのさまざまな要素に簡単に対応できるようにする必要があります。
2.読み込み時間に注意を払う
一度プログレッシブウェブアプリ（PWA）を開くと、ユーザーはWebサイトを使用していてページが読み込まれるまで待つべきではありません。代わりに、ローカルで実行されるネイティブアプリのように動作するはずです。
遅いネットワークは通常、問題を引き起こします。これに対して簡単な修正は、最初のネットワークではなくキャッシュファーストのアプローチを行い、最小限の要素をロードすることです。
3...
0
0
1
0author:
SeleQt（セレキュト）
web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。
‹ PREV
スクリーンモックアップの作成方法と活用方法【デザイナーは必見！デザインプロセスで欠かせない要素】
NEXT ›
Eコマースサイトのためのユニバーサルデザイン原則【８つのポイントを改善して、より良いUXを】
Ads
web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt（セレキュト）の記事『プログレッシブウェブアプリ開発における14のコツ―UXを完璧に保つために』についてまとめています。
この記事は特にレスポンシブ・アイコン・フォント・写真・UX・Google・サーバ・アプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt（セレキュト）で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt（セレキュト）の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
