正確なデザイン–AdobeXDレビュー

2018年を締めくくり、2019年に入るとき、デザイン業界の現状、デザイナーの役割、UXデザインツール、ワークフローを確認しましょう。

一貫性のある設計システムの構築から、次のデバイスイノベーションのためのフローの設計、またはユーザーテスト用の複雑なインターフェイスのプロトタイピングまで、設計者は豊富なUX設計ツールから選択できます。 Sketch、WebベースのFigma、積極的に成長しているAdobe XD、新しく導入されたInVision Studioなど、最も人気のあるプログラムの1つであるかどうかにかかわらず、このAdobe XDレビューを含む適切なUXデザインツールに精通していると、製品デザインプロセスがスピードアップします。

適切なUXデザインツールの選択

設計者が使用するツールを見ている間、設計者の責任は絶えず変化し、拡大していることに注意することが重要です。 わずか6〜7年前、ユーザーエクスペリエンスデザイナーが何をしたかを理解している人はほとんどいませんでした。 最近では、すべての設計者が少なくとも何らかのユーザー調査、プロトタイピング、および競合分析を行うことが期待されています。

これらの変化は、設計者がワークフロー、ドメイン知識、技術、およびツールをどのように見る必要があるかに影響します。 今日のクライアントは、洗練された最終製品だけでなく、ワイヤーフレーミングからプロトタイピング、スムーズにアニメーション化するUIまですべてを期待しています。

専門分野を拡大することは、より多くのお金を稼ぐ方法であるだけでなく、仕事の要件になっています。 新製品の設計プロセスは通常、新しいツールを意味します。つまり、設計者はそれらの使用方法を学ぶために時間を費やす必要があります。そのため、新しい設計ツールの出現は過去数年間で非常に加速しています。

デザイナーがメインのデザインツールとしてPhotoshopに依存していた時代は過ぎ去りました。 今では、初心者と専門家の両方を引き付けるための設計ソフトウェアプラットフォームの競争です。 Sketchは数年前から主要なプレーヤーであり、4600万ドル以上の資金援助を受けたFigmaは、Webベースのインタラクティブなプロトタイピングツールに追いついています。

最近、プロトタイピングプラットフォームのInVisionは、独自のデザインツールであるInVisionStudioを使用してこの分野に参入することを決定しました。 誰もが望んでいたほど速くは動かなかったので、Studioはかなり堅実に見えますが、最初の誇大宣伝にもかかわらず、それでもやや圧倒的で、悪名高いバグがあります。

アドビは長い間デジタルデザインの世界を支配してきましたが、究極のUX/UIデザインツールを求めてこの競争に遅れをとっています。 長い間その位置にとどまる贅沢を持っていない…AdobeXDを入力してください。 レースには少し遅れていますが、Adobe XDの人気は高まり、2016年のリリース以来有望な候補となっています。

Adobe XDレビュー：機能と利点

アドビのような業界の巨人は恐竜であり、若い競合他社ほど機敏ではないと言う人もいるかもしれません。 ただし、Adobeのような企業には、急速に進化するためのリソースと、AdobeXDを習得するための優れた投資となる経済的安定性があります。 これは大きな利点であり、Adobe XDを非常に価値のあるものにし、将来の主要なUXデザインツールになる可能性があります。

Adobe XDの機能を確認する前に、立ち止まって、「私たちがすでに知っているツールと同様の機能を提供する新しいツールを学ぶ価値はありますか？」と尋ねましょう。 これに答えるために、価格、使いやすさ、エコシステム、市場シェアの4つの基準を見てみましょう。

価格

SketchやFigmaのような業界のお気に入りの初期の成功の要因の1つは、それらの相対的な手頃な価格でした。 AdobeXDはAdobeCreativeCloudサブスクリプションの一部であり、Photoshop、Illustrator、Premiere Proなどの20を超えるアプリに月額50ドルでアクセスできるため、その製品の価格を区別するのは困難です。 すでにサブスクリプションを持っていない限り、新しいツールを試すことに多くを費やすことを正当化するのは難しいかもしれません。

ただし、2018年5月に、AdobeはAdobeXDを無料で使用できるスタータープランを発表しました。 アクティブなプロジェクトは1つだけですが、水域をテストし、提供されているすべてを試すのに最適な方法です。

使いやすさ

ほとんどのデジタルデザイナーは、ある時点でAdobeアプリケーションを使用しており、一般的なインターフェイス（左側のツールパネル、中央のメインエリア、右側のレイヤーなど）に精通しています。 Adobe XDの優れている点は、使い始めるとすぐにくつろげるということです。 学習曲線は軽く、主に、より複雑な設計システムとシンボルオーバーライドの周りで発生します。

同様のツールと同様に、AdobeXDは複雑なデザインシステムとシンボルライブラリを処理します。 また、画面を簡単に接続し、コードを必要とせずにユーザーテストで利用できるインタラクティブなプロトタイプを作成するための直感的なツールも備えています。 自動アニメーションの最近のリリースでは、Adobe XDのアートボード間でマイクロインタラクションを自動的にアニメーション化することにより、リッチインタラクションのプロトタイピングがさらに簡単になりました。

生態系

アドビエコシステムにアドビXDを導入することは、その最大のセールスポイントの1つです。これは、すでにCreative Cloudを使用しているか、他のアドビ製品を毎週使用している可能性があるためです。 ベクターから写真まで、アドビ製品スイートには、AdobeXDで非常にスムーズに機能するほとんどのデザイナーのニーズに対応する専用ツールがあります。

市場占有率

2017年、Adobe XDは市場で平均的なランクを獲得し、Sketchの優位性を覆すことはできませんでした。 2年間早送りし、アドビは急速に追いついており（1200万を超えるCreative Cloudサブスクライバー）、急速な成長を続ける大きな可能性を示しています。

新しいデザインツールを学ぶのに時間を費やす価値があるかどうかという質問に戻ると、次のように考えることができます。ハンマーを持っている場合、釘を打ち込むことはできますが、ネジを外すことはできません。いつネジを外す必要があるかを知ってください。 Adobe XDの人気が高まるにつれ、アドビ製品のみに依存しているチームやクライアントに出会う可能性も高まります。 設計者がツールボックスに持つツールが多ければ多いほど、より多くの設計プロジェクトに取り組むことができ、より多くのチームが効果的に作業できるようになります。

AdobeXDの機能とプラグインの増え続けるリスト

「CreativeCloudとの統合により、お客様が使用するすべてのサービスにシームレスに接続し、強力でカスタムな方法でアプリケーションを拡張するツールを無限に提供することで、お客様をより幸せで生産的にすることができます。」– Vijay Vachani、ディレクター、ヘッドパートナープラットフォーム＆エコシステム、AdobeCreativeCloudの

「軽くて基本的」に見えるかもしれませんが、Adobe XDのインターフェイスは、複雑なデザインシステムとシンボルライブラリを処理し、デザイナーが複雑なデザインを簡単に作成および更新できるようにします。 設計およびユーザーテストプロセスにとって同様に重要なのは、洗練されたXDプロトタイプおよびアニメーションツールです。 設計者が設計に関するフィードバックを得る準備ができたら、UserTestingとUserlyticsによるプラグインを使用すると、プログラムを離れることなくそれを行うことができます。

すべての適切な機能を備えた究極のUXデザインツールを作成することは、InVision、Adobeなどの企業が目指していることです。 タスクは大規模で複雑であるため、この目標を達成する方法の1つは、プラットフォームがプラグインを開発することです（そして、他の人にも同じことをするように促します）。

この正確な目的のためにアドビが最近発表した1,000万ドルの設計基金は、プラグインをサポートし、開発者にプラグインの作成を促すことの重要性を証明しています。 最近のAdobeMAX会議では、Adobe XDのユーティリティを拡張するためのプラグイン、UIキット、およびアプリの統合に関するいくつかの重要な発表がありました。

Sketchは優れたデザインツールですが、本当に優れているのは、Runner、Color Accessibility Check、Magic Mirror、Auto Animateなどのサードパーティプラグインが利用できることです。AdobeXDは、RenameIt、PixelPerfectなどのプラグインでゲームを強化しています。 、Data Generatorなど、およびTrello、Dribbble、GoogleSheetsなどとの統合。

アドビクリエイティブレジデンシーの新進気鋭の人材のホスティングとサポートに資金を投入することにより、アドビはそのエコシステムの重要な利点を維持しています。 将来の成功のもう1つの重要な要素は、Adobe XDチームがうまくやっていることです。エンドユーザーの話を聞き、開発する次の機能を提案して賛成するように招待することで、エンドユーザーを開発プロセスに参加させます。

当初から、Adobe XDは「デザイナーからデザイナーへの製品」として位置付けられており、彼らはそのコースを忠実に守っています。 毎月、新しい機能セットが公開されます。 たとえば、過去数か月の間に、アドビはレスポンシブサイズ変更、時限遷移、スペルチェック、Jira統合などの新しいAdobeXD機能を導入しました。

アドビは最近、AdobeXDツールセットに音声プロトタイピングを追加することも発表しました。 これは、画面UIデザインツールに期待する最も明白な機能ではありませんが、音声コマンドUIはますます一般的になっています。

SiriからAlexaまで、そして画面を超えた他の体験まで、音声ベースのインタラクションが定着しています。 Adobe XDの独自の音声プロトタイピングにより、設計者はこの急速に成長するトレンドに追いつくことができます。

Designerのツールボックスの拡張

さまざまな企業やさまざまなプロジェクトで作業する設計者は、さまざまな問題解決スキルを必要とする可能性があります。 より幅広い設計ツールボックスは、他の潜在的な候補者よりも大きな利点になる可能性があります。 これは、数か月ごとにさまざまなクライアントと仕事をしている可能性のあるフリーランサーにとって特に重要です。遅かれ早かれ、特定の設計ツールの専門知識を必要とするプロジェクトが発生します。 そのツールに精通していないと、潜在的な関与が失われる可能性があります。

デザイナーがレパートリーを拡大することに焦点を当てるべきか、特定の専門分野を磨くことに焦点を当てるべきかについては、いくつかの議論があります。 Adobe XDは高速で、無料で、簡単に習得できます。思い切って汎用性を拡大しても、何も失われることはありません。

Toptal Designブログでさらに読む：

• 最高のUXツール（インフォグラフィック付き）
• Figma vs. Sketchvs.Axure-タスクベースのレビュー
• VUIの設計–音声ユーザーインターフェイス
• 最高のUXデザイナーポートフォリオ-刺激的なケーススタディと例
• 簡単なプロトタイプ-InVisionStudioチュートリアル