できるExcel　できるWord　みたいなマニュアル制作 　１ページ作成 - suistudio（渡辺剛）の提案

※ このランサーは「印刷物・DTP・その他」のお仕事で15件の評価を獲得しています。

スイスタジオ デザイン担当渡辺と申します。
プロジェクトの方の応募で自己紹介しておりますので、省略してデザインコンセプトの説明から致します。


【想定】
ターゲット設定として、PCやスマホ操作に長けていない層を考慮して作っています。

ご要望の「できるWord」のようなマニュアルという点から「操作をわかりやすく伝える」ことを中心に作成しています。ですので、巻頭よりは、実際の操作の表現デザインとして、画像配置の説明ページを作成しています。

ターゲットの予測できる行動として、「作業をしながらわからなくなった時にマニュアルを開く」という点を考慮して、逆引きができるタイトル、各操作を細かく分けてカテゴライスした章番号を設定しました。タイトル左の「3-3-5」の部分。（最初の3は章の扱いで大きく表示しています。）

【操作説明の表現】
言葉はできるだけ完結で、パッと見てわかるように、大きな文字でまとめました。画面キャプチャーはPC画面をメインに、スマホの画面も掲載しています。

特に難しいと思われる、各オブジェクト枠の選択方法は、拡大図やクリックアイコンなどを大きく表示し、丁寧に解説しています。

作業終了後の保存ボタン押下の注意勧告は、「必要なページだけに目を通す人」を想定して、全ての操作の最後に挿入するようにしました。

ページ内右欄は、Tipsや注意を伝えるスペースとして、説明文章を補足していきます。左側のフローと連携させています。固くなりやすい誌面ですので、EXPAサイトで登場しているキャラクターが語りかける表現にしています。

デザイントーンは、各章ごとのテーマカラーの区分け、読みやすいUDゴシック（ユニバーサルデザイン）の使用と、堅苦しくならないように、地色や円形、角丸などを組み合わせて「とっつきやすさ」を表現しました。


【全体構成】
詳しくはお打ち合わせとなりますが、一般的な一例として、サイトをゼロがら作るケースのチュートリアルと操作マニュアルを兼ねるケースなどもあります。今回の提案は逆引き要素主体で作っていますが、制作フローなどストーリー的に作っていくことも調整できます。全体構成から作成しないとページ数の多い物はページや章ごとにバラバラな仕上がりになると危険です。お打ち合わせの大切さは十分理解していますので、細かく連絡をとって制作現場のディレクション経験からの貴社のご支援、ご提案いたします。読者ターゲットの視点を持ち、細かいところまで気をつけて制作いたします。


【ファイル転用】
印刷物だけでなく、ユーザーがwebから操作方法を探す場合も想定できます。サイト内にヘルプ一覧ページは既存ですが、補完ページとして活用できる、リンク付きの軽いPDFに書き出すことも可能です。



末筆になりますが、当方ワードやイラストレーターでの紙の販促物用や事務書類のテンプレートや素材などの提供販売も事業として行っております。販促関係の会員サイト運営ですが、印刷物に関してはワンストップで企画から印刷までご要望にあわせたコーディネート可能です。
ご協力できることは様々あると思われますし、ご協力惜しみませんのでお声掛けくださいませ。


長文ご一読ありがとうございます。是非ご協力させて頂きたくお願い申し上げます。

（追記）細かい文字はアップした画像では潰れて読めないようですので、念の為PDFもアップしております。
http://www.image-garage.com/em/sample_suistudio.pdf