ホームページ » ウェブデザイン » インタラクションデザイナーになる方法IxDへのキックオフ

    インタラクションデザイナーになる方法IxDへのキックオフ

    成長分野 インタラクションデザイン モバイルアプリからWebサイト、さらにはビデオゲームまで、すべてを網羅しています。スキルセットは需要がありますが、正確には何が必要ですか インタラクションデザインのキャリアを始める?

    インタラクションデザインは、 デジタルインターフェイスプロジェクトのためのUXデザインとUIデザインのコンボ. インタラクションデザイナーは、Webサイト、デスクトップソフトウェア、またはその他のあらゆる分野に特化することもできます。 ヒューマンコンピュータインタラクションが必要.

    このガイドでは、 必要なスキル そして 最高のヒント 熟練したインタラクションデザイナーになる必要があります。この業界には最良のコースはありません。それはただハードワークと粘り強さを必要とします。 さらにプッシュする そして 学び続けます 途中で.

    IxDの基本

    どのデジタルプロジェクトもインタラクションデザインの影響を受ける可能性があります。それはあなたを強制します インターフェースの美学を超えて どのように典型的なユーザーを検討する インターフェースと対話する.

    インタラクションデザイナーがインターフェースデザインを担当 ユーザ心理学の観点から. あなたがUXデザイナーとして働いているとき、あなたは主に心配しています 行動と測定基準, ページの表示時間やコンバージョン数など。あなたがUIデザイナーとして働いているとき、あなたは焦点を当てます 美学とデザインの原則.

    あなたが両方の分野のスキルを持っているならば、IxDでのキャリアは素晴らしいアイデアです。あなたはあなたが参加するどんなチームにとっても真の資産になるでしょう、そして多くの上方移動性があります.

    インタラクションデザイナーの仕事は クラフトユーザーエンゲージメント を概説することによって 最も重要な機能 そして、それらの振る舞いに合ったインターフェースを設計します。毎日の仕事の範囲 ユーザーテストフォトショップ作品, そしてさらに ライブプロトタイピング.

    まず行動を理解する

    すべてのインターフェースは 人的交流, それはそれが単に美しいデザインやクールなアニメーションの問題ではないことを意味します。それはの問題です ユーザーの行動, そして あなたが彼らにしてほしいこと.

    それは最高です 計画から始める デザインに近づく前に。各プロジェクトに最適な機能を検討します。 目立つように整理する. ユーザーは、新しいアカウントにサインアップするか、製品を購入するか、ブログ記事を読む必要がありますか。これらの各シナリオ ユーザーフローが異なります, そして 別のインターフェースが必要 補償する.

    この設計プロセス 多くのユーザー心理学が関わる インタラクションデザイナーが計画しなければならない場所 ユーザーの理想的な行動. UIが完成したら、次のことができます。 基本的なユーザーテストを実行する これらの仮定が正しいかどうかを確認し、正しくない場合は、 微調整する UXの目標を改善する.

    すべての設計上の決定事項 論理的思考プロセスから来る. もしあなたがIxDで働きたいのなら、あなたはする必要があります。 インターフェース心理学を学ぶ. 例えば, あなた自身の行動を観察しようとする 携帯電話を使用しながら。のようなものを熟考する、どのアプリ 直感的に感じる, なぜ彼らは直感的に感じるのですか? これらの機能を複製する?

    たくさんの質問をする, そして 他のインタフェースを研究する できるだけ。やがて、あなたは このプロセスを内面化する, そして最終的に 日々の業務パターンを改善する インタラクションデザイン.

    デジタルインターフェースを設計する

    それを見つけることは稀です グラフィックデザインのスキルがないインタラクションデザイナー. あなたがキャリアとしてこれをしたいのなら、あなたはする能力が必要です。 実際にインターフェースをデザインして作成する. これは、Photoshop、Illustrator、Sketch、またはあなたが好むどのデザインソフトウェアのようなプログラムのしっかりした理解を意味します.

    それはまたあなたがの知識を持つべきであることを意味します 実際にインターフェースを設計する そして 設計原理を理解する, 活版印刷、空白、色の選択、および一般的なデザインの美学など。まだデザインのスキルがない場合は、 モックアップデザインの構築の練習 あなたができることを見るために.

    ほとんどのインタラクションデザイナーはそのことについて少し知っています クリエイティブプロセス全体. これも UIプロトタイピング, もっと 詳細なワイヤーフレーミング モックアップに飛び込む前に.

    デザインのスキルがなくてもIxDの仕事を始めることは可能ですが、知っていれば業界でもっと有利な候補になるでしょう。 UX心理学と技術的UIデザイン, も.

    しようとする デザインのあらゆる段階で作業する 基本的なワイヤフレームスケッチからより多くのものまで 動的プロトタイプ そしてフルモックアップの細部についての詳細。どこから始めればよいかわからない場合は、いくつかのチュートリアルに従ってスキルセットを磨くことをお勧めします。.

    ここにあなたが始めるための小さなリストがあります:

    • Photoshopできれいなeコマースウェブサイトインターフェースをデザインする
    • Adobe Illustratorを使用してきれいなWebサイトのレイアウトを作成する
    • Photoshopでモバイルショッピングアプリのデザインを作成する

    動きのあるデザイン

    UIアニメーション 現在のテクノロジを使用すると、作成が簡単で強力です。アニメーションインターフェースは 規範になる, そしてデザイナーはそれをアニメーション化する方法を学んでいます。 ユーザーの行動に反応する クリックやスワイプなど。これらの反応は、文脈に基づいて小さな相互作用を伴い、華やかで、丈夫で、または微妙なものとなり得る.

    君は ディズニースタイルのアニメーションスキルは必要ありません IxDであなたの足を踏み入れるために、しかしあなたがプロのIxDキャリアを築きたいならば、あなたは結局あなたがしたいと思うでしょう いくつかの基本的なアニメーションスキルを習得する. これらは、 モックアップデザインスキル 前述しました。あなたがフラットUIモックアップをデザインすることを学ぶことができるなら、あなたはまた学ぶことができます そのモックアップをアニメートする方法.

    最も人気のある2つのプログラムは エフェクト後 そして 原理. 両方ともに使用することができます アニメーションを作成する 開発者ができること 最終製品に複製する. の デジタルアニメーションの分野 まだかなり新しいですが、オンラインで多くの学習リソースがあります。これらは初心者のための最高の無料の紹介チュートリアルの一部です.

    • WebアニメーションのプロトタイプにAfter Effectsを使用する方法
    • クイックヒント:After Effectsでのアプリケーションチュートリアルの作成
    • PhotoshopおよびAfter EffectsのiOS7 UIエフェクト

    探しているなら 高品質のアニメーションレッスン それから、MotionでUXをチェックしてください。彼らは無料のレッスンを提供していませんが、彼らの成長しているライブラリは、についての真剣な人のための演習でいっぱいです。 インタラクションデザインのためのアニメーション学習.

    あなたのスキルのレパートリーを構築することができれば デジタルモックアップ、UIアニメーション、ユーザーテスト、UXアーキテクチャー それから私はあなたがインタラクションデザイナーとして非常に安定したキャリアを築くことができると保証します.

    進む

    デザイン分野への明確な道筋はありません。それはとります 長年の実践 そして 勤勉, プラス ちょっとした運 仕事中に学ぶのに役立つ仕事を見つけること。この記事で説明したスキルに集中できれば、はるかに簡単になります。 プロセスを理解する, そして あなたが行くにつれて改善する.

    練習しよう ユーザーエクスペリエンスとインターフェイスデザインの両方 このより広いスキルセットはあなたが仕事を見つけることをより簡単にするでしょうし、そしてそれはあなたを可能にすることを可能にしているあなたをはるかに知覚的なデザイナーにするでしょう。 大きい絵を見てください すべてのプロジェクトの.