UXデザインのキャリアをスタートさせるためにできる12の無料のこと

さて、まず最初に。このガイドの対象者

  • ユーザーエクスペリエンスデザイン(UXD)に侵入したいWebデザイナー、ビジュアルデザイナー、グラフィックデザイナー、および学生。
  • 設計の6つの原則に既に精通している人(ここでは視覚的な設計には触れません)。
  • PhotoshopやSketchなどの設計ツールを既に知っている人。

心配しないでください。この記事に含まれていない非実用的なアドバイスを次に示します。

  • 「xニュースレターを購読する」
  • 「これまでに読めないリンクがたくさんあります」
  • または「メンターを見つける」—それに直面することができるので、UXメンターである珍しいユニコーンを見つけても、この記事を読むことはないでしょう。

さあ。

事1:コーディングを学ぶ

早くやれよ。大丈夫ですHTML / CSSと、可能な限り多くのJavaScriptを学んでください。

今、あなたがすべての誇大広告を取得する前に、私が言っていないことに耳を傾けます。

さまざまな種類のJavaScriptをすべて学ぶことを言っているのではなく、大量のWebサイトやアプリを構築することを言っているのではありません。私が言っているのは、オンラインコースを1つ受講することだけです。

どうして?これにより、Webデザインのルールをより深く理解できます。これらのルールを知ったら、それらを破る方法がわかります。さらに、何が可能か、何が不可能かを学びます。これにより、開発チームの信頼が即座に得られ、あなたとあなたの会社の負担を軽減できます。

もちろん無料のfreeCodeCampをお勧めします!開始は簡単で、コースは使いやすいバイトサイズに分類されています。 HTML5およびCSSコースは完了するのに5時間しかかからず、知っておく必要があるすべての基本を提供します。さあ、飛び込んで

事#2:ウェブサイトまたはアプリ全体を印刷する

会社で働いている場合は、ウェブサイト/アプリ全体を印刷してください。はい、全部です。私はかつてこの目的のために部屋全体を引き継ぎました。それを見てください。これらの印刷物の矛盾を探してください。これから、スタイルガイドを作成します。 UXerとしての瞬間的な信頼。

フリーランスの方は、次のクライアントのためにスタイルガイドを無料でお送りください。その金をポートフォリオに入れてください。スタイルガイドの詳細はこちら。 (心配する必要はありません。インタラクティブなものを作成する必要はありません。それは素晴らしいことですが、ただのPDFでもかまいません。)

事3:ユーザーフローマップを作成する

これで、Webサイト全体が壁になりました。それを批判的に見て、ユーザーのフローチャートを作成するときです。

たとえば、eコマースWebサイトの場合、最も単純なユーザーマップは、ホーム>カテゴリ>製品>バスケット>チェックアウトです。

この製品は、eコマースWebサイトの最高のページであることがわかります。コンバージョンを増やすほとんどの機会はそこにあります。

まだ会社の一員ではない場合は、以下の#4をご覧ください。

事#4。 Webサイトまたはアプリのリバースエンジニアリング

会社に所属していない場合、UXを学ぶ最良の方法の1つは、古き良きリバースエンジニアリングを行うことです。

ウェブサイトだけではなく、受賞歴のあるアプリやウェブサイトでこれを行います。

私がWebデザインを学んだのは、もともとWebサイト全体をダウンロードして、それらがどのように作られたかを学ぶことでした。あなたがする必要があるのは、それをメモの束を取り、以下のようにすべての相互作用のためにそれを書き留めることです。

事5:スケッチ、スケッチ、スケッチ

…最初に設計とユーザーフローを確認します。これにより、Photoshopでの多くの頭痛が解消されます。

グラフィックデザインの先生は、常に最初にスケッチすることを教えてくれました。このアドバイスは本の表紙やポスター用でしたが、最初にスケッチをすることが常に勝者であることに気付きました。

鉛筆がその紙に当たるまで何も始まりません。その前に、それはちょうど抽象的なアイデアです。

事6:プロトタイピングを開始する

もちろん、何らかのプロトタイピングツールを学ぶ必要があります。これは実際には優れたUXデザイナーになるわけではなく、モックアップをつなぐツールにすぎないことを忘れないでください。

プロトタイプの目的は、あなたとあなたの開発者が想像できるが、彼らができない対話性を利害関係者に示すことです。それ以上は考えないでください。魔法ではありません。

Invisionの学習曲線は小さく、SketchとPhotoshopでうまく機能します。最初の3つのプロジェクトは無料です!これは、クラウドベースのプロトタイピングツールの中で最も単純です。さらに、コラボレーション機能は非常に便利です。こちらがリンクです。

事7:Googleアナリティクスに参加する

ウェブサイトのヘッダーにスクリプトを入れて、追跡を開始します。機会を探します。会社にGoogle Analyticsがある場合は、それにアクセスする許可を求めます。

簡単に習得できます。実際に学習したい場合は、オンラインコースがあります。フリーランスの方は、このサービスをクライアントに提供してください。もちろん、最初は無料で行う必要がありますが、そこに着きます。

あなたにとって価値のある主な領域はページ領域です。 (動作セクションにあります)ここでは、ユーザーがどのページに立ち直るのか、最も長い時間を費やすのかを確認できます。これらのページでは、UXerとしての最高の機会を強調します。

次に、特定したページに移動して、次の操作を実行します。

  1. ヒートマップを実行する
  2. ユーザーフィードバックを収集する
  3. ユーザーテストを実施する

これら3つの戦術に必要なのは、Hotjarという1つのツールだけです。

Hotjarはすごいです。とても安くてとても便利です。最初の3つのWebサイトでは実際に無料です。ユーザー中心のエクスペリエンスを作成するために必要なすべてのUXツールがあります。ヒートマップ、顧客からのフィードバック、ユーザーテストなどが含まれています。こちらがリンクです。

事#8:ヒートマップを実行する

ここで必要なことは、ウェブサイトのトラフィックに応じて、数週間ヒートマップを実行することです。次に、彼らが呼ぶ「機会」を探すことができます。

基本的に、壊れたパターンを探しています。うまくいくものは素晴らしい検証なので、それを設計したデザイナーに賞賛を与えます。

最も価値のあるヒートマップは、行動を促すフレーズ(CTA)が赤色ではなく、ユーザーが間違った場所をクリックしていることを示すものです。

魅力的な記事をデザインしようとしている場合、欲しいのは、暖色系の色がずっと下にあり、CTAが赤であることです。これが起こっていない場合:機会!

非常に健全なヒートマップ、Hotjar.com提供Hotjar.com提供の標準スクロールマップこれは、ユーザーが最初の2行を下回らないことを示しているため、非常に興味深いスクロールマップです。ここでの推奨事項は、これら2つの行に最も収益性の高い製品を配置することです。

事9:顧客フィードバックフォームを使用する

ええ、Hotjarにはそれらの1つもあります。さらに、これらのかわいい単語クラウドの1つが生成されます。 (誰もが気に入っています。)さらに、質問をカスタマイズするオプションもあります。この機能を利用してください。

顧客のフィードバックを分析するときは、パターンを探します。カスタマーサービス部門がある場合は、彼らに話をして、彼らが言っていることのパターンに注意してください。会社のイベントがある場合は、担当者を探して、彼らが言わなければならないことを聞いてください。利点は非公式の設定です。ところで、CS REPS LOVE VENTING、彼らはあなたを愛します!

このフィードバックをすべて収集すると、次のことができるようになります。

事#10:ユーザーテストを実施する

Hotjarはこれを提供しますが、ターゲット市場にいる場合は、オフィスの人々とユーザーテストを行うこともできます。あなたがフリーランサーなら、あなたのとてもいい友達を使ってください。

あなたがしていることは、アプリやウェブサイトに座って、言葉を口にせずにそれを使うのを見ていることです。苦労した場所やアプリ/ウェブサイトを簡単に通過した場所についてメモを書きます。

これら3つのデータポイントで

…クライアントまたはマネージャーのUX計画を作成できるようになりました。必要なことは、これらの重要なデータポイントを使用して改善点のモックアップを作成することです。次に、それらを提示してから実行します。

事#11:A / Bテストを恐れない

UXerとしての価値を証明する最良の方法は、A / Bテストでデザインをテストすることです。

現在、無料のものはそれほど多くありませんが、幸いなことに、機能コンテンツの実験により、Google Analyticsでこれを行うことができます。ただし、学習曲線は急勾配です。

実験で示されたA / Bテストの結果、コンバージョン率の増加が最も重要です。 becomeablogger.comの厚意により提供

または、簡単な「汚い」方法は、Googleアナリティクスで目標を記録し(コンバージョン/注文の平均値/ページで費やした平均時間)、変更を公開することです。約4週間後(トラフィックに応じて)、新しいマークを付けて比較します。あなたが宿題をした場合、あなたはあなたが望む結果を見ているは​​ずです。

あなたが会社にいて、予算に余裕があるなら、サードパーティのベンダーを支持してみてください。 Qubitをお勧めします。さらに、彼らは素晴らしいカスタマーサービスを提供しています。

事#12:コミュニケーションの技術をマスターする

あなたのデザインを人々に納得させる方法を学ぶ必要があります。私はこれをシュガーコートしません、難しいです。それは、本質的に販売です。

OK、それではどのようにこれを達成しますか?

聞いて、聞いて、聞いて、さらに聞いて

クライアントを理解することが仕事の鍵です。キックオフミーティングでは、クライアント/マネージャー/ディレクター/ CEOが一貫して繰り返す言葉を書き留め、それらを丸で囲み、新しいボキャブラリーに挨拶します。

クライアント会議中に取られたメモの例

プレゼンテーションの順番が来たら、プレゼンテーションでそれらの単語を使用します。しかし、単にそれらを使用するのではなく、デザインがそれらを統合することを確認してください。これはミラーリングの一種であり、ビジネス目標を仕事に統合する方法を知っています。

彼らは人々にもっと買わせたいですか? CTAを大きくしてアクセントカラーにすることをお勧めします。また、クールな背景に暖色を使用して「ポップ」にするという芸術家気取りの話をすることもできます。

彼らは人々にサインアップしてほしいですか?フォームフィールドのコントラストを高め、インセンティブを加え、考え、サインアップし、10%オフを受け取ることをお勧めします。

顧客は製品を理解していませんか?情報セクションの図を設計するか、FAQを強調することをお勧めします。

彼らはもっとブランディングを望んでいますか?あらゆる場所にロゴを配置します。チャットアイコンで考え、ロケーターマップアイコンを保存し、フッターでカスタムアイコンのライブラリを作成します。

しかし、真剣に、

設計方法、ビジネス上の問題を解決できる方法を常に考えておく必要があります。

UXerであることの核心は問題を解決しています。お客様がチェックアウトに苦労している場合は、それを修正できます。 (まあ、サーバーの問題ではありません。)顧客があなたのウェブサイトが何をするのか理解していないなら、あなたはそれを解決することができます。 CEOが直帰率を下げたい場合、あなたはそこにいます。

あなたはピクセルプッシャーではなく、問題解決者です。

大企業でできる最善のことは、顧客からのフィードバックと管理の要望($$$)を組み合わせることです。ほとんどの場合、同じコインの両面であるため、実際には見た目よりもかなり単純です。ドットをつなぐのはあなたです。

UX Venn Diagramの私のバージョンで終わります。

読んでくれてありがとう、質問やフィードバックを私に送ってください。

ここで私を見つけることもできます:

  • Instagram:https://www.instagram.com/misaac85/
  • Twitter:https://twitter.com/MiriamIsaacDsgn
  • LinkedIn:https://www.linkedin.com/in/miriam-isaac-1b4bb531/