apeescape2.com
  • メイン
  • リモートの台頭
  • プロジェクト管理
  • エンジニアリング管理
  • 設計プロセス
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デザイナー」という用語にもそれほど問題はありません。つまり、自分自身をあらゆる種類のインターフェースを設計するデザイナーだと考えている場合です。何よりも、デザイナーとして、自分が本当に識別できる役職を選択することが重要です。

Cでプログラミングする方法を学ぶ

•••

ApeeScapeデザインブログの詳細:

  • eコマースUX–ベストプラクティスの概要(インフォグラフィック付き)
  • 製品設計における人間中心の設計の重要性
  • 最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例
  • モバイルインターフェースのヒューリスティック原則
  • 予測的デザイン:魔法のユーザーエクスペリエンスを作成する方法

基本を理解する

UIとUXの違いは何ですか?

UIは、ユーザーが目標を達成するために操作するインターフェースです。UXは、ユーザーがナビゲートして操作するときの製品の全体的なエクスペリエンスです。

UXデザイナーとは何ですか?

UXデザイナーは、ユーザーエクスペリエンスをデザインするデザイナーです。彼らの仕事は、ユーザーの意図と目標を分析し、クライアントのビジネス目標についても考えながら、それらの目標をより簡単に達成できるようにする方法を設計することです。

UXとユーザビリティとは何ですか?

UXはユーザーの製品の全体的なエクスペリエンスであり、ユーザビリティは特に、ナビゲーション、インタラクション、モバイルの応答性などの点で製品がいかに簡単に使用できるかを示します。

デザインにおける問題解決とは何ですか?

設計における問題解決とは、ユーザーが直面している問題の解決を支援する手段として、高速で直感的でアクセスしやすく、使いやすいユーザーエクスペリエンスを設計することです。

投資家が独立したスポンサーモデルと従来のPEファンドを選択する理由

投資家と資金調達

投資家が独立したスポンサーモデルと従来のPEファンドを選択する理由
電力効率の高いホームオフィスはお金とホッキョクグマを節約できます

電力効率の高いホームオフィスはお金とホッキョクグマを節約できます

ライフスタイル

人気の投稿
WebRTCアプリケーションを構築する1年:スタートアップエンジニアリングの教訓
WebRTCアプリケーションを構築する1年:スタートアップエンジニアリングの教訓
Googleスプレッドシートに移行する理由
Googleスプレッドシートに移行する理由
機械学習の問題に取り組む方法
機械学習の問題に取り組む方法
JWT for RESTAPIを使用したSpringSecurity
JWT for RESTAPIを使用したSpringSecurity
感圧タッチはUIとUXにとって何を意味しますか?
感圧タッチはUIとUXにとって何を意味しますか?
 
ApeeScapeサーベイ:最近の卒業生は、学位や仕事の柔軟性を使うよりもお金に関心があります
ApeeScapeサーベイ:最近の卒業生は、学位や仕事の柔軟性を使うよりもお金に関心があります
教師あり機械学習アルゴリズムの調査
教師あり機械学習アルゴリズムの調査
ApeeScapeデザインブログカラーオブザイヤー2020
ApeeScapeデザインブログカラーオブザイヤー2020
Firebaseをサーバーレス化–モバイルおよびWebアプリケーションを簡単に
Firebaseをサーバーレス化–モバイルおよびWebアプリケーションを簡単に
マインドズアイ–データ視覚化心理学の考察
マインドズアイ–データ視覚化心理学の考察
人気の投稿
  • コールバックは関数ノードjsではありません
  • ウェアラブル技術が重要な理由
  • フォントはいくつありますか
  • ビジュアルコミュニケーションデザインとグラフィックデザイン
  • デザインの原理と要素
カテゴリー
プロジェクト管理 ライフスタイル 財務プロセス Uiデザイン その他 バックエンド モバイル リモートの台頭 Uxデザイン 計画と予測

© 2021 | 全著作権所有

apeescape2.com