プロダクトマネージャーがデザインに追いつく必要がある理由：フロントエンド開発の未来

しばらく前に、求人についてのメールを受け取りました。 職務内容は、フロントエンド開発者のポジションに関するものでした。 私の注意を引いたリストされた期待される資質/スキルセットの1つは、理想的な候補者はデザインセンスのある人（交渉不可能）であるということでした。

太字の大文字で書かれている場合は、注意が必要です。 しかし、この要件について私がもっと考えさせられたのは、開発者固有のスキルのいずれも「交渉不可能な設計機能」と同じ太字でマークされていないという事実でした。

不思議ですね。 しかし、そうです、ソフトウェア製品の設計と開発のプロセスは数年前と同じではないので、そのような期待を抱くのはまったく普通のことだと思います。

フロントエンド開発とは何ですか？

デスクトップでWebサイトを閲覧する場合と比較して、モバイルデバイスでWebサイトを閲覧する場合、Webサイトの向きがどのように変わるのか疑問に思ったことはありませんか。 ボタン、画像、テキストボックスなど、デバイス画面にレンダリングされるすべてのものが魔法のように連携して機能する方法は？ まあ、それは魔法ではありません（しかし十分に近いです）、それはフロントエンド開発者がユーザーとしてあなたにユニークな体験を提供するためにそのウェブページ上のすべてをバインドするこれらの要素に追加する双方向性です。

Webデザイナーは静的なデザインを作成します。 彼らはアプリやウェブサイトのルックアンドフィールに焦点を当て、製品の視覚的側面を強化しようとしています。 フロントエンド開発者は、これらの静的なデザインを実現し、すべての画面サイズなどで適切に機能することを確認する責任があります。フロントエンド開発者は、HTML、CSS、Javascriptを使用して、Webコンポーネントを作成および追加し、それらは再利用可能です。

フロントエンド用に記述されたコードを理解する方法はブラウザごとに異なるため、ブラウザによってインターフェイスの外観が異なる場合があります。 開発者は、コードが問題なくさまざまなブラウザで実行され、アプリ/ウェブサイトのすべてのレイアウト、色の組み合わせ、間隔、テキスト形式、および双方向性を保持していることを確認します。

なぜ製品設計を気にする必要があるのですか？

iPhoneを見ると、世界的な現象になっている細部に気付かざるを得ません。 人間として、私たちは自然に美しい物体に惹かれ、物事を美しくシンプルにするための努力に感謝しています。 記事にあるように、シンプルでミニマリストなものは使いやすく、学ぶのも簡単です。 これ以上同意できませんでした。

同じ原則が製品設計の分野にも当てはまります。 そのため、シンプルで使いやすいアプリに夢中になっています。 Google、WhatsApp、Instagram、その他の写真アプリなど、日常生活の例を見てみましょう。これらのアプリは、最小限の手順と迅速な応答時間でタスクを実行するのに役立ちます。

Webの製品デザインには、さまざまな画面サイズのデザインを作成するプロセスを所有することが含まれます。 画面のスペックを描いて開発チームに渡すだけのデザイナーは、率直に言って製品デザイナーではありません。 彼らは単にイラストレーターの役割を果たしているだけです。

Webの製品設計には、スケッチ、コラボレーション、設計、HTMLマークアップの作成、CSSルールの作成、およびすべてを適切なパッケージに構造化する完全なプロセスを所有することが含まれます。 開発者は、設計の品質を損なうことなく、設計をワークフローに取り入れて統合できます。

プロダクトマネージャーにとって何が含まれていますか？

製品マネージャー（PM）は、製品の全体的な成長に責任を負います。 私自身のB2B業界での経験から、PMは製品に機能を追加することに重点を置く傾向があり、製品の使用が複雑になる可能性があります。 物事を単純にすることが最も難しい場合があります。

顧客の行動を変えるリスクは常にありますが、その変更がより良いものである場合は、遠慮なくその変更を行う必要があります。

B2C業界に参入–優れたユーザーエクスペリエンス（UX）を提供することは、ソフトウェアライセンスに拘束されるB2Bの顧客とは異なり、B2Cの顧客は瞬く間にライバルのプラットフォームに切り替えることができるため、生き残るための鍵です。 製品設計の原則を適用することで、PMはアイデアをすばやく繰り返し、結局は機能しないオプションを削除できます。

デザイン思考の重要性

成功を収める企業とは、人々が愛用し、生活に欠かせない製品を生み出すことができる企業です。 たとえば、おそらく100以上のソーシャルネットワーキングプラットフォームがありますが、 Facebookは1つしかありません。

デザイン思考は、正しい仮定を設定するのに役立ちます。 特に製品の開発に取り組んでいる人（デザイナー、開発者、製品マネージャー）。 あなたが紹介しようとしている「1つのクールな機能」のために顧客があなたの製品を購入しようとしていると仮定する場合もありますが、実際には、顧客はデータをアップロードするためのより簡単な方法を探しているだけかもしれません。

上のグラフからわかるように、最もコストがかからないリワーク部分は設計段階にあります（アーキテクチャとUXの両方）。 後の段階で製品に影響を与えないように、早い段階で間違いを犯して特定することをお勧めします。

De（v）signersの時間です！

製品開発プロセス全体で誰もが役割を果たしますが、常に顧客の帽子をかぶることができるわけではありません。

デザイナーがユーザーの視点から考えることを好むことは、一般的に受け入れられている事実です。 今日、デザイナーの仕事は、ビジュアルデザインを作成し、それを開発者に渡すことだけにとどまりません。 彼らは開発者と協力して、最後のピクセルが完成するまで設計ガイドラインに確実に従う必要があります。 これにより、優れた設計スキルと実装スキルを備えた新しい種類のクリエイティブプロフェッショナルが形成されます。

複数の帽子をかぶることができ、時間とお金を大幅に節約できるので、組織の観点からだけでなく、個人の観点からも良いことです。 誰かが会社や製品に役立つと証明できるアイデアを持っている場合、その個人は依存することなく自分でそれを行うのは簡単です。

ツールの選択

クラウドサービスの進歩により、Webベースの製品開発のための基本的なインフラストラクチャを簡単にセットアップできるようになりました。 バージョン管理（git）、レスポンシブWebデザイン（Angular、Backbone、SASS、SCSS）からデザインコラボレーション（Marvel、Invision、WebFlow）まで。

HTML、CSS、Javascriptなど、主に開発者に限定されていた言語スキルは、設計者が理解して習熟するために必須です。これらのスキルは、市場のすべてのフレームワークのベースラインを提供します。
現在利用可能なツールの選択肢が非常に多いことを考えると、実際の要件に焦点を合わせ続け、ツールの膨大な量にとらわれないようにすることが重要です。 これは、デザイン思考能力を持つことが違いを生むことができる場所です–製品の単なる別のクローンを作成するのではなく、本当に素晴らしいものを作成することができます。

今後の動向

今日私たちが知っているように、アプリは明日歴史になるかもしれません。 それは私たちが私たちのお気に入りのサービスの使用をやめることを意味しますか？ いいえ、それはおそらく私たちが完全に異なる方法で彼らと対話することを意味します。 現実世界と仮想世界とのやりとりの方法を変える可能性のある、将来のトレンドのいくつかをリストアップしています。

• チャットボットと人工知能–それは、Siri、次にGoogle Now、次にCortono、Alexaから始まりました。 プログラムはインテリジェントになり、会話はテキストから音声（自然言語）に移行しています。 人工知能のアシスタントがあなたの仕事のスケジュールや一日の他の部分を制御することは、新しい常識になるでしょう。 テキストを使用しても、チャットボットの応答性はますます高まっています。 ユーザーデータから学ぶことは、開発者がユーザー向けにアプリエクスペリエンスをパーソナライズするのに役立ちます。

• 複合現実と仮想現実– Google Glass、HoloLens、Oculus Riftなどのデバイスは、複合現実ベースの開発への道を開きました。 これらのプラットフォームのインタラクションデザインの原則は、モバイルデバイスのそれとは完全に異なります。 拡張現実/仮想現実は成長の次の分野であり、多くの革新が見られます。

• データ駆動型アプローチ–すべてから生成されるデータの量と種類を考慮します。 重要な電気サブシステムの温度制御に対するフィットネストラッカーでは、データを簡単に理解する必要性が高まっています。 データ分析と視覚化は、これらの膨大な量のデータに基づいて意思決定を行うのに役立ちます。

世界のトップ大学からオンラインで製品管理コースを学びましょう。 マスター、エグゼクティブPGP、または高度な証明書プログラムを取得して、キャリアを迅速に追跡します。

あなたのための注目のプログラム：デュークCEからのデザイン思考認定プログラム