UX と UI デザインの違い: 1. UX はインターフェイスを使いやすくし、UI はインターフェイスをより美しくします; 2. UX はユーザーの目標を達成できるようにし、UI はインターフェイスをブランドを強化しますセンス; 3. UX の中心的な目標はユーザーをガイドします タスクを完了するのは UI ではありません; 4. UI と UX の成果物は異なります. UX の出力には、UX エクスペリエンス レポート、機能定義、機能計画、プロジェクトの進捗状況などが含まれます。 UIのアウトプットには、ビジョンとインタラクション、ビジュアルデザイン、ブランドデザインなどが含まれます。モーションデザイン、コンポーネントデザイン、デザイン言語などが含まれます。
このチュートリアルの動作環境: Windows 7 システム、Dell G3 コンピューター。
1. UI とは何ですか? UXとは何ですか?
1. UI とは何ですか?
#簡単に理解すると、インターフェイスの相互作用がわかります。 UI には何が含まれますか? これは皆さんもよくご存知だと思いますが、私たちが日常的に使用する製品のインターフェースデザインは、視覚効果、ブランドパーソナリティ、ページインタラクションデザインなど、すべてUIの範囲に含まれます。 。 多くの学生は、インタラクション デザインはインタラクションに属さないのではないかと尋ねるでしょう。 UIはどのように分割されているのでしょうか? 実際、UI はユーザー インターフェイス デザインの総称です。時代の発展に伴い、純粋な UI の時代は終わり、今日の UI デザイナーは、ビジュアル デザインを習得するだけでなく、一定のインタラクティブ デザイン能力も必要とされています。 同じことが百科事典の UI の定義にも当てはまります。製品の対人インタラクション、操作ロジック、インターフェイスのビジョンの全体的なデザインを担当します。文字通りの意味であるユーザー インターフェイスからわかるように、インターフェイスに加えて、ユーザーとインターフェイスの間のインタラクションも含まれます。 わかりにくいと思われる場合、単純かつ大雑把な理解方法は、UI = インタラクティブ ビジョンです。2. UX とは何ですか?
UX これは、ユーザーのタスク プロセス設計として理解できます。今日、ユーザーが当社の新しい製品を登録します。必要な手順は何ですか? ——ユーザーはモーメントを通じて商品の広告を見て、購入ページにたどり着くまでのステップを経て、最終的に支払いに至る、これをUXと理解しています。 百度百科事典より引用 核心UX のユーザー エクスペリエンスとは、製品を使用したり操作したりするときのユーザーの主観的な感情と満足感を指します。 UX デザイナーは、システムの使いやすさ、価値表現、実用性、効率性などに注意を払い、システムのユーザー エクスペリエンスを研究および評価します。 例: お金を引き出すために銀行の ATM に行くとき、操作データの各ステップのインターフェイスと UI デザインが表示されます。しかし、お金を節約するにはどうすればよいでしょうか?パスワードを変更するにはどうすればよいですか?送金方法は? ——これらのプロセスのデザインはUXデザインに属し、プロダクトが使いやすいか、使いやすいかを重視しているそうです。 私は UX をユーザーの行動の表現として理解しています。UX デザインとは、フィードバックやタスク ガイダンスの全体的なデザインなど、ユーザーが直接、またはサービスを使用するときに体験するエクスペリエンスです。 たとえば、コーヒーを買いにスターバックスに行ったとき、たくさんの人に会うと、長い行列に並ばなければなりません。しかし、今では店舗に行くと店内に人がたくさんいるので、携帯電話で直接操作でき、番号も携帯電話で手配できるので、効率が大幅に向上しました。 そして、このエクスペリエンスを最適化することが UX ワークであり、私たちの人生経験を変えることができます。このように、UX が人生を変えるケースはたくさんあります。例えば、WeChatで予約できるレストランも増えてきており、お店の入り口で待つ必要もなく、公式アカウントをフォローするだけで、予約時間になったら予約のリマインダーが届きます。3. 問題解決のためのさまざまな視点
UI と UX はどちらも本質的にはユーザーの問題を解決するものですが、立場によって視点が異なります。UI はむしろ問題を解決するためのものです。 . ユーザーの第一印象は、デザインが良いかどうか、インタラクションロジックが合理的かどうか、構造が明確かどうか、ページの機能階層表現が合理的かどうかなどです。 そして、UX は製品のターゲット プロセスを定義することであり、UX は製品の深さであり、UI は製品の幅であり、どちらも重要です。 インターネット業界は長年にわたって発展し、ユーザー エクスペリエンスは私たちの生活のあらゆる側面に組み込まれています。UI と UX は本質的に異なりますが、UI はより視覚的であり、UX はより論理的かつ体系的です。 しかし、彼らは通常同じチームに属していますが、異なるスキル、異なるツール、異なる問題解決方法を使用していますが、最終的にはそれらすべてが製品エクスペリエンスを向上させます。2. UI と UX の違いは何ですか?
1. UX はインターフェースを使いやすくし、UI はインターフェースをより見栄えよくします
この文は理解しやすく、 UI デザイナーの価値 目標は、インターフェースを見栄え良く、ユーザーの美的傾向に沿ったものにし、同時にインタラクションがユーザーのロジックに沿ったものであり、製品が提供したい機能の優先順位に沿ったものにすることです。 、大きな相互作用原理の問題はありません。 UX はプロセス全体をより使いやすくし、ユーザーをより適切にガイドしてタスクを完了し、ビジネス目標を達成します。両者が使用するスキルも異なります。2. UX はユーザーが目標を達成できるようにし、UI はブランド センスを高めるインターフェイスを可能にします
UX は製品に役立ちます製品の目標を達成する、非常に良い 現在の製品にはビジネス目標が必要であることを理解してください。発売されたばかりの新製品であっても、古い製品であっても、ユーザーの目標があります。618 やダブル 11 などの大規模イベントを例に挙げます。多くの電子商取引企業はさまざまな種類のマーケティングに取り組んでいますが、そのビジネス目標は何でしょうか?
——GMV 売上高であるため、UX の目標は GMV を最大化する方法です。それには、ユーザー入口、ユーザー パス、リンクの完全な設計が含まれ、各リンクの漏洩を考慮する必要があります。それ。
次に、UI は、ユーザーが製品を使用するときに、負担なく、特にフレンドリーに使用できるかどうかです。
同時に、インターフェースやインタラクションに冗長さを感じさせず、同時に、ユーザー インターフェースの表現は、上の写真の Google の感情表現のように、温かみのあるものになっています。ユーザーとビジネスの間に感情的なブランドの架け橋を築きます。
3. UX コアの目標はユーザーをタスクの完了に導きますが、UI はそうではありません
もう 1 つの異なる点は、UX コアはユーザーの目標とタスクを完了するようにユーザーを導くことです。
例えば電車の切符ソフトは、インタラクティブなビジュアルはひどいですが、ユーザーの目的をいかに達成させるかが重要で、UIよりもUXが優先され、ユーザーの価値を満たせない製品であれば、つまり、UI がどんなに優れていても、あまり意味がありません。
これは、歴史上、短命に終わった製品の多くに当てはまります。たとえば、Path や Paper などの初期の製品は、UI の視覚的インタラクションが非常に優れていましたが、ビジネス レベルや UX ではそれほど完璧ではありませんでした。そして、あまり良いユーザーがいなかったため、最後のページは消滅する運命から逃れることはできません。
4. 提供される結果は異なります
UI と UX の提供される出力も大きく異なります。UX の出力には、UX エクスペリエンス レポート、機能定義、機能計画、プロジェクトスケジュール、コンセプトデザイン、ニーズ評価、市場調査、データ調査、ユーザビリティテスト、ユーザーエクスペリエンスマップ、フローチャート、インタラクティブプロトタイプ図など。
これらは一部の製品であり、レポートや提案書などの一般的な製品も含まれます。
ビジョンとインタラクション、ビジュアル デザイン、ブランド デザイン、モーション デザイン、コンポーネント デザイン、デザイン言語などを含む UI の提供については誰もが知っています。もちろん、同じことがプログラム レポートの提案にも当てはまります。
5. さまざまな責任
UX デザイナーのもう 1 つの重要な役割は、戦略策定とコンテンツ設定であり、あらゆる製品のコンテンツは核となります。
電子商取引を例に挙げると、人、物、場所、商品はコンテンツにおいて非常に重要です。このコンテンツはどのようにユーザーと対話し、ユーザーに受け入れられ、ユーザーと対話するのでしょうか? UX デザイナーは非常に重要な役割を果たします。このプロセスにおける重要な役割のキャラクター。
アリババでの UX キャリアについて話しましょう:
競合他社の分析: Planet で何度も言いましたが、相手のビジネス モデルと最近のアクションを理解してください。
以上がux と ui デザインの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。