web-dev-qa-db-ja.com

UI / UXとフロントエンド開発の本当の違いは何ですか?

ここでフロントエンド開発者。

私は小さなスタートアップで働いています。1人のバックエンド開発者と私がフロントエンド開発者です。私がUXデザイナーとして特別に考えていなくても、上司が私に電話をかけてきますX boy私はそこで働いていたので。ハッカーニュースでこの用語を発見したのはごく短期間です。気になります。

ただし、グラフィックデザインとフロントエンドコード(従来の方法でUIと見なしているもの)に加えて、ワークフロー、エルゴノミクス、およびser eXperienceを扱うことになっているので、 m何か特別なものを見逃していないか自分に尋ねる。私は非常に小さなチームで働いており、すべて自分でやらなければなりません。

上司はUI/UXに大きな期待を寄せているようで、おそらくこの用語は彼に私たちの仕事についてのファンタジーを与えてくれるでしょう。私たちはフランスで働いており、私が言うように、この用語はここではかなり新しいものであり、人々はそれを正しい意味で常に使用するとは限らないと思います。内容はトレンディであり、スタッフはUI/UXを実行していますは、たとえそれが無意味であるか、さらに悪いことに、偽であるとしてもクールです。そして、それはどういう意味ですかdoing UI/UX?インターフェースで作業するときは、ユーザーとそのエクスペリエンスを管理する[〜#〜] have [〜#〜]を使用します。素晴らしいプロが信じられないなんて信じられません。

私はアートとグラフィックデザインから来ています。その後、プログラミングを学び、優しくハッキングを始めます。私は常にこの方法が正しいことを考慮しており、すべての小さなチームのフロントエンド開発者haveがUXに対処し、UXの人が彼のために構築したものを実装するだけではないと信じています。私はそれがほとんどの小さなチームでそのように機能するとは信じていませんが、大きなチームではうまくいくと思います。

32
smonff

これは明確な答えではありませんが、UI/UXとフロントエンド開発の違いを、設計と実装の違いと考えることができます。問題は、UXデザイナーはグラフィックデザインまたはソフトウェア開発のバックグラウンドのどちらかに由来する傾向があるため、当然のことながら、彼らの役割と「Webデザイナー/開発者」の役割は重複しています。 UXスペシャリストの誰かは、設計プロセスの人間的側面をよりよく見て、調査を行い、設計概念/アイデアを思い付くための基礎を形成する質問をし、その後ユーザーテストを行う傾向があると思いますそして、これらのアイデアを開発後(または開発サイクルの一部として)検証するための評価。

すべての専門用語や用語を本当に切り抜けたい場合、UXは、具体的である必要がある、または解釈の対象となる必要があると考える程度に応じて、実際には単なる哲学/概念/アプローチです。ただし、原則として、開発者ではなく(つまり、機能、仕様、実装の観点から)ユーザーではなく(ユーザー中心の目標主導の観点から)考える場合、UXプラクティショナーになるための良い道を進んでいます。これは、設計と開発に対するユーザー中心のアプローチと呼ばれています。それに比べて、UIはユーザーインターフェイスの側面を直接扱うため、少し抽象的ではありません。また、デザインパターンやライブラリを作成するのと同じくらい高いレベルでも、個々のUIコンポーネントや要素などの特定の詳細に取り掛かることもできます。

もっと具体的な質問にお答えできてうれしいですが、誇大広告についての問題は、人々がすぐに乗り越えて現実に直面することです。

27
Michael Lai

私が時々使用する比喩は、建築家と建設現場の監督の違いであり、建物の建設に取り組んでいます。

A 職長can自分で建物を建てる-彼女は以前に建物を建てたことがあり、彼女は一般的に何がどこに行くのかを知っており、彼女はその方法を知っています実際にネジと釘、木と石膏を組み合わせて構造を形成します。

しかし、監督は建物がどのように作られるべきかを研究していません。経験豊富な職長は、地方自治体の建築基準法(「設計パターン」)などに頼って建設を指導しますが、最終的には使いづらくなったり、魅力的でなくなる場合があります。これは、割引修理の仕事でよく見られます。たとえば、ドアが洗面台とぶつかるバスルームや、部屋がぎこちなく使いづらい安価な細分化された家などです。これらは簡単に構築できるソリューションであり、非常にうまく構築されているかもしれませんが、どういうわけか一緒につながっていません。

逆に、architectは、スペース、人々が建物をどのように使用するか、どのように移動するか、照明と天井の高さ、ドアの配置と部屋の構成がどのように連携して快適な場所を作るかについて理解しています生きるために。ただし、壁を漆喰で塗ったり釘を打ち込んだりする能力がない場合があり、その結果、彼らのより冒険的なデザインは現実世界に持ち込むことが困難になる可能性があります。

あなたはフロントエンド開発者として、あなたは職長であり、建設クルーはすべて1つにまとめられていますが、(まだ)建築家ではないかもしれません。最高のユーザーエクスペリエンスを実現するソフトウェアの設計方法に関するトレーニングを受けていない可能性があります。世界中の例を参考にして機能的なアプリを作成できますが、使用可能なアプリを作成するだけでは不十分な場合があります。

良いニュースは、ユーザーのニーズを理解し、それらのニーズを満たすデザインを作成し、実際の実際のユーザーでそれらのデザインをテストして検証するのに役立つUXテクニックを学ぶことができることです。

17
Alex Feinman

ユーザーエクスペリエンスは多くの人が主張するものですが、うまくいく人はほとんどいません。その理由は、ユーザーエクスペリエンスのみを行う人々(ビジュアルデザイナーやフロントエンドコーダーではない)のために多くの努力が払われているからです。通常、プロジェクトが大きくなるほど、専用のユーザーエクスペリエンス担当者/チームが必要になります。

建物を建てるようなものです。小屋をしている場合、1人ですべてを行うことができますが、建物が大きくなるにつれて、人々を専用にする必要があります。

多くのプロジェクトで、最終結果を設計する人がソリューションを設計し、機能を設定する人ではないという非常に良い理由があります。これは、多くの場合、最高のユーザーエクスペリエンスソリューションは技術的に複雑であり、ソリューションの構築を担当している場合に、より簡単なソリューションを見つけようとするのは人間の本質だからです。これが、コーダーでなくUXの人でもないことが(他の人の助言に対して)有利になる理由です。それらは異なる考え方であり、互いに対立します。

これは、UXデザインとビジュアルデザインにも当てはまります。優れたビジュアルデザイナーは、ユーザーに伝える必要があることを決定する優れたインタラクションデザインスキルも備えていますが、複雑なビジュアルデザインの問題につながる可能性があり、一部のビジュアルデザイナーは、使いやすさ/ユーザーエクスペリエンスの理由ではなく、ビジュアルの理由でアイテムの追加/削除を選択する場合があります。 。いくつかの点で、ビジュアルデザインの考え方は、ユーザーエクスペリエンスの設計よりも最終的な実装に非常に近いため、エンジニアリングの考え方に似ています。

UXは、ユーザー調査、情報アーキテクチャ、コンテンツ戦略、タスク分析など、さまざまなことを含む幅広いスキルセットです。インターフェース設計はUXの一部であり、画面レベルの設計に取り掛かることはありませんが、研究や、システムの全体的な概念と機能の定義に取り組みました。たとえば、大規模な英国での評価やレビューの仕組みの定義などです。小売業者。

4
Stewart Dean

組織ごとに要件が異なるため、この質問は非常に混乱します。企業はUXとUIを1人の仕事に組み合わせています。

UXは、ビジネスアナリストやグラフィックデザイナーの役割と同じ領域にいると思います。これらのポジションは、アプリケーションのユーザビリティ、アクセス可能性、およびルックアンドフィールを担当するからです。一方、UIは、Web DesignerとDeveloperを組み合わせたものです。これは、デザイナーがHTMLとCSSで機能することを意味します。開発者は、JavaScript、.net、PHPとJava.

私は、UIデザイナ(UXとの組み合わせとJSの基本レベル)とUI開発者( オブジェクト指向プログラミング に焦点を当てたフルスタック開発者の詳細)の2つのレベルにUIを分割することを好みます。

1
Vinod

UXデザインは ユーザーエクスペリエンスデザイン という用語に委託していますが、UIデザインは ユーザーインターフェイスデザイン の頭字語です。どちらの要素も製品に不可欠であり、密接に連携します。しかし、彼らの専門的な関係にもかかわらず、彼ら自身の役割はかなり異なっており、プロセスの非常に異なる区分と設計規律を参照しています。

UXデザインがより分析的で技術的な分野である場合、UIデザインは、私たちがグラフィックデザインと呼んでいるものよりも迅速ですが、責任はかなり複雑です。

ユーザーエクスペリエンスデザイン(UXDまたはUED)は、顧客と製品間のやり取りで提供される使いやすさ、使いやすさ、および喜びを取り戻すことにより、顧客の満足度と忠誠度を高める手順です。 UI(ユーザーインターフェイス)デザイナーは、ユーザーが遭遇するプログラムのセグメントの開発を任されています。これは、ハードウェアキーやテキストインターフェイスに及ぶ場合がありますが、最近最もよく知られているのは、グラフィカルユーザーインターフェイスまたはGUIです。

一方、完全に機能するWebサイトを作成するには、Webデザイナーに幅広いスキルを教える必要があります。ごくまれに、WebデザイナーはHTMLを学習するだけで非常に単純なページを生成できますが、この種のサイトは非常に不十分です。

1
James Foster