モバイル体験のデザインにおいて、インターフェースの応答性は重要な関心事です。モバイルユーザーは通常、集中しにくい状況にあり、忍耐力も限られています。インタラクションがトリガーされたり、コンテンツが読み込まれたりして、ユーザーがあまりにも長く待たされる場合、それを無抵抗に許す人はほとんどいないでしょう。
モバイルアプリケーションを高速化するには？この質問は、明らかにそのようなインタフェースグラフィックリソースや技術的なソリューションの開発の妥当性など、多くの要因が含まれますが、今日、我々は方法の使用のいくつかの典型的なシナリオで設計技術の詳細のいくつかのビューの "心理的 "観点から、探索するつもりです。
イメージアップロード
インスタグラムに写真を投稿する際、ローカルで写真を撮影または選択すると同時に、イメージファイルは実際には無言でアップロードされます。アップロードの仕組みは、インスタグラム独自の写真公開プロセスを最大限に活用しています。写真を撮影または選択した後、ユーザーはズーム、トリミング、フィルターの追加、テキストの追加など、さまざまな編集ステップを経て、イメージファイルのアップロードはこの間に静かに行われます。完成。ユーザーはプログレスバーやアップロードステータスメッセージを気にする必要はありません。
ユーザーが編集を終えて「共有」をクリックすると、下図のようにインターフェースがフィードに切り替わります。この時、フィードの上部に "終了 "のメッセージが短く表示され、ユーザーが投稿した写真がすぐにフィードに表示されます。アップロード」プロセス全体が、とても短く自然に感じられます。
プロセスを振り返ってみると、ユーザーの注意をそらすのは魅力的なイメージ編集であり、ファイルの自動アップロードはこの時間をうまく利用していることがわかります。優れたデザインは、イメージのアップロードにまったく時間がかかっていないかのような「錯覚」を生みますが、実際には、技術的な観点からイメージのアップロードにかかる時間の長さは実際には短縮されていません。
ユーザーが気づいていないだけで、このような控えめなデザインアプローチは、製品体験に大きな違いをもたらします。市場に出回っているほとんどの写真共有アプリが、ユーザーが編集し、共有を確認した後にアップロードプロセスを開始するという同じ「伝統的な」方法を採用しているのに対し、インスタグラムのアプローチは、競合他社よりもはるかに簡単で迅速なエクスペリエンスを実現しています。インスタグラムのアプローチは、「手軽さ」と「スピード」という点で同業他社を大きく引き離しています。ユーザーは必ずしもその原理を理解しているわけではなく、また原理を気にしているわけでもなく、ただ無意識のうちに「いい」と感じる商品を選び、「うまくいかない」商品を諦めているだけなのです。
メッセージ送信
これは、モバイル体験設計における典型的な「加速ポイント」です。
WhatsappとiMessageの実装を比較して、メッセージが送信され、相手がメッセージを受信したことをどのようにユーザーに通知するかを見てください。
Whatsappは2つの緑色のティックアイコンを使用し、1つは送信成功、もう1つは相手が受信したことを意味します。
Whatsappは、ユーザーがメッセージの送信を確認するとすぐに****マークを表示する点でスマートです。メッセージデータがまだサーバーにアップロードされていなくても、すべてが迅速かつスムーズに行われることを想定しているのです。エクスペリエンスの観点から言えば、最も重要なことはアップロードが完了するのを待つことではなく、すぐにユーザーに「肯定的なフィードバック」を与えることです。これは、Whatsappがユーザーのアクションに対して非常に敏感であることを示すと同時に、Whatsappは本当に速くメッセージを送信しているという印象をユーザーに与えます。
一方、iMessageはポジティブなフィードバックループを生み出すために、かなり異なるアプローチを採用しています。
ユーザーがメッセージを入力して "送信 "をクリックすると、メッセージの吹き出しがすぐにコンテンツエリアに入ります。イメージが送信されている場合、プログレスバーはゆっくりと進みます。
なぜこれが相対的に悪い体験になるのでしょうか？なぜなら、ユーザーはプログレスバーの速度を必然的に観察するからです。刻々と変化するモバイルの状況では、インターネットの速度が低下するのはよくあることで、それに伴ってプログレスバーの速度も程度の差こそあれ低下します。そのため、ユーザーは時々速度に対してネガティブな認識を持つようになり、長い目で見れば、メッセージングアプリ自体が遅い、"悪い"。WhatsappとiMessageがメッセージ送信にかかる時間が全く同じであったとしても、ユーザーから見ればWhatsappの方が「速い」アプリです。
ですから、この種の製品では、メッセージのステータスをどのようにユーザーにフィードバックするかが、ユーザー体験の「スピード」を大きく左右します。
関連記事：ユーザーへの積極的なフィードバックで成功するオペレーション
コンテンツのロード
インターフェイスでロード中のコンテンツをデザインするには、多くの慣習があります。多くの場合、デイジーチェーンやプログレスバーが、何かがロード中であること、そして待つことをユーザーインターフェースに伝えるために使用されます。 様々な典型的なモバイルのコンテキストにおいて、この状態がいつまでも続くと、ユーザーは興奮したり、イライラしたりしやすくなります。
最近、いくつかのアプリでは、ユーザーに心理的な読み込み速度の向上を感じさせることで、不安を軽減させようとする新しい試みが始まっています。これらのアプリでは、コンテンツの読み込みが終わると、まずインターフェイスに「枠」が表示され、コンテンツが読み込まれた後は、枠内のレイアウトで非常にスムーズかつ自然に表示されます。このプロセス全体が、体験に高いスムーズさをもたらします。
Pinterestはホームアプリとウェブサイトで同様のアプローチを採用していますが、もう少し踏み込んでいます。各コンテンツのイメージを分析し、主要な色を特定してサーバーに保存します。アプリがこれらのイメージを読み込むと、まず各イメージの原色があらかじめ用意されたフレームに表示され、イメージが読み込まれると、自然に原色を背景としたカードに表示されます。
概要
アプリデザイナーとして、より高速でスムーズなモバイル体験を形にするために可能な限りのことをするのは当然のことです。これはモバイルアプリにも言えることで、今後あらゆる面で制限が顕著になるであろうウェアラブルデバイスアプリではなおさらです。時には、製品の応答効率を改善し、全体的な体験のスムーズさを向上させるために、技術的な要因に加えて、デザインスキルを通じて機能的なフローやインターフェイスの細部において、ユーザーに「速い」知覚を生み出させることで、半分の労力で2倍の結果を得る方法でもあります。
.
- ゼロから始めるCocos2d-x 5日間でマスターするクロスプラットフォームゲーム開発ツール
- Objective Cプログラミングの基礎
- アンドロイド入門コース
- Cocos2d-xクロスプラットフォームゲーム開発入門基礎講座
- モバイルアプリケーションのためのUXデザイン 上級コース
- ゼロから学ぶiOS開発 - UIマルチビュー
