サイトページのプロトタイプ:概要と参照条件の間

私が協力しなければならなかったほとんどのサイト開発者は、確立された制作プロセスを持ち、Webリソースを作成するすべての段階を、TKから始まって法律面および財務面で終わるまで細部にわたって作業します。



ただし、将来のサイト(ページのプロトタイプ)のスケッチを描く人はほとんどいません。 明らかに、ドライな技術テキストよりもイラストを知覚する方が簡単で、プロジェクト参加者のTKの「翻訳」の時間が大幅に短縮されるように思われます。



3人以上が関与する場合、「翻訳者」が必要です。 顧客には独自のビジョンがあり、プロジェクトマネージャー(プログラマー、デザイナー、レイアウトデザイナー)は、開発段階の実装についても独自に理解しています。 そして、この場合に使用される用語-それぞれ独自の、しばしば他の人には理解できないものもあります。



このビジョンを他の人に伝えるのがはるかに簡単であり、最も重要なことは、行われた決定を正当化し、将来のリソースの作業を明確に理解することです。 また、これにより、契約の締結段階でも、通常は顧客から提供されるコンテンツの形式と要件を決定できます。



多くの場合、顧客と開発チームの間に「レイヤー」となるプロジェクトマネージャーがいることを理解していますが、これらの人々はすべての微妙な点を知っているとは限りません。



通常、このような「概念」は、対象読者の質問が明確になり、顧客のビジネスの本質が一般的に理解され、将来のサイトの構造がすでに定義されているときに作成されます。 つまり、これは技術仕様の開発に先行する段階です。



数十の典型的なページを持つ単純なサイトの場合、そのような写真はVisioまたはAxureで2〜3時間の作業で作成でき、技術仕様、デザイン、コンテンツのその後の修正に数週間の時間を節約できます。



同時に、描画するだけでなく、交渉の段階で多くのアイデアがあるように、この要素またはその要素が正確に見える/位置/動作する理由の基本的な点に注意することも重要ですが、すべてを修正する必要があります。 決定を支持して議論を忘れるだけでなく、プロジェクトに関わるすべての人に重要な情報を提供します。



たとえば、メインページは次のようになります(実際、これは既製のデザインですが、アーティストである必要はありません)。





各図は、特定の説明に対応しています。

  1. これは、工場価格の単一ブランドの店舗であることを強調します。
  2. 連絡先は、別のブロックで強調表示されます。 既存の統計によると、参照情報からのクリックマップで、最も注目されます。

    動作モードを表示することにより、未応答の呼び出しの数を減らします。

    連絡先や商品に関するデータのある電話へのリンクを妨げないように、バスケットを上に移動します。
  3. サイトの古いバージョンの統計検索を積極的に使用しています。 また、記事で検索するときに管理者にとって便利です。
  4. メインメニューは、ナビゲーションブロックを過負荷にしないためのドロップダウンメニューです。
  5. ニュースやプロモーションでバナーをブロックします。 これがページの主な強調点です。 ソートを提供します。
  6. オンラインコンサルタント-バナークリック時のポップアップ
  7. 買い手にとっての重要な情報。どのページからでも入手できます。
  8. 店と家具の利点を明らかにするSEOテキスト(「オンラインの家具店でオンラインで家具を購入する」など)。
  9. ブラウザの履歴に、サイトへの前回の訪問を記録し、訪問者が閲覧した製品を表示します。 99.77%に含まれています。 サイトで初めての場合は、何も表示しません。
  10. フッターブロック:住所、電話番号、複製メニュー。




このような写真に説明を付けると、多くの場合、顧客はすべてが単純であることに驚くことになります。技術用語を掘り下げたり、何十ページものドキュメントを読む必要はありません。 すべてが明確であり、誰もが理解できるシンプルな言語でサイトについて議論できます。



All Articles