Web関連

ワイヤーフレームを作る前に気を付けたい5つのこと~リニューアル編~

0

Webサイトを持っていることが当たり前になった昨今、新規構築よりリニューアルの事例が多いことから、今回は「Webサイトをリニューアルするとき」に絞って、気を付けたいことをご紹介します。

今あるものを”見える”化すること

Webサイトのリニューアルとなると、企画会議では、たくさんの新しい試みが議論されるでしょう。
しかし、せっかく出たアイデアが、実現不可能な機能だったりしたら、悲しいですね。

新しいコンテンツを考えるのも大事ですが、その前に、Web担当者は現状をしっかりと把握する必要があります。

コンテンツの洗い出し

現状コンテンツを、漏れなく洗い出しましょう。
長年Webサイトの運用を続けると、コンテンツは増殖し、体裁の統一感も無くなってきます。(最近はCMS管理でテンプレートを統一している事のほうが多いと思いますが・・)

【1】ツリー状サイトマップ(論理構造)

各コンテンツの階層構造や、それぞれの関係性を明らかにするために、ツリー図のサイトマップを作成しましょう。

【2】コンテンツリスト(物理構造)
物理的にどのHTMLが存在するのかも把握しましょう。(サイト設計もそうですが、後々のリダイレクト設定にも関わってきます)
WebサイトのURLを洗い出すのは、「Web Site explorer」(無料)がとても便利です!

自動的にWebサイトの階層構造・ファイル構造を解析してくれるツールです。

※最近のアップデートで、Win8対応になりました

ページ一つひとつをコンテンツリストに洗い出しておくことで、新しい機能を追加したときの影響範囲もわかりやすいですから、必須で行いましょう。

また、リニューアルに際してカテゴライズやコンテンツの見直しを行う場合、取捨選択が行いやすくなります。

既存システム・管理画面の確認

既存のCMSやASPをリニューアル後も流用する場合、機能や画面仕様が決まっているため、レイアウトや表示項目に制約がある場合があります。

既存システムの仕様をよく理解しないまま新しいワイヤーフレームを作成すると、開発不可能な機能がワイヤーに盛り込まれていたり、必須の機能が漏れていたり・・と、整合性の悪いドキュメントを作成することになります。
きちんと仕様を把握した上で設計に入りましょう。

新しく行いたいことを整理すること

さて、ここまでは事前準備でしたが、ここからは新しくやりたいことを整理するフェーズです。

新しく行いたいことをブレイクダウンする

抽象的なアイデアを下準備もなくワイヤーフレームに起こそうとすると、白い紙の前でウンウン唸ることになりますので、まずは上位概念をブレイクダウンしていく必要があります。
下記の図のように、ブレストで要件をまとめると、必要ページ・コンテンツが見えてきます。

 

新規コンテンツ・既存コンテンツの整理

新規・既存コンテンツを漏れなく洗い出すことができた段階で、リニューアルの目的に沿ってコンテンツを整理・統合しましょう。

先ほど述べた既存コンテンツリストやサイトマップの該当箇所に、新規コンテンツや機能要件を追加します。
この際、ユーザーフロー図などに矛盾がでないように、調整を行いましょう。

最後に

既存のWebサイトを基にリニューアルを行うときは、事前に情報を整理・洗い出ししておくことによって、その後の工数に影響がでます。
なるべく手戻りを少なく、プロジェクトを進めるためにも、心がけてみてくださいね!

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ユーザビリティ(UI/UX)の向上
ホームページ制作

0

集中力を上げたい人必見!おすすめストリーミングサイト前のページ

Webサイトに必ず必要なサーバーについて次のページ

ピックアップ記事

  1. 新型コロナウイルスで日本の働き方改革が起こる
  2. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  3. AIに求められているものは、実は意外な物だった
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    顧客満足度を上げるためには従業員満足度も大事!

    こんにちは。なぜかISO実行委員会(仮称)にメンバーとして召集され…

  2. Web関連

    やっぱり、顧客育成って大事。って感じた出来事

    ユーザーの興味毎に、適切なアプローチをしないと。そうは分かっていても、…

  3. Web関連

    人の役に立ち、意味のある会社でなるためには

    ##目次- あなたは、オールドタイプの人間?それともニュータイプの…

  4. SEO関連

    【Web制作会社が調べた】第1回 ここがヘンだよSEO対策!?

    さまざまなSEO対策情報のウソ?ホント?をお教えします。インターネ…

  5. Web関連

    騙されるな!ネットのデマで人が死ぬ時代。デマに振り回されないために

    大量買いしましたか?トイレットペーパー。26度の白湯飲んでみちゃっ…

  6. Web関連

    東京オリンピックとWebサイトとの関連性を考えてみた!

    「新たなサービスやインフラが整備される時にはビジネスチャンスも生まれて…

自治体向けDX推進サービス

AIさくらさん for 自治体DX

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. サービス・新技術

    自粛中も暇を作らず楽しく過ごす!今満足できる毎日の過ごし方
  2. Web関連

    身の回りにあふれるビッグデータとは?
  3. Web関連

    システム化されたサイトとリッチスニペットの相性が良い理由
  4. SEO関連

    今更聞けないSEOについて知ろう!
  5. Web関連

    ホームページの更新メンテナンスに役立つPDCAサイクルの基本について
PAGE TOP