UXエンジニアとしての仕事を上陸させることは難しいですが、それは不可能ではありません。 このリストは、2020年にUXエンジニアになるために必要なスキルを習得し、集中力を高めるために作成されました。 当然のことながら、このリストは、ちょうど始めている人のために少し圧倒的なことができます。 このため、リストは2つの部分に分かれています: UXデザインスキル

  • フロントエンドエンジニアリングスキル
  • どちらの分野にも新しい場合は、一度に一つのリストに焦点を当てることをお勧 このようにして、あなたはまだ素晴らしい仕事を着陸し、他のリストからあなたのスキルを構築するように収入を得ることができます。

    uxデザインスキル

    ウェブ開発の世界では、UXデザインが重要です。 高速でスケーラブルな製品を構築するためにはフロントエンドエンジニアリングスキルが必要ですが、それらの製品が労力の無駄ではないことを Uxデザインの知識がなければ、誰も望んでいない製品を構築するのに数週間から数ヶ月を費やすことができます。 UXデザインは疑いを取り除くのに役立ちますので、人々が実際に有用であると思う製品を構築することができます。

    #1–共感

    共感はuxデザインの中心にあります。 あなたは、彼らが愛する製品を設計するために、あなたのユーザーの靴に自分自身を置く能力が必要です。 幸いなことに、共感は開発するのが難しいスキルではありません。 いくつかの製品があなたを幸せにし、なぜいくつかの製品があなたを失望させるのかを理解していれば、あなたは途中にいます!関連:デザインにおける共感:それはどのように機能しますか?UXの改善は、それらを実装する”コスト”と比較してマイナーに見えるかもしれないので、開発者は時々共感で苦労することができます。 これがあなたなら、あなたのユーザーの満足の上のあなた自身の便利を置くことの誘惑に抵抗しなさい。 角を切らないでください。 共感を持っています。 ユーザーエクスペリエンスから始め、逆方向に作業します。

    #2–問題解決

    問題解決スキルは、uxデザインとフロントエンドエンジニアリングの両方にとって重要です。 しかし、私はそれがuxにとってさらに重要だと主張するでしょう。 どうして? Uxの問題の大部分は、独自のユーザーのニーズに固有のものであるためです。 多くの場合、uxの問題よりもプログラミングの質問に対する答えを見つける方がはるかに簡単です。これを念頭に置いて、あなたは様々な問題のための創造的な解決策を考え出す能力が必要です。 共感と問題解決のスキルを組み合わせることで、ユーザーの痛みのポイントを理解し、それらのための本当の解決策を設計することができます。前述のように、uxの問題の大部分は一意ですが、すべてではありません。 鋭い観察の技術を持っていることは道の下の多くの頭痛救う。 このスキルは、”uxデザイン”の”デザイン”部分に特に役立ちます。”あなたのユーザーは、すべてのweb上にあります。 ソーシャルメディアを使ってブログを読んだりYouTubeの動画を見たりしています 彼らがそれをやっているなら、あなたもそれをやっているはずです。観察スキルは、トレンドが新しい規範になったときにパターンが出現し、ユーザーの期待を先取りするのに役立ちます。関連:良いUX=退屈なUI。 CreativeWithoutの大きい観察の技術があってはいけない、それはテンポの速い網の開発工業で遅れずについていくことは困難である。

    #4–マーケティング

    個人的には、私はこれが十分に言及されているとは思わない。 多くの企業では、UXデザイナーはマーケティング部門と緊密に協力しています。 Uxデザイナーとして、あなたは、少なくとも、マーケティングが何であり、どのように動作するかの基本的な理解を持っている必要があります。 マーケティングの概念は、一般的に、顧客のニーズや痛みのポイントを追跡する長い歴史を持っています。 マーケティングとuxデザインの間には、特に今日の技術主導型では、あなたが実現するかもしれないよりも多くのクロスオーバworld.At 一日の終わりには、ユーザーを満足させる必要があり、誰でもあなたの給料に署名します。 マーケティングの技術を学ぶ時間の投資によってあなたのユーザーおよびあなたの会社に価値を提供するためにあなた自身をよりよく置く。

    #5–UX Research&インタビュー

    多くの企業では、ux researchはuxデザインとはまったく別の役割です。 それはあなたがオフフックだという意味ではありません。 Uxの研究がなければuxデザインのようなものはないので、あなたはそれを学ばずに遠くに行くつもりはありません。 Uxの研究を徹底的に理解するには、人間とコンピュータの相互作用または関連分野の学位が必要です。 しかし、uxエンジニアとして、私はあなたが学位なしで得ることができると信じています。結果を危険にさらすことなくユーザーから質的なデータを収集する方法を学ぶと、基本的にux研究を行うために必要なスキルのほとんどが得られます。 ここでの基本的なスキルは、あなたのデザインから自分自身を分離するあなたの能力です。 あなたは自分の偏見を認識し、客観的に設計する方法を学ぶ必要があります。 これを学ぶと、あなたは行ってもいいでしょう。統計とデータ分析は「UX Research」の傘の下に収まりますが、ここではそれらを別々に呼び出すのに十分な区別があると思います。 定量的データを活用することは、ユーザーが製品とどのように対話するかを理解するための非常に強力な方法です。 直帰率が高いですか? あなたの運行を再考する必要がある場合もある。 ユーザーは数秒後にページを離れていますか? ページの読み込みに時間がかかりすぎている可能性があります。 これらは、Googleがウェブサイトの全体的なユーザーエクスペリエンスを判断するために使用するいくつかの指標です。 Googleがそれらに注意を払っている場合は、次のようにする必要がありますtoo.As GoogleのCEO、Eric Schmidtは次のように述べています。

    世界は統計学者によって継承されます

    残念ながら、データ分析ソフトウェアはこれまでのところ Uxエンジニアとしてデータ駆動型の意思決定を行うためには、平均を計算するだけでなく、統計に関する理解を深める必要があります。

    #7–UIデザインツール

    今、私たちは最終的に物事の”デザイン”側に到達しています。 Uxデザインの最大の側面の一つは、ワイヤーフレーム、モックアップ、プロトタイプを作成することです。 今日の最も人気のあるUIデザインツールは、SketchとFigmaです。 私は実際にこれらのいずれかを使用したことがありません(私は技術の動きを速く言及しましたか?しかし、私は今、二つの間で選択した場合、私はFigmaを選択するだろう。AJ&Smartこのビデオでは良い(そして面白い)比較を行います。 それは時計の価値があります。

    #8–UIデザインの原則

    おそらく、”ux”と”ui”は通常一緒にペアになっていることに気づいたでしょうか? これは、両方とも全体的なユーザーエクスペリエンスに不可欠であるためです。 UXの調査は、特定の設計上の問題を特定して解決するのに役立ちますが、美しいデザインを作成するのには役立ちません。 そのためには、ui設計の原則とそれらを効果的に使用する方法を理解する必要があります。すべてのuxデザイナーが知っておくべきデザインに関する普遍的な”真実”があります。 あなたが素晴らしい観察スキル(このリストの#3)を持っているなら、あなたはおそらくそれを実現することなくいくつかのui設計原則を拾い上げ これらの主義のいくつかはバランス、直線、対照等を含んでいる。あなたのUIはキャンバスであり、あなたはアーティストです。 Uiデザインの原則を適用することは、傑作を作ることとあなたの冷蔵庫に固執するものを作ることの違いです。 それは本当に大きな違いを生むん。 あなたのUIデザインがマークを欠いている場合、人々はあなたのブランドに気づき、信頼を欠いています。関連:UXデザイン&UIデザイン。 なぜ我々はそれらの両方を必要とするのですか?

    #9–インタラクションデザイン

    以前のスキルであるuiデザインの原則では、一度に単一のwebページまたは機能の外観を扱っています。 一方、インタラクションデザインスキルを使用すると、一歩後退し、そのページや機能が”全体像”にどのように結びついているかを理解する必要があり”名前が示すように、インタラクションデザインはあなたの製品の相互作用を導くことを扱っています。インタラクションデザインがなければ、あなたの製品は何かが欠けているように感じるでしょう。 たとえば、GoogleのMaterial Design仕様では、ページ上の要素を現実の世界に存在するかのように扱うことを目的としています。 これは、ページ上を移動するオブジェクトが物理学の法則に従っているかのようにスピードアップまたは減速する必要があることを意味します。

    #10–ライティング&コミュニケーション

    ライティングとコミュニケーションスキルは、ほとんどのキャリアにとって重要ですが、uxデザイナーにとっ 通信の目的でテキスト、アイコン、または画像を必要としないインターフェイスを設計することはめったにありません。 これは、メッセージをできるだけ簡潔に完全に伝える方法を学ぶ必要があることを意味します。効果的なコピーを書くことは、それが聞こえるほど簡単ではありません。 可読性と理解は科学です。 あなたの聴衆の言語を話す方法を学ぶことは重要ですが、もっと重要なのは、あなたのコピーでそれらを従事させることです。 作るのは簡単です一つの間違いは、観客が理解するのは難しいかもしれない大きな言葉のカジュアルな使用です。 その間違いをしないでください。 あなたの仕事はあなたの知識の読者に印象づけないために効果的に伝達し合うことである。

    フロントエンドエンジニアリングスキル

    フロントエンドエンジニアになるために、よりエキサイティングな時間がありませんでした。 今日のweb開発業界は、技術革新で活況を呈しています。 新しいツールやリソースは、私たちの仕事を容易にするために毎日作成されています。 しかし、これらのツールやリソースは、あまりにも学習曲線が付属しています。 フロントエンドエンジニアリングを始める準備ができている場合は、次の10のスキルがそこに到達するために重要になります。

    #11–HTML,CSS,&JavaScript

    ウェブの風景は、最初から劇的に変化しました。 今日のフロントエンドエンジニアは、数年前には存在しなかったツール、方法論、ベストプラクティスを知っていることが期待されています。 物事はすぐにそれを移動します。 フロントエンドエンジニアとして、常に関連性を維持するために新しいスキルを学ぶ必要があります。それともあなたは?一般的な意味では、はい、あなたは常に学習されます。 しかし、web開発の基盤は常に同じままでした。 コアでは、常にHTML、CSS、およびJavaScriptを使用してきました。 これらのことを学び、それらをよく学ぶ。 あなたが学ぶ追加のものは、とにかく(ほとんどの場合)これらの技術の上に構築されます。新しい、刺激的なフレームワークか図書館が常にある。 普通のhtml、CSS、JSを理解していない場合は、(私の意見では)最新のフレームワークを購入するべきではありません。 たとえば、JavaScriptのインとアウトを理解することで、長期的にはさらに多くのことを得ることができます。 数年後には、新しいフレームワークが来るでしょうし、あなたもそれを学ぶのは難しいでしょう。 自分で頭痛を保存し、最初にプレーンなHTML、CSS、およびJSを書くことを学びます。関連:設計者は、(とりわけ)コード化する方法を学ぶ必要があります

    #12–セマンティックHTML&アクセシビリティ

    HTMLは、ブラウザだけでなく、障害を持つ人々に それは設計ツールではありません。 HTMLの基本を学んだ後は、セマンティクスとアクセシビリティに飛び込むことをお勧めします。 HTMLは、単にすべてを<div>タグでラップするだけではないことがわかります。セマンティックHTMLは、主にwebページの”意味”を表現することを扱います。 たとえば、<nav>要素を使用すると、基本的にブラウザにナビゲーションがどこにあるかを伝えます。 ブラウザが賢くなるにつれて、セマンティックHTMLは、webの進歩のためにますます重要になります。障がいのある人が製品を利用できるようにすることも非常に重要です。 あなたがこのリスト(共感)のスキル#1を拾ったなら、おそらくあなたはWeb Content Accessibility Guidelines(WCAG)を知っていますか? そうでない場合は、それらを学ぶ必要があります。 あなたのプロダクトは皆によって入手しやすいまで偽りなくユーザーフレンドリーではない。

    #13–CSSフレームワーク、アーキテクチャ、&プリプロセッサ

    CSSの学習に時間を費やした後、フレームワーク、方法論、プリプロセッサの必要性を理解し始めます。あなたの状況に応じて、Bootstrapはすぐにあなたのウェブサイトにスタイルを取得するのに最適なCSSフレームワークです。 しかし、プロジェクトが”ブートストラップ”の少ないものを必要とする場合は、最初から(基本に戻って)独自のCSSを書くことが望ましい可能性があります。 また、UXエンジニアとして、パフォーマンスはあなたの製品のために考慮すべき重要な要素になるでしょう。 それはパフォーマンスに来るとき箱からブートストラップを使用すると、欠点を持つことができます。SASSなどのCSSプリプロセッサを利用することは、さまざまな理由で優れています。 何よりも、彼らはあなたが特異性を作成するためにお互いの中に巣のスタイルを可能にすることによって、CSSを書くことがはるかに簡単にします。 変数やミックスインの使用など、他にもいくつかのクールな機能があります。 現代では、プロセスを簡素化するためにプリプロセッサを使用していない多くのフロントエンドエンジニアを見つけることはできません。独自のスタイルをゼロから作成する場合は、CSSアーキテクチャを採用することは、コードを整理しておくのに非常に便利です。 私はScalable and Modular Architecture for CSS(SMACCS)のみを使用しましたが、これは素晴らしいことですが、最近いくつかの他のCSS方法論について学びました。 あなたが良い組織戦略を持っていない場合、あなたのCSSが制御不能になるのは簡単です。 開発プロセスにCSSアーキテクチャを採用することは間違いなく価値があります。関連:CSSの特異性:使用を避ける方法!CSSで重要

    #14–レスポンシブデザイン

    レスポンシブデザインはもう新しいものではありません。 これは、この時点では、webデザインとほぼ同義です。 それにもかかわらず、デザインでさまざまなデバイスや画面解像度を考慮する方法を学ぶことは依然として重要です。 レスポンシブデザインを習得しないことは、ユーザーの半分を方程式から外すための迅速な方法であり、明らかにユーザーエクスペリエンスが低下します。私たちは今、モバイルの世界にいます。 モバイルはどこにも行きません。 モバイル、タブレット、デスクトップ用に設計する方法を学ぶと、あなたが行ってもいいでしょう。

    #15–JavaScriptフレームワーク

    プログラミングは高価であるため、JavaScriptフレームワークは重要です。 JQuery、Angular、Vue、Reactのようなフレームワークは、開発をスピードアップし、あなたのために重い作業の多くを行うのを助けるために作成されました。 このため、企業はJSフレームワークを採用することについては、長期的にはお金を節約するため、良心の呵責を持っていません。もちろん、あなたが両手で数えることができるよりも多くのJavaScriptフレームワークがあります。 彼らはすべて別の問題を解決しようとしています。 どのフレームワークがそこにあるかを理解することは価値があるでしょう。 また、web開発を支援するために少なくとも一つのJavaScriptフレームワークを学ぶことは価値があります。 Reactは今最も人気のある選択肢のようですが、それは数年後に簡単に変わる可能性があります。

    #16–バックエンド開発

    フロントエンド開発者はバックエンド開発者と非常に密接に協力しています。 私はあなたがフルスタックエンジニアになるべきであることを示唆していません(それはかなり印象的ですが)。 しかし、私はバックエンド開発について十分に学ぶことは、あなたのバックエンドとよりよく関わるために価値があることを示唆していますcoworkers.At 一日の終わりには、おそらくあなたのプロジェクトをサポートするために必要なデータを決定することになります。 バックエンド開発の適切な理解を持つことは、そのコミュニケーションを促進し、プロジェクトの成功を確実にするのに役立ちます。

    #17–テスト&デバッグ

    テストとデバッグは、フロントエンドコードに取り組んでいる人にとって不可欠です。 製品を「テスト」するにはさまざまな方法がありますが、最も頻繁に行うテストの種類はブラウザとJavaScriptのテストになります。Chromeの開発者ツール(Dev Tools)は非常に強力で便利なツールです。 Dev Toolsを使用すると、HTML/CSSをすばやく変更して、ページ上でどのように表示されるかを確認できます。 コンソールを使用すると、JavaScriptにエラーが発生したことを確認できます。 “ネットワーク”タブでは、ファイルのレンダリングの速さと順序を確認できます。 それはあまりにも行うことができますはるかにあります。 フロントエンド開発を始めたばかりの場合は、すぐに開発ツールが本当にどれほど素晴らしいかを理解できますis.To あなたのウェブサイトは、すべてのブラウザやデバイス間で良好に見えることを確認し、あなたはどこでも変更をテストする必要があります。 Browserstackは、この種のための超便利なツールですtesting.In テスト駆動開発(TDD)では、すべての拠点を確実にカバーするためにJavaScriptをテストする必要があります。 Karmaのようなツールは、コードの周りにテストを構築するのに役立ちます。

    #18–パッケージマネージャー(NPM)

    npmのようなパッケージマネージャーは、現代のフロントエンド開発のために必要となっています。 彼らは人生を楽にします。 リソース、フレームワーク、ライブラリなどの爆発で。 あなたの指先で、それはそれらすべてを管理するためにかなり苦痛になり始めます…..パッケージマネージャーを使用しない限り。Npmを学習するには、コマンドラインインターフェイス(CLI)を使用する必要があります。 それはそれが聞こえるほど怖いではありません。 Web開発プロセスの一部としてパッケージマネージャーを組み込む準備ができたら、オンラインで役立つチュートリアルがたくさんあります。

    #19–ビルドツール

    npmに加えて、モジュールバンドラー、タスクランナー、リンターなどのビルドツールについても知っておく必要があります。 これらのツールは、異なる目的を持っていますが、現代のweb開発のために不可欠です。WebPackなどのモジュールバンドラーは、ファイル間のモジュールの依存関係を追跡し、それらを一つのリソースにバンドルするのに役立つように作成されました。 WebPackのようなツールを使用することの主な利点の一つは、未使用のリソースが不必要にロードされるのを防ぐ”木の揺れ”の概念です。Gulpなどのタスクランナーを使用すると、WebPackやSassなどのツールを実行できます。 これらは、SassまたはWebPackファイルの変更を監視し、出力を自動的に再構築できるため便利です。 タスクランナーを使用する方法を学ぶことは間違いなくあなたを後押しするのに役立ちますproductivity.As 他のフロントエンドエンジニアのチームと協力して作業する場合は、JavaScriptコードのスタイルガイドを遵守することが重要です。 これは、ESLintなどのリンターが便利な場所です。 リンターを使用すると、間隔、構文、命名などに関する規則を指定できます。 あなたのコードで。 これらのルールを破ると、あなたのlinterはあなたに知らせます。 基本的に、リンターは、共有コードベースの品質と一貫性を確保するための便利な方法です。

    #20–バージョン管理

    誰もが間違いを犯します。 幸いなことに、そのためのバージョン管理があります。 フロントエンドエンジニアとして、GitやTeam Foundation Server(TFS)などのバージョン管理の使用方法を学ぶことが不可欠です。 バージョン管理を使用すると、本番コードから分岐し(基本的にはそのコピーを作成)、修復を超えて物事を台無しにすることを心配することなく変更を行 ただし、展開が悪いなどの問題が発生した場合は、変更を以前のバージョンにロールバックできるようにすることで、その日を節約できます。あなたはUXエンジニアになる準備ができていますか?

    だから、あなたはそれを持っています:2020年にUXエンジニアになるために必要な20のスキル。 私はあなたがあなたのスキルを向上させるために働くように、このリストが有用であることを願っています。 あなたがUXエンジニアになる準備ができているなら、jobs boardをチェックしてください!

    UXデザインやフロントエンドエンジニアリングについてもっと知りたい場合は、Uxe Weeklyを購読し、毎週UX Engineeringに関する新しい記事を受け取ることを

    ユニコーンになる

    UX/UIデザイン+フロントエンド開発に関する記事を取得

    それは無料です-スパムなし-いつでもオプトアウト

    共有を経由して共有する

    :