モバイルUXデザインのベストプラクティスに従い、制約を理解し、開発者との強固な協力関係を促進することで、より優れたユーザーエクスペリエンスを実現できます。
に 最近の記事 TechCrunchで、モバイルeコマースが2018年の感謝祭の休暇期間中のすべてのオンライン販売のほぼ3分の1を占めていることを指摘しました。 報告されたデジタルトレンド 2017年には、世界中で50億人がモバイルデバイスを所有しています。グーグルはまた、 モバイルファーストインデックスは、検索結果のWebページの半分以上で使用されるようになりました 。
人々は、通信、eコマース、コンテンツの消費、仕事、銀行業務、道順、そしてますます唯一のコンピューティングデバイスとして、毎日モバイルデバイスに依存しています。さらに、携帯電話、スマートウォッチ、タブレット、ファブレット、ウェアラブル、ハイブリッドノートパソコンなどのさまざまなデバイスを使用しています。
レスポンシブデザインの一般的な画面サイズ
モバイルユーザーエクスペリエンス(UX)デザインとは、モバイルデバイスとウェアラブル、およびそのようなデバイスで実行されるアプリケーションやサービスの使用中のポジティブなエクスペリエンスのデザインを指します。モバイルUXデザインは、効率と発見可能性に重点を置いています。 - インタラクションデザイン財団
ために UXデザイナー これらのモバイルデバイスのトレンドは、課題と機会の両方を表しています。一方では、さまざまなデバイスとそれらが使用される方法を考慮する必要があります。一方、これにより、UXデザインにまったく新しい重点分野が開かれます。つまり、まったく新しい世代のユーザーに前向きなエクスペリエンスを提供することを意味します。
モバイルUXの設計には注意が必要です。前に述べたように、モバイルデバイスのリストの増加、人々がそれらと対話する方法、人々がすべてのデバイスタイプにわたって一貫した楽しい体験を望んでいるという事実など、私たちが考慮しなければならないことがたくさんあります。
2015年、Googleは社内調査に基づいて25のモバイルUXデザインのベストプラクティスを公開しました。 これらのヒント それらをより最新のものにするために最近更新されました。著者はまた、あらゆるモバイルUXプロジェクトに便利な25のヒントすべてのダウンロード可能なPDFを含んでいます。
便利なもう1つの優れたリソースは、Appleの モバイルデザインのヒューマンインターフェイスガイドライン 。それらは美しいレイアウトで読みやすく、ベストプラクティス、ヒント、およびApple独自の設計原則が盛り込まれています。ために モバイルUXデザイナー これらのガイドラインは、高品質のユーザーエクスペリエンスを提供するための優れたリソースです。
Googleほど知られていないかもしれないが、次のようなモバイルUXデザインのベストプラクティスをいくつか紹介します。 モバイルデザイナー 考慮に入れる。
ほとんどのUXデザイナーの目的は、楽しい体験を提供し、発見可能性(どのようなアクションが可能か)と理解(製品の使用方法)の両方を実現する優れたデザインを考案することです。ただし、モバイルでは、これらのデバイスが使用されるサイズ、移植性、および環境のために、いくつかの制約が導入されます。
ネイティブモバイルアプリを扱う場合、デザイナーは一部のユーザーにストレージの制約がある可能性があることを考慮する必要があります。
モバイルアプリは、Webアプリとは対照的に、モバイルデバイス上でストレージを使用します。これは、使用できるビデオ、オーディオ、および画像の品質に潜在的な制限をもたらすため、モバイルUXデザインに影響を与えます。
ネイティブアプリの場合、ストレージの制約を考慮したモバイルUXデザインが必要です。ユーザーがストレージの制限に遭遇した場合、何を保持し、何を削除するかについて難しい決定を下す必要があります。ユーザーにこれらの選択を強いる場合、ユーザーエクスペリエンスが低下します。
モバイルUXデザインで直面するもう1つの制約は、画面サイズとモバイルデバイスのコントロールです。
モバイル画面は小さくなります。のぞき穴から読むと、認知的負荷が増加し、理解が約2倍難しくなります。 - ヤコブ・ニールセン 、Webユーザビリティコンサルタント。
画面とコントロールを処理する最良の方法は、可能な限り多くの摩擦を排除することです。情報を再構築し、サムゾーンに注意を払い、クリックを減らし(特にeコマースの場合)、ログインプロセスに注意を払います。これはしばしばイライラする可能性があります。
モバイルデバイスでは、UXデザインで考慮すべき環境要因があります。ユーザーはより頻繁にオフラインになる可能性があり、これらの状況は全体的なユーザーエクスペリエンスで考慮する必要があります。どうすれば元の場所に戻すことができますか?彼らが何をしていたかを最初からやり直す必要がないようにするにはどうすればよいでしょうか。
別の環境要因は気晴らしです。私たちが携帯電話やタブレットを使用するとき、私たちはしばしば騒がしいまたは混雑した環境にあり、集中するのが困難です。気晴らしがユーザーの注意を奪い合っているときに、どうすれば優れたユーザーエクスペリエンスを確保できますか?状態を保存し、ユーザーが状態を保存できるようにする方法はありますか?
デザイナーがモバイルUXデザインに反対しているもう1つの制約は、画面のサイズが限られていることです。そのため、一度に表示できるウィンドウは1つだけであり、ユーザーエクスペリエンスに大きな制限があります。
「マルチスクリーン」と「マルチタスク」に対応しようとする努力がありますが、これらはまだ標準ではなく、独自の制約があります。
この単一ウィンドウの制約でモバイルUXを改善するための鍵は、デザインが自給自足である必要があるということです。ユーザーが行う必要のあることはすべて、1つの画面またはウィンドウ内で実行できる必要があります。つまり、情報などを見つけるためにアプリを離れる必要はありません。
ユーザーがアプリを離れたり、新しい画面を開いたりする必要がある場合、これは全体的な認知的負荷を増大させ、物事が複雑になりすぎてイライラすることを意味します。
注意すべき最後の制約が1つあります。それは、ガジェットを保持することです。人々はそれらをどのように保持し、これはモバイルUXデザインにとって何を意味しますか?
スティーブンフーバーによる調査によると、 指、タッチ、人のためのデザイン、パート2 、デバイスの持ち方によってデバイスの操作方法が異なることが発見されました。これは、その後、モバイルUXデザインに影響を与えます。
人々はモバイルデバイスをさまざまな方法で持ち、常に位置を変えています。これは、使用する指とモバイルUIとの対話方法に影響を与えます(以下を参照)。結局のところ、ユーザーは画面の中央を好み、端に近すぎるアイテムをクリックすることを好みません。
スティーブンの調査によるモバイルUXのその他のヒントは次のとおりです。
アジャイル/リーンUX環境で作業するかどうかに関係なく、非常に慎重に作成された設計を解釈して実装する必要があるのは開発者です。設計が意図したとおりに実装されていることを確認するために、開発者との間で試行錯誤したベストプラクティスを早い段階で確立することをお勧めします。ここにいくつかの提案とヒントがあります。
モバイルアプリのプロトタイプテストは手動で行うことができますか、それとも何でしょうか?
モックアップを準備して渡すときは、ファイル名をシンプルで一貫性があり、わかりやすいものにするようにしてください。これにより、行き来する時間を大幅に節約できます。また、開発者と共有する前にすべてのモックアップを完成させて、各画面の1つのバージョンのみを受け取るようにすることもお勧めします。もう1つの時間節約のヒントは、プロトタイプとのすべての相互作用をテストして、プロトタイプが機能するようにすることです。モックアップを共有するための優れたツール: InVision そして マーベル 。
UXデザイナーとして行われる作業のほとんどは、プロジェクトの早い段階で開発者が関与します。デザインプロセスの継続的な理解を促進し、より良いコミュニケーションラインを作成するための優れた方法は、 機能仕様書 、または「Func-Spec」。
Func-Specドキュメントは、設計プロジェクト全体で開発者と共有され、アプリケーションまたはWebサイトがどのように機能するか(UIがどのように見えるか)を理解できることを除いて、アーキテクトが作成する青写真に似ています。
動作するFunc-Specの良い例を以下に示します。
通常、モックアップの外にあるコピーがたくさんあり、開発者に伝える必要があります。ここに彼らが間違いなく感謝するアイデアがあります:
近接性の定義のゲシュタルト原理
上で見たように、 環境 メッセージがいつ表示または非表示になるかを開発者が理解するのに役立ちます。開発者に何が起こっているのかを知らせて、推測する必要がないようにする必要があります。ザ・ メッセージ 表示される実際のコピーです。ぎこちないものではなく、実際のコピーを使用してください(つまり、lorem ipsum)。開発者はコピーライターになりたくないので、私たちは彼らのために物事をできるだけスムーズにしたいと思っています。
これは、開発者と設計を伝達する上で最も重要な部分の1つです。ここに次のようなツールがあります Zeplin そして InVisionの検査 測定値、スタイルガイド、フォント、ユーザーエクスペリエンスの流れ、デザインのすべての部分がどのように機能するかなどの仕様の伝達を処理するため、本当に輝いています。
デザイナーは自分たちのツールが大好きです。電話を取るのを忘れたり、ビデオ通話を開始したり、開発者のところに行って話をしたりするのを忘れがちです。質問やニュアンスをその場で話し合うことができるので、デザインの一部を渡した後、開発者と会うだけで多くの時間を節約できます。これは忘れられがちですが、通常の引き継ぎプロセスの一部にすれば、誰もが節約できる時間を高く評価するでしょう。
モバイルがなくなることはありません。 2016年、 モバイルデバイスでWebにアクセスするユーザーの数がデスクトップの使用を上回った 初めて。ために UXデザイナー 、モバイルの採用の増加とさまざまなデバイスタイプの急増により、ユーザーエクスペリエンスデザインははるかに困難になります。
これらの理由から、一連のベストプラクティスを順守し、モバイルがもたらす制約を理解し、開発者との円滑な協力関係を提供することが、ポジティブな人間体験を生み出す設計を実現するための重要な要素になります。
•••
モバイルのユーザーエクスペリエンス(UX)とは、ユーザーがあらゆるタイプのモバイルデバイス(電話、タブレット、ウェアラブル、ハイブリッド)とやり取りする全体的なエクスペリエンスを指します。相互作用には、アプリ、インターフェース、ソフトウェア、またはハードウェア自体が含まれます。
ユーザーエクスペリエンス(UX)デザインは、ユーザーに意味のある関連性のあるエクスペリエンスを提供する製品、サービス、およびプロセスを作成するプロセスです。 UXの設計プロセスは、人間の視点に重点を置いており、ユーザー調査から使いやすさ、機能まですべてを網羅しています。
UXは1940年代からさまざまな形で存在していましたが、「ユーザーエクスペリエンス」デザインという用語がドナルドノーマンによって造られたのは、90年代初頭にPCが普及するまではありませんでした。ドンはアップルで働いていて、システムでの人の経験のすべての側面をカバーする必要があると考えました。
UXリサーチは、デザインがオーディエンスに与える影響を理解するプロセスです。これは、観察手法、タスク分析、およびその他の定性的/定量的フィードバック方法論を通じて行われます。いくつかの手法には、カードの並べ替え、フォーカスグループ、ヒューリスティック評価、および調査が含まれます。
ユーザーエクスペリエンス(UX)の調査は、真に関連性があり、使いやすく、快適なデザインを作成するのに役立ち、デザインの投資収益率を理解するのに役立つため、重要です。ユーザー調査は、UXデザインプロセスのすべての側面に影響を与えます。