プレゼンテーション
●企画段階
情報伝達のプレゼン・・・理解
説得 ・・・意思決定
楽しめるプレゼン ・・・満足
★目的とゴールを明確に！
●聞き手のニーズを予測する
●ストーリーを決める
序論 ▶ 本論 ▶ 結論
簡単に 詳細に 簡単に
基礎学力⇔社会人基礎力⇔専門知識
人間性・基本的な生活習慣
前に踏み出す力・・・主体性・働きかけ力・実行力
考え抜く力 ・・・課題発見力・計画力・創造力
チームで働く力・・・発信力・傾聴力・柔軟性・状況把握力・規律性・ストレスコントロール力
Plan・・・計画
Do ・・・実行
Check・・・確認
Act ・・・次につながる改善
★身だしなみとオシャレは違う
あ・・・明るく元気よく笑顔で
い・・・いつも
さ・・・先に
つ・・・続けて
★誰のため、何のため？
イマジネーション（想像力）
クリエイティビティー（創造力）
日々の仕事の中にどれだけ喜びを感じられるか
WEBサイト構築＆運営
企画
商品サービス
マーケティング・ターゲット
コピーライティング・強調
WEBデザイン
システム・フォーム・決済
サポート
ウェブサイト
②情報の分類
③画面設計（ワイヤーフレーム）
スケジュールの進捗管理
⑤素材の用意
SLCP＜システム開発の工程＞
Software Life Cycle Process
ソフトウェア ライフサイクル プロセス
4つのプロセス サイクル
①企画 ・・・システム化構想計画の立案プロセス 具体化
要件定義プロセス/開発プロセス
要件を集め、計画を立てる(課題・コスパ・ニーズ)
②要件定義・・・システム化範囲
③開発 ・・・システム要件定義/システム設計/プログラミング/テスト/ソフトウェア受け入れ
④運用 ・・・
⑤保守 ・・・
ウェブサイト＝目的達成のためのツール
「何を達成できるか」
メディア集客・認知・来店誘導・申し込み・販売
LP（ランディングページ）
1ページで見せる
コンバージョン率最大化
有効さ(Effectiveness)
効率(Efficiency)
ユーザーの満足度(Satisfaction)
▼
・ユーザが確実に目的を達成することができる
・効率的に目的を達成することができる
・不快感を持つことなく閲覧できる
文字も画像も伝わらなければ無意味
デザインは引き算
文字は特定のアクションを起こす
画像は文字を伝えるために入れる
見やすいサイト作り
★大きな文字で書かれると目に留まりやすい
★赤文字
★ページ上部に重要な項目
★文章＜写真
★静止画より動画
★箇条書き
アイコン/ピクトグラム/イラスト/グラフ/グローバルナビゲーション/ローカルナビゲーション/パンくずリスト
Q＆A(Auestion and Answer)
FAQ(Frequently asked questions)
よくある質問
1991 HTML誕生
1993 ブラウザに画像が表示
2005 Web2.0
現在 SNS
10年後・・・
フロントエンド言語
HTML
JavaScript・・・動的アニメーション
React/Vue.js JavaScripitフレームワーク開発
ソフトウェアやシステムの構成要素のうち、利用者に対する表示や操作の受付、他システムとの入出力など、外部と直接やり取りを行う要素の事
サーバーサイド言語
Ruby・・・1991年 オブジェクト指向 Twitter、Hulu
Python・・・1995年 高い生産性、読みやすいコード Google、Youtube
PHP・・・1995年 webページ開発 Wikipedia、Facebook
など
★センスは引き出しの数
知らない事は表現できない
徹底的に、完璧に、一ミリも違わず真似をする+他のものを組み合わせる
★付加価値が重要 デザイン+α がないと生き残れない
★お客さんに寄り添って改善するのが商業デザイン
アートとは真逆
①サイト更新(バイトレベル)
②新規サイト制作(就職できない)
③ウェブデザイン制作(転職・在宅・副業)
④反応がとれる(フリーランス)実務経験有
