web-dev-qa-db-ja.com

設計どおりに実装するワイヤーフレームの設計

ユーザーに何を表示するか、何を表示しないかはわかっていますが、実装は意図した設計から逸脱しています。誰かが私にこの問題の解決策を提案できますか?

1
Anurag Chawade

大企業と中小企業の両方で、デザイナー、デザインエグゼクティブ、およびPMとしてこの分野で長年働いた後、残念ながら、指定された設計をエンジニアリングで構築する方法について、単一の良い答えはありません。この状況を引き起こす原因はたくさんあるので、ここにいくつかのシナリオと提案を示します。

本質的に、これは失敗した通信の問題です。設計者として、実際にシステムを設計および計画するのは、仕事の約半分だけです。残りの半分はあなたのデザインを他の人に伝え、彼らにデザインを理解させ、信じさせることで、彼らはそれらを忠実に実装します。彼らは設計コミュニケーションのユーザーなので、ユーザー(エンジニア、PM)が設計を理解できるようにする適切なコミュニケーションツール(「インターフェース」)を理解する必要があります。

また、PMおよびエンジニアと通信して、設計が現実的であり、割り当てられた時間で構築できるシステムを正確に反映していることを確認する必要があります。( " 12月までにマインドリーダーを構築しませんか?さて、検索ボックスインターフェイスを使用する必要があると思いますので、それをデザインします。)若いデザイナーに見られる一般的なこと(そして私は有罪です!)は、システム全体を再設計するか、まったく新しい機能を設計しています。そのタイプの設計作業のプロセスは、日常のアジャイル設計とインターフェースとは異なります。そのための戦略的バイインを取得する必要があります設計のタイプ—実際にそれをモックアップに投入することはできません。

  • 問題:エンジニアは、ワイヤーフレームとは何か、またはワイヤーフレームを効果的に使用する方法を理解していない可能性があります。
  • ソリューション:ワイヤーフレームを配信するたびに、プレゼンテーションを行い、チームと一緒にウォークスルーする必要があります。質問に答え、フィードバックをもらいましょう。もっと明確にする必要があるかを尋ねます。質問を誘います。質問とフィードバックに基づいてワイヤーフレームを修正します。

  • 問題:ワイヤーフレームは非常に抽象的であり、一般に使用が難しい。静的ワイヤーフレームは使用が非常に難しい。

  • ソリューション1:別のタイプの設計成果物を試して、設計を伝えます。インタラクティブな基調講演のプレゼンテーション—デザインを話しているときにナレーションを録音できるので、エンジニアはそれをもう一度見ることができます—は非常に効果的です。
  • ソリューション2:インタラクションデザイナーはこれを聞くのが嫌いだと知っていますが、忠実度の高いビジュアルデザインは他の人にデザインを伝えるのに役立ちます。視覚的なデザインが重要です。多くの場合、単一の高忠実度設計とワイヤーフレームを前もって組み合わせることができれば、エンジニアとPMがワイヤーフレームをよりよく理解するのに役立ちます。 (「ああ、ワイヤーフレームの大きな黒いボックスが実際に写真を配置する場所です!」)

  • 問題:状況が変化し、機能とタイムラインが変更され、十分な応答性が得られないため、エンジニアが対応するだけです。

  • ソリューション:毎日チームに確認してください。まだ参加していない場合は、一緒に座ってください。 PMでチェックインして、必要なものを確認してください。

  • 問題:すべての人は本質的に怠惰です。ワイヤーフレームは見つけられない、または到達するのが難しいため、エンジニア/ PMは設計の記憶に基づいて物事をベースにします。

  • ソリューション:ワイヤーフレームを印刷して、メモをとってデスクに置いてもらいます。
  • ソリューション:エンジニアが使用しているのと同じ問題追跡システムを使用します— Jira、Pivo​​tal、Asanaなど。ワイヤーフレームでチケットを作成し、最も重要な部分をチェックリストに分解します。

お役に立てば幸いです。幸運を!

3
ElBel