Uxデザイン

自分をUIデザイナーと呼ばないでください：UIはUXです

UIとUXは、2つの非常に一般的な設計用語です。ただし、これらの用語はしばしば間違った文脈で投げ出されます。

一方、「ウェブサイトデザイナー」や「アプリデザイナー」などの従来の役職は、完璧設計者が提供する可能性のある設計サービスの説明。この言葉の魅力は何ですか '玉ねぎ' の全て？そして、なぜ一部のデザイナーは自分たちを「UIデザイナー」または「UX / UIデザイナー」と呼ぶのですか？

UIではありません部 UXの？

団結+カメラの高さを制限する方法

なぜ「UI」がそんな流行語になったのですか？

UXとUI

私たちはデザイナーとして（そして人間として）、物事がどのように見えるかに夢中になっています。それが「重要なのは内部にあるもの」であることはわかっていますが、それでも毎朝鏡の前でパレードし、二度と会うことのないランダムな見知らぬ人を探しています。

UIデザイン違いはありません。私たちは、ユーザーインターフェイスが見た目に美しいものであることを望んでおり、それを認めるかどうかにかかわらず、私たちの仕事が賞賛され、検証されることを望んでいます。視覚的に魅力的なものはより多くの頭を向けるので、これにより、一部の設計者は、インターフェイスの動作ではなく、インターフェイスの外観により多くの時間を費やす可能性があります。 UIとUXの主な違いは、 UIは どのようにそれ 見える 、そしてその UXは どのようにそれ 動作します 。

定義によりニールセンノーマングループ、 「「ユーザーエクスペリエンス」には、エンドユーザーと会社、そのサービス、およびその製品とのやり取りのすべての側面が含まれます。」

自分自身をUIデザイナーと呼ぶことは、「私はそれがどのように見えるかにもっと焦点を合わせている」と言うこととほとんど同じです。実際には、ユーザーインターフェイスはユーザーエクスペリエンスへの唯一の貢献です。全体的なユーザーエクスペリエンスに寄与するUI以外の多くの要因があります。

いくつか例を挙げると：

ユーザーフローは、ユーザーが目的をすばやく達成するのに役立ちますか？
年齢や身体能力に関係なく、どのユーザーもUIにアクセスできますか？
ユーザーが簡単にウェブサイトを利用できる使い勝手は良いですか？
設計上の決定は、確かなデータとユーザー調査によって推進されていますか？
アプリケーションは、ユーザーが何を望んでいるかを推測するのに十分直感的ですか？

ビジュアルデザインは依然として重要です。色は依然として重要であり、ブランディングは依然として重要であり、ユーザーがUIを操作するときにUIがどのようにアニメーション化されるかは依然として重要ですが、何かがどのように見えるかに基づいて設計上の決定を開始すると、 ユーザー向けの設計は終了しました 。

実際、私たちは設計すらしていません。私たちはアートを作っています。

UIとUXを比較する画像

ユーザーエクスペリエンスとユーザーインターフェイス。（イラストシェーン・ラウンス）

原則として、 UIは、製品を操作する方法です （例：クリック、タップ、音声操作）および UXは結果として生じる意見/感情です ユーザーが感じる（たとえば、速い/遅い、直感的/混乱する、および/またはユーザーに満足/欲求不満を感じさせる）。

「いいねのためにデザインする」べきではない理由

ソーシャルメディアは中毒性があります。なぜ中毒性はまったく別の話です。つまり、そうです。要するに、それは私たちの脳の報酬システムを活性化するので、人々は「いいね」のためにソーシャルメディアで物事を共有します。私たちは、セックスや食べ物を求めるのと同じように、好きな人やフォロワーの形で他の人からの検証を求めます。それは気持ちが良く、気持ちが薄れ始めると、私たちは欲望を満たすためにすぐにもう一度それを求めます。平均的な人が費やす 1日約2時間ソーシャルメディアで。

入るドリブル、というか、「ドリブル効果。」

javascriptは時間なしで日付を取得します

Dribbbleは、デザイナー向けの「ショーアンドテル」ウェブサイトとしてスタートしましたが、建設的なフィードバックではなく、いいねのデザイン作品を披露する方法としてすぐに知られるようになりました。これにより、デザイナーは特にいいねのために作品をアップロードすることになり、この流行はそこで終わりませんでした。

すべての中毒と同様に、デザイナーは、Dribbblersが「好き」なものを作るためだけに偽のクライアントやアプリのコンセプトを作成するなど、それを養うためのより多くの方法を見つけ始めました。

ApeeScapeデザインブログを購読して、eBookを受け取ります

それの何がいけないの？

デザインとは、ユーザーが直面する問題を解決することです。 ユーザーを念頭に置いて設計していない場合、問題解決する。ない場合問題、それから私たちはそれのためにUIを視覚化するだけです。実用的でないものになってしまうだけでなく、架空の理想に合わせて設計しても、設計者としての向上には役立ちません。

Dribbbleのいくつかの設計上の災害を見てみましょう。

この最初の例は実際のデザインブリーフ/クライアントを形成せず、オーバーザトップの背景がデザイン自体からいくらか離れていますが、これをさらに非現実的にしているのは、視覚要素がビューポートを超えて拡張されていることです。一種の「第四の壁を破る」壁効果。ながらデザインは「きれい」を目指していますデザインではありません それはうまくいく 。

デザイントレンドと意味のあるデザイン

にこの例、デザインは非実用的なビジュアルの意味と価値を犠牲にします。

実際のデバイスを使用する実際のユーザー向けの設計

にこの例、UIは、存在すらしないデバイス向けに設計されています。

未来からの3DUI

この例アート作品としては見事に見えますが、現在、この方法でUIを表示できるデバイスはありません。

g.co/express/hello

美しく提示されたウェブサイトのデザイン

この例ベルやホイッスルのない本物の実行可能なデザインを紹介しているので、はるかに優れています。

このビジュアルデザインへの執着はどこから来たのですか？

いいねのデザインは、主流になりつつある特定のデザイントレンドへの愛情から生まれることがよくあります。たとえば、Appleがフラットなデザインとミニマリズムを使用したことで、スキューモーフィズムの終焉が効果的に見られました。もちろん、これらの視覚的美学のどちらにも問題はありませんが、トレンドを実装するためだけに何かをデザインすることは、デザイナーではなくアーティストの職務記述書に隣接し、UXは確かに含まれていません。

代わりに、何よりもまず、 UXデザイナーユーザーエクスペリエンスを改善する方法を検討する必要があります。ビジュアルデザインのトレンドがその隙間を埋める場合は、それを使用する必要があります。

デザインの原則の要素

前述のように、「いいね」を集めると、脳内の報酬システムがアクティブになります。より正確には、報酬は私たちの体のドーパミンのレベルを増加させ、ドーパミンは神経伝達物質として機能し、私たちが自分自身に報酬を与えるときに脳にメッセージを送ります。脳は、非常に感謝しており、行動の見返りとして気分を良くしてくれます。

これにより、怠惰な「デザイナー」はユーザー向けのデザインを敬遠し、代わりに多くのいいねをもたらすトレンドを実装します。これは、デザインが実際に何であるかについて誤解を引き起こし、クライアントに同じことを考えさせます。これは、最高の製品を設計したいUXデザイン業界やUXデザイナーの仲間にとって大きな不利益です。

UXデザインの原則

UXの多くの概念を一度に説明することは不可能ですが、効果的なユーザーエクスペリエンスに貢献する基本的な要素を簡単に説明します。

速度
- アプリやウェブサイトが遅いですか（または遅いと感じますか）？
- ユーザーは必要以上にクリック/スクロール/対話する必要がありますか？
- 気を散らすものや決定が多すぎて行うことができませんか？
- ユーザーが欲しいものを手に入れるのを止めたり遅らせたりする摩擦はありますか？
直感
- ユーザーが次に何をしなければならないかは明らかですか？
- ユーザーが何を望んでいるかを判断し、それに応じてコンテンツを表示できますか？
アクセシビリティ
- 年齢や障害に関係なく、ユーザーはUIにアクセスできますか？
- 色覚異常の多くの異なるタイプについて考えましたか？
使いやすさ
- モバイルデバイスでは、タップターゲットは適切なサイズですか？
- ターゲットは親指で簡単にアクセスできますか？
- それはレスポンシブデザイン？すべてのデバイスに適応しますか？

20のユーザビリティヒューリスティック

スーザン・ワインシェンクそしてディーンバーカー（Weinschenk and Barker 2000）は、多くのソース（を含む）からユーザビリティガイドラインとヒューリスティックを調査しましたニールセン、Apple、およびMicrosoft）と、チェックする20のユーザビリティヒューリスティックのこのセットを生成しました。

ビジュアルデザインは依然として重要です

ビジュアルデザインはユーザーエクスペリエンスデザインにおいて大きな役割を果たします。したがって、UIをUXと比較すべきではない理由—UIは部 UXの。自分自身をUIデザイナーと呼ぶことは、UXデザインのより魅力的な側面に注意を向けるだけであり、UX全体と、それを使用してビジネス目標を達成する方法についてはあまり考慮しません。

上記のUXデザインの原則は次のとおりですが、今回はその方法について説明します ビジュアルデザイン 物事への要因：

速度
- ユーザーはできますか早くを使用して、どこを見て対話する必要があるかを特定します コントラスト 、色、および間隔視覚的な手がかりとして？
- スクロールせずに見える範囲のUI /コンテンツはすぐにレンダリングされ、ユーザーがその画面で何をする必要があるかを説明し、行動を促す明確なフレーズがありますか？
アクセシビリティ
- 色の選択は十分なコントラストを生み出しますか？
- UIは、見づらい人にとって十分な大きさですか？
使いやすさ
- 各要素の重要性を示す視覚的な階層はありますか？
- 該当する場合、信頼とセキュリティを視覚的に伝えていますか？
- 自然に感じ、ユーザーが実行しているアクションを明確にするマイクロインタラクションを実装していますか？

UIは、UXを「見栄えよくする」光沢のあるコーティングではなく、UXを改善するために使用できるツールと考えることが重要です。アマゾンを例にとると、彼らは毎年1,000億ドル以上を稼いでおり、UIとチェックアウトのエクスペリエンスは明らかに直感的ですが、従来、視覚的美学の点で魅力的ではありません。

アマゾン

Amazonは2017年の最後の3か月で19億ドルを稼ぎましたが、UIデザインからは推測できませんでした。

UX / UIデザインはデータによって推進されるべきです

UXデザイン（UIを含む）は、ユーザー調査（追跡分析、ユーザーインタビュー、顧客調査）、ユーザビリティテスト、リーンUXワークフロー（プロトタイピング、内部フィードバック、定期配送）、およびユーザーがインターフェース（またはビジネス全体）とどのように対話するかについてのデータと洞察を提供するその他のもの。

アプリやウェブサイトが期待どおりのパフォーマンスを発揮していない場合、これらの定性的および定量的なユーザー調査方法が役立ちます UXデザイナーユーザーフローに関する決定であろうと、色だけに関する決定であろうと、より効果的な設計上の決定を下します。設計へのこのデータ駆動型アプローチが UIとUX 一つの同じこと。

結論

ウェブデザイナーやアプリデザイナー、さらには音声アプリデザイナーやウェアラブルデザイナーと呼ばれることには何の問題もありません。それはあなたが何であるかを説明し、クライアントはあなたが何をしているのかをより迅速に把握できるようになります。あなたが流行の役職を持っているかどうか、またはデザインがDribbbleにどれだけ好きかをクライアントは気にしません。すべてのクライアントが知りたいのは、会社のビジネス目標を考慮し、好みや傾向ではなくデータに基づいて設計上の意思決定を行うことで、ユーザーエクスペリエンスを効果的に解決する方法を知っていることです。

一方、「UXデザイナー」という用語にもそれほど問題はありません。つまり、自分自身をあらゆる種類のインターフェースを設計するデザイナーだと考えている場合です。何よりも、デザイナーとして、自分が本当に識別できる役職を選択することが重要です。