自己紹介
縁あってエンジニアの方と近い距離でお仕事をしています。
記事投稿の背景
エンジニアではないお仕事に携わっていますが、コーディングの基礎知識を習得したいと思っています。
コーディングをする前に必要なこととしてWebデザインが必要なのですが、更にはその前段階でワイヤーフレームを作る必要があります。が…ワイヤーフレームの作成をする前に大前提のところを整理する必要があり、自身の進捗・振り返りとして活用するためにも大枠を書いてみました。
自身の学びのために記載しています。
細分化できる内容はありますので、その都度学んだことを更新していきたいと思っています。
要件定義
- サイト制作の前に整理・準備
- 制作の「背景」「目的」「目標」の共通認識を持つこと。プロジェクトに携わるメンバーが共通の認識を持たないと解決のためのアプローチも異なりそうです
タスクの洗い出し
- 「いつまでに」「どのような状態」までに完成させるのか
- スケジュール管理は必須ですね…
分析
- 「市場分析」「データ解析」
- 目的・目標が定まったところで、市場を知るための情報収集
- データ解析は既存サイトやベンチマークとなるサイトの解析を指しています
コンセプト策定
- 「誰に」「何を」「どのように伝えるのか」「サイトに訪れたときのユーザー体験」
- サイトへの入口と出口の体験がつながるようにすることがユーザー体験を提供するのか考えていくとよさそうだと思いました
情報の整理
- サイトマップ、コンテンツの整理
- ユーザー体験や行動に紐づく形でサイトマップを作成します
- 掲載したい情報をジャンル別に整理
ワイヤーフレーム制作
- 具体的なページの設計図に入ります！
サイト制作に必要なこと
ランディングページを完成させるまでの体験をしたいと思い、何となくワイヤーフレームからちょっと取り掛かってみようかなとしたのですが、ストーリー性がなく着地しないことに気づき、基本的なところから振り返りながら実施することにしました。ランディングページ1つ作るにしても、様々な工程がありそれぞれの役割を持った方々がいることで制作できるものだと思います。
サイト制作以外にも仕事を進めるうえで必要な基本的なことだと思いますので、日々の業務を反省・振り返りながら応用できるようにしたいと思います。