今日のトピックは、最初のレイアウトについてです。 今日は、はるか先を走り、クライアント（左）と請負業者（右）とのやり取りを示すことから始めます。 上記のテキストでは、請負業者はクライアントにプロジェクトへの短いリンクを提供しました。 クライアントとの通信方法については、以下で簡単かつ簡単に説明します。 しかし、今のところは、最初から始めましょう。
ダウンタイムなしで作業する
記事は初心者には単純すぎて複雑すぎるように見えるかもしれません。 辛抱強く最後まで読んでください。 いつものように、私たちはどのように、何を描くべきかを理解していません。 私たちの仕事は、仕事をし、時間通りにやり、予算を満たすことです。 デザイナーとWebスタジオの90％にとって、予算は割り当てられた時間内に仕事をすることに他なりません。 デザイナーが1時間単位であるか、固定給であるかは関係ありません。 開発は「コンベヤ」であり、ダウンタイムなしで作業する方法を学ぶ必要があります。 あなたは今考えます：コンベヤーは芸術であり、それはデザインです.... いいえ-これはあなたにとってもマネージャーにとっても、そしてもっと稼ぎたいクライアントにとっても、そしてあなたのデザインが彼に役立つことを望んでいます。
コンベアベルトを使用する理由 同じプロジェクトに取り組んでいる場合でも、常に重要で緊急の継続的なタスクがあります。 あなたの仕事は、1つを作成し、次に2つ目を作成し、両方が承認されている間に、3つ目のタスクを作成し、編集後に最初のタスクに戻ることです...ヘッドまたは自己組織化設計者のタスクは、ダウンタイムがないことを確認することです 給与の従業員にとって簡単なのは、1時間ごとに1時間ごとに便器を洗い流すことと同じです（平均給与/ 21/8 = 1時間あたりの金額）。 そして、作業が1時間ごとの場合、これは直接的な利益の損失です 。 期限を超過したかどうかは単純に比較されますが、罰金が合意された場合はそれ以上になります。 フリーランサーの場合、開発期間の増加は、このプロジェクトの1時間のコストの減少に直接比例します。 100時間でプロジェクトあたり20ドルで開始し、130時間で完了しました。このプロジェクトの1時間は20ドルの価値はなくなり、15.4ドルの費用がかかります。 そして、これだけではありません。30時間の損失でどれだけ稼ぐかを計算してください。少なくとも半分は？ これは、プロジェクトの760ドルの利益の損失です。 そしてその後、あなたはお金を節約するのに役立つ 有料サービスを購入したくありません！ なぜ？！ 6ドル、12ドル、30ドル-760ドル以上ですか？ あなたがうまくやっていると思うなら、よくやった。 しかし、時間をかけてダウンタイムがあるかどうかを確認してください。 （ 投票部4 ）
プロトタイプが承認されましたよね？
プロトタイプがあり、承認されています。 承認されるものについて話しましょう。 クライアントは知っています-彼のレイアウトはプロトタイプに基づいて構築されます。 クライアントは、レイアウトの開発にさらに時間の無駄が生じる場合、構造のすべての変更が追加で支払われることを理解します。完成したページの直接コピーではないすべての追加ページ。 クライアントは、さまざまな画面サイズでサイトがどのように動作するかを知っています。 プロトタイプについては、固定（またはスケーラブル、またはアダプティブレイアウト）であることを改めて認識しています。
残念なことに、プロジェクトのすべてを知っていると考える顧客、そして私たち開発者でさえ間違っている可能性があります。 クライアントはプロトタイプを重要視せず、ドラフトと混同することがあります。 時には、カラーバージョンでのみ「真実」が表示され、さらに2、3ページを追加する必要があることを理解しています。 しかし、あなたはこれに準備ができています：「これは承認されたプロトタイプと合意された範囲に含まれていません。」 アパートで修理をしましたか？ 教えてください、あなたの何人が最初の量に収まりますか？ :)それは面白いですか？ クライアントも、あなたや私のように、私たちがあまり意味のないことや経験が不十分なことをするときです。 クライアントに保険をかけ、自分に保険をかけましょう。
クライアントはすべてを承認しました-売り手は（私はマネージャーという言葉は好きではありません）と頭に言います。 「まあ、続けましょう」と彼は叫ぶ。 「承認された」瞬間について詳しく見てみましょう。 顧客は紙に印刷されたプロトタイプに署名しましたか？ 彼は、どのプロトタイプを承認したかを伝える手紙を送りました。 彼はあなたにSMSを送信しましたが、そこには「すべてのプロトタイプが承認されました」と書かれていますか？ 彼は会議でのフレーズや電話で「はい、私は断言します」以外の何かをあなたに与えましたか？ はい。 その後、プロトタイプが承認されます。 これにより、不測の費用（ 時間=お金 ）を防ぐことができます。 最初から同じ苦労でレイアウトの承認に従うことを忘れないでください。
最初のレイアウト
そして今、あなたはすでにそれがどのように見えるかを描くために、あなたがクライアントの予期しない行動から安全であることを知っています。 そして、ここであなたはほんの少しだけ-レイアウトを開発するときの締め切りまたは時間数を満たすために。 多くのアプローチがあります、私はあなたにそれを話します、そして、あなたは「自分で試してください」。 始めるには、最も複雑でないページを選択してください。 主なものをとらないでください、それは複雑です。 シンプルな場合、サイトへの入り口を表している可能性が高く、基本的なスタイルはありません。 2つのページを選択します。非常にシンプルな（404ではない）ページと、最も基本的なスタイルを持つページです。 なぜこのアプローチが必要なのですか？ いくつかの利点があります。
そもそも、クライアントは単純なページを何時間も見ませんが、すぐに必要なものと必要なものを確認します。 必要なすべてのセクション、ドロップダウンメニューのすべてのページが必要です。 クライアントは連絡先をすばやく確認します。 彼はすぐに彼が地下鉄の近くにオフィスがあることをあなたに伝えます、そしてあなたはこれについて覚えて、アイコンを置く必要があります（あなたは面白いですが、彼にとってそれは重要です、彼はそれを過払いします-クライアントがそこに着くのがより簡単になるように）
第二に、あなたは彼のために準備したスタイルを知っています、彼は見るでしょう。 メインページでは、彼はバナー、商品、商品の写真で写真を見ることになりますが、商品は表示されません。 彼はサイトのスタイルを正確に承認する必要があります。 トップ、ボトム、コンテンツ。 最初のモックアップには、クライアントの情報（写真、テキスト、連絡先）を完全に入力してください。 事実、クライアントに「それから何とか何とかなる」と言うと、彼は頭の中に新しいものを描き始めます。 さらに悪いことに、プロジェクト全体の最終日の最終レイアウト、最終レイアウトで表示されない場合、彼は失望します。 そして、あなたはすでに前払い、期限、次のクライアントとの合意を持っています（これについてはパート4で話しました）。 コンベアがあります - 嘘をつかないでください 。 売り手が仕事をしたとき-私を信じて、彼は「カール」をspareしみませんでした。 もう必要ありません 。
最初のレイアウトでは、サイトがさまざまな画面サイズでどのように見えるかをすぐに示します。 （_！_）サイトが980か960に固定されているか、レスポンシブで多次元であるかは関係ありません。 クライアントは今それを見るはずです。 その後、レイアウトデザイナーに頭脳を向けないでください：「1920年になると思いました」、そしてレイアウトデザイナーは答えます：「あなたは960のレイアウトを持っています、どうですか？！ o_0 "。 すべてのステップ、毎日、1時間ごとに時間を節約します。
「従業員、理解してください。上司はお金をシャベルで払うのではなく、彼はあなたの後をめちゃくちゃにします。」 時間と従業員の時間を節約することを学べば、会社にはバッファーがあり、すべての顧客（マネージャーではない85％）、上司が利益をあなたと分かち合うことができます。 賞品、パン、ギフト。 バッファがない場合、何もありません。
最初のプレゼンテーション
最初の写真の神秘的な数字に戻って、2番目の写真を見てみましょう。 彼女は、クライアント（左）と請負業者（右）とのやり取りを示しています。 上記のテキストでは、請負業者はクライアントにプロジェクトへの短いリンクを提供しました。
1ページあたり1〜5分でレイアウトを承認するプロセスを想像してください。 はい！ 可能です。 これを行うには、クライアントにレイアウトを提示できるオンラインサービスがあります。 habrにはhabrahabr.ru/post/239999の一部に関する記事があります（プロトタイピングのサービスと混同しないでください）。 実際、このようなサービスは20以上あり、それらのほとんどは無料試用版または完全無料版を提供しています。
次に、 パート4で述べたように、クライアントにレイアウトの構造化された便利なプレゼンテーションを作成します。 もう1つのポイント：最初のプレゼンテーションでは、これらの2ページ以上を実行しないでください。 リーダー、レイアウトデザイナー、プログラマーなどに見せてください。何かを見るかもしれません。 失敗した作品を10個すべて表示せず、最終作品を1つ表示します。 各ページがどのように生き、呼吸するかを示します。 レイアウトを表示、ホバーレイアウト、ドロップダウンメニュー付きのレイアウトを表示します。 必要に応じて、ピン留めされたメニューの外観を表示し、警告します。 それらを正しい順序で表示し、namepr_prod_probd_variant_12ではなく、ロシア語で各レイアウトに署名します。 フォルダ/セクション「製品」を作成します。 「リスト」、「ヒント付きリスト」、「メニューを開いたリスト」、「選択した製品のリスト」、「バスケット内のポップアップ製品」のモックアップがあります。 「Text Pages」フォルダを作成し、そこに「Contact Information」レイアウトを配置します。
これがあなたの傑作、これがあなたの創造です。 高級ワインと高価なコニャックの間の中間棚に配置する必要があります。 レイアウトが光り輝くはずです。 これに5分間を費やして準備し、1時間のプレゼンテーション、数日間の変更、および他のアイデアの検索を保存しました。 以上で、製品の準備が整い、電話への短いリンク、電子メールを送信するだけで、直接口述または提示するだけです。 クライアントをモックアップと一緒にしばらく放置し、カスタマイズせずに、アロマを感じさせ、モックアップに入れたすべてのラインを見てもらいます。 必要なだけ彼に時間を与えます（最大：明日の昼食前）。
「忍耐は美徳」-映画「常にそうだ」から
勇気を出しなさい。 我慢してください。 そして、いまいましい、あなたはまだ他の多くの仕事を持っている、それを行う。 クライアントに自宅でタブレットや電話でレイアウトを見る機会を与えます。 車を売るようなものです。 あなたはサロンに到着し、試乗し、カタログを持って家に帰りました。 明確に示された3つ、4つ、6つの構成（中間クラス）を一晩中並べ替え、翌朝に1つのことをする準備ができています。 選択肢はほとんどありません：5-6色と4メタリック。 ユーザーに同じことを伝えます。 自分で最高のオプションをアップグレードしてください-別の色、小さなパーツの別の配置、いくつかのアイコンから選択できます。 クライアントにあなたの方向に考えさせます。 そして翌朝には答えが見えます。
まとめ
あなたの仕事は結果のために働くことです。 あなたはただ我慢できません-これはあなたのお金です。 気になるものをすべてテーブルから削除します。 すべてのアプリケーション、サイト、ソーシャルネットワークをオフにして閉じます。 そして仕事。 作品の準備ができたら、パンと塩で教えなければなりません。 事前に、クライアントを正しいパスに導きます-プレゼンテーションを構成し、レイアウトに正しい名前を付けます。 これらは、クライアントがあなたのグーグルで見たものである必要がありますドキュメント（ パート2 ）。 そしてしばらくお待ちください。
次のパートでは、コンテンツがどのような問題を隠し、どのように対処するかを説明します。
前のパート： パート1 、 パート2 、 パート 3 、 パート 4
ps（_！_）いつものように、トピック外のコメントは控えてください。 あなたが事件について何か言いたいことがあるなら、言う-そうでなければ黙って、空のチャイムや何とか愛好家よりも賢くしてください。 試して、実験して、学んでも手遅れではありません。 またね