アプリを「まあまあ」から素晴らしいものにするための 6 つのシンプルなユーザー インターフェイス デザインの調整
公開: 2015-09-16仕様に合わせてモバイル アプリのプロトタイプを作成しましたが、何かがおかしいと感じます。 思ったほどスムーズに流れなかったり、ユーザー インターフェイスのデザインが「すごい」効果を与えなかったりする可能性があります。 あなたは自分のアプリを魔法のように感じさせたいと思っていますが、今のところは、David Copperfield がピラミッドを消し去ったというよりも、あなたのお父さんがあなたの耳から 4 分の 1 を引っ張っているように感じます。
職業はなんですか？ すべてを破棄して、設計を最初からやり直すのですか?
あるいは、奇跡によって、アプリを簡単なデザインの微調整で保存できるかもしれません。 結局のところ、プロトタイプまたはベータ版を作成する前に設計に専念していたので、そこには何か良いものがあるに違いありません.
私たちは 6 人のデザイナーに、ユーザー インターフェイス デザイナーにとって最大の違いを生む小さな調整は何だと思うか尋ねました。 おそらく彼らの答えは、あなたのアプリに完璧な仕上げを施し、良いものから素晴らしいものへ (または素晴らしいものから素晴らしいものへ!)
1.写すときは脂肪をカット。
小さなデバイスでアプリを使用している場合、読書に多くの時間を費やしたくない可能性があります。 コピーが多すぎると、ユーザーの速度が低下するだけでなく、ユーザー インターフェースのデザインも圧迫されます。
Maureen Kerwin は、Nokia Networks (@nokianetworks) のインタラクション デザイナーです。 アプリを即座に改善するためのカーウィンのヒントは? コピーの監査を実行し、必要のないものはすべてカットします。
「コピーを見直して、繰り返しや単語が多すぎるところを見つけてください」とカーウィンは言います。 「ほとんどの場合、より明確で簡潔にするために削除または修正できるものがあります。」
この場合、ユーザー インターフェイス デザイナーの親友が編集者または校正者である場合があります。 どのコピーを切り取る (または凝縮する) かを決められない場合は、アプリに客観的な第 2 の目を向けることが大きな違いになります。
2) ユーザーからのフィードバックを得る。
ユーザー インターフェース デザインの何が機能していないのかを突き止めるのに行き詰まっている場合、答えを得る最も簡単な方法は、単純にユーザーに尋ねることです。
Mike De'Shazer (@itsdeshazer) は、CodeCloud.me (@CodeCloudMe) の共同創設者兼 CEO です。CodeCloud.me は、ユーザーがコーディング方法を学び、アプリを構築できるようにするインタラクティブなプラットフォームです。 De'Shazer 氏によると、ユーザーを知り、フィードバックを得ることが、ユーザー インターフェイスのデザインを効果的にする最も信頼できる方法です。
De'Shazer 氏は次のように述べています。「さまざまな目標を持つさまざまな種類の UX 最適化があります。しかし、あらゆるテクノロジーのユーザー インターフェイスのデザインとエクスペリエンスを最適化する最善の方法は、それを使用している人々をよりよく理解することです。」
アプリがうまくいかないときは、プロトタイプをベータ ユーザーのグループに送信します。 エクスペリエンスを改善する方法に関する彼らの提案は、あなたが得ることができる最も貴重なフィードバックかもしれません.
3) 速くする。
すべてのユーザー (および潜在的なユーザー) はスピードを必要としています。 ユーザー エクスペリエンスが思ったようにクリックされないことに気付いた場合、それはユーザー インターフェースの設計の問題ではなく、アプリ自体の速度の問題である可能性があります。
Amna Rizvi は、アプリ、ガジェット、科学ニュースを紹介する科学技術ブログ GadgTecs (@GadgTecs) のアプリ開発者です。 Rizvi は、モバイル アプリの作成者であると同時に観察者でもあるため、速度と起動時間は、ユーザー エクスペリエンスを最適化する上で最も重要な 2 つの側面であると考えています。
「私にとって最も重要な側面の 1 つは、アプリの起動時間です」と Rizvi 氏は言います。 「アプリには素晴らしいスプラッシュ ページがあり、非常に高速に読み込まれる必要があります。」
あなたにおすすめ:
反営利条項はインドのスタートアップ企業にとって何を意味するのか?
Edtech スタートアップがインドの労働力のスキルアップと将来への準備をどのように支援しているか...
今週の新時代のテック株：Zomatoのトラブルは続き、EaseMyTripはスト...
インドの新興企業は資金調達を求めて近道をする
デジタル マーケティング プラットフォームの Logicserve が 80 億ルピーの資金を調達し、LS Dig...
レポートは、Lendingtechスペースに対する新たな規制精査を警告しています
もちろん、第一印象が最も重要だと Rizvi 氏は言います。 「ユーザーはアプリをクリックするとすぐにオフになり、何もできないようになるまで何年も待たなければなりません。 したがって、私の意見では、アプリはどんなに大きくても瞬時に動作する必要があります。」
最近の作品に感動しませんか？ エクスペリエンスを合理化できるかどうかを確認してください。 読み込み時間を短縮し、ユーザー インターフェイスのデザインに組み込むアニメーションの経過時間を短くすることを検討してください。 それでもアプリが少し明るくならない場合は、読み進めてください。
4) ユーザー インターフェイスのデザインをアニメーションでドレスアップします。
Andrew Riley は、パフォーマーがイベントのチケットを設定して販売できるようにするオンライン チケット サービスである Ticketlab (@ticketlabUK) の創設者です。 彼はまた、デジタル コンサルタントおよびフロントエンド開発者でもあります。
ライリーにとって、ユーザー インターフェースのデザインに即座に影響を与える最良の方法は、モーションを使用することです。
「ウェブページやアプリの雰囲気を高めるための私の一番のヒントは、非常にシンプルです。それはアニメーションです。 私が話しているのは、Flash 時代のバウンドするロゴやレンズ フレアではなく、微妙なアニメーションです」と Riley 氏は言います。 「最も単純な形では、ホバー状態に背景色の変更が含まれる場合、それに 0.3 秒の線形遷移を適用するだけです。 これにより、ユーザー インターフェイスのデザインがウェブサイトではなく、アプリのように感じられるようになることがすぐにわかるでしょう。」
このデザインの微調整の最大の利点は、実行に時間がかからないことですが、Riley 氏は言いますが、その効果は非常に大きい可能性があります。 「トランジションは、ほとんどすべての状態変化に巧妙な方法で適用して、デザインに命を吹き込むことができます。 この CSS 機能が利用可能になってから数年が経ちましたが、多くの新しいアプリではまだ十分に活用されていませんが、多くの場合、実装に数分しかかかりません。」
One Click Here (@Oneclickhere1) の CTO である Gert Hattingh 氏も同意見です。 One Click Here で、Hattingh 氏によると、デザイナーと開発者は時間をかけてユーザー インターフェイスのデザインを複数の段階でテストし、フローが適切であることを確認します。
「アジャイル環境で作業することで、開発を進めながら UI をテストすることができます。 ユーザーが次のステップに進むように導くために、トランジションをいじるのが好きです」と Hattingh 氏は言います。 「ボタンが使用されているときに微妙なアニメーションをボタンに追加すると、ユーザーは何をすべきかを知ることができ、全体的なエクスペリエンスが向上します。」
アニメーションはユーザーの目を引き、ユーザー エクスペリエンスをガイドし、ユーザー インターフェースのデザインに非常に必要な力強さを加えることができますが、やり過ぎないように注意してください。
5) 単純化、単純化、単純化。
ユーザーは、視覚刺激の不協和音にさらされることを望んでいません。それが、あまりにも多くの自由を必要とするカラー パレットであろうと、視覚テクスチャの悪用であろうと (スキューモーフィズムの信奉者であっても、影と光沢)。
Amrita Talwar は、ユーザーが相乗りパートナーを見つけることができるクロスプラットフォーム アプリである PoolMyRide (@poolmyride) など、いくつかの Android および iOS アプリに取り組んできた開発者です。 Talwar の経験では、ユーザー インターフェイスのデザインを優れたものから優れたものに変える鍵は、シンプルに保つことです。
「アプリをデザインすることは、歌詞のない曲を作るようなものです。それはグローバルに理解されるべきです。 アプリをユーザーフレンドリーで美しくするために、次の手順に従います。
– フラット アイコンを使用したマテリアル デザインの使用を検討し、ユーザー インターフェイスのデザインがさまざまなデバイスに対応するようにします。
– ユーザーが行う必要のあるクリック、ジェスチャー、および操作の数を最小限に抑えます。 ユーザーが何をしようとしても、できるだけ少ないクリック数で実行する必要があります。
– ユーザー インターフェイスのデザインをきれいに保つ。 UI を機能でごちゃごちゃさせたくなるかもしれませんが、ユーザーが本当に必要としているものを優先してください。 時には、最も重要な機能だけを残して、「あると便利な機能」を省くのが最善の場合もあります。これは、デザイン全体の負担が正味マイナスになるためです。」
合理化されたデザインは、ユーザーの負担が少ないことを意味します。 ユーザー インターフェイスの設計は、ユーザーの代わりに機能する必要があります。その逆ではありません。
6) インスピレーションを得るためにコンフォートゾーンの外に目を向ける。
つまらないデザインの背後にある原因は、新鮮なアイデアの欠如にある場合があります。 これは、業界、特に同じ代理店で数年の経験を積んだ場合に特に一般的です. ユーザー インターフェイスのデザインがすべて同じに見え始めていることに気付きましたか? 同じスプラッシュ スクリーン、同じアニメーション、同じようなボタン、アイコン、書体などです。
現在のプロジェクトをやめて、他のモバイル アプリに目を向けて、日常生活を慌ただしくする時が来ているかもしれません。 開始するのに最適な場所は、新進気鋭の企業の革新的な UI デザインをキュレートするトップ 10 リストです。 これらのアプリの違いをよく見て、それらの概念のいくつかを自分のものにする方法を検討してください。
さらに新鮮な見方をするには、一般的なモバイルアプリ業界の外に目を向けてください。 たとえば、ビデオ ゲームをプレイすることはストーリーテリングの貴重な教訓になる可能性があり、美術館への旅行は最高のアイデアにつながる可能性があります。 お子様 (または姪や甥) と一緒に少し時間を過ごすだけでも、ユーザー インターフェイスのデザイン ゲームをより洗練させることができます。
椅子から動きたくないですか？ 他のデザイナーがクリエイティブなファンクにぶつかったときに最高のアイデアを得る方法を読んでください. 時には、思いがけない場所からインスピレーションが生まれることもあります。
[当初は 8 月 28 日に blog.proto.io で公開]