一昨日の午後はWordPressのMeetupでしたが、その午前中は神戸から来ていただいたウェブディレクターさんと鈴鹿市のデザイナーさんとお茶とランチをしていました。神戸のウェブディレクター高島さんと三重県鈴鹿市のデザイナー小林さんとウェブサイト制作に関するお話やお互いのことについて3時間程度ゆったり話すことができました。 Thetaで撮影した360度の写真 ドトール津駅チャム店にて 津駅前の料理屋さん「いせもん」にておいしいお料理をいただきながら…
先ほどからTwitterで適当につぶやいていたらコーディング会社なりのウェブサイト制作の鉄板パターンについて思いついたので記事にまとめてみることにしました。題して「低予算のウェブサイト制作における合理的な制作黄金パターン｜コーディング会社の立場から」です。コーディングの工程に予算を割くことに重要性について書いてみます。 低予算でウェブサイトを作る場合の鉄板制作フロー ウェブサイトの制作業務は印刷会社や広告デザイン会社が担っている場合が多く、コーディングなどの技術…
ブログなどを書いたりするとき写真などの素材ををGoogleなどで適当に調べて挿入してしまったりしてませんか？もししているならやめましょう！クオリティは高いとはいえない写真ばかりですし著作権などでトラブルが起きてしまうかもしれません。 じゃあどうやって素材を入手するんだ！と思う方もいるでしょう。こんなときに便利なストックフォトサイトというサイトがあります。今回はそのストックフォトサイトの紹介をしていこうと思います。 ストックフォトサイトとは ストックフォトサイトは…
ウェブ制作において「ターゲット層を明確にしないとダメだよ」とかよく言われるのですが、具体的な手法についてあまりご存じない方もまだまだ多いように思います。今日はそんなターゲットなどを定めるにあたって参考になるユーザー分析について書いてみたいと思います。 この記事では株式会社コンセントの長谷川敦士さんが書かれた「IA100」という書籍とこの書籍に合わせた動画が準備されていたため、これらをご紹介する記事になりますが、非常に参考になるため良ければ学んでみてください。無償で提供されてい…
みなさんはウェブサイトの設計におけるラベル設計という工程をご存知でしょうか？ UXデザインにおける情報アーキテクチャの一領域としてラベル設計という考え方がありますので、今日はラベル設計についてみていくことにしましょう。 ラベル定義 – サイト内の見出しのテキストを定義する みんさんはウェブサイトを設計するときにグローバルナビゲーションなどに用いられるテキストを何気なく決めていませんか？ これらのナビゲーションなどに用いられるテキストを定義することをラ…
みなさんはウェブサイトを制作する上の中間成果物としてワイヤーフレームを制作していますか？ 今日はワイヤーフレームについて少し深めていこうと思いますのでお付き合いください。 ワイヤーフレームとは ワイヤーフレームとは、Webページの構成やレイアウトを大雑把に示した簡易な図。ページ内のコンテンツの構成や配置を決定するための下書き。 IT用語辞典 e-words ワイヤーフレーム 【 wireframe 】 http://e-words.jp/w/%E3%83%AF%…
情報アーキテクチャの特集を始めてみたのですが、今日は「ウェブナビゲーション」について深めていきたいと思います。ウェブナビゲーションとはウェブサイトのページ間を遷移するための仕掛けのことです。ウェブナビゲーションにもさまざまな種類がありますのでそれぞれ見ていくことにしましょう。 ナビゲーションパターン ウェブナビゲーションには以下の種類があると言われています。それぞれ見ていきましょう。 階層型ナビゲーション 機能ナビゲーション 関連ナビゲーション ダイレクトナビゲ…
さて、早速ですが、サイトマップやサイトストラクチャを作成するときって皆さんはどのようなプロセスを経て作成していますか？今日はサイトストラクチャの作り方についてどのような要点があるかをまとめながら記事にしてみたいと思います。 サイトストラクチャの種類 IAに関するどの書籍を読んでも一般的には以下の5分類があると書かれています。 階層型分類構造 ファセット分類構造 Web型構造 ハブ＆スポーク構造 直線型構造 今回は中小企業様のウェブサイト制作の効率化…
![FLARESのウェブ活用 スタートアップ支援パック FLARES STARTUP ENGINE [FSE]](https://flares.jp/wp/wp-content/uploads/2019/08/fse.png)
![FLARESのウェブ活用 企業サイト活用パック FLARES RELATIONAL ENGINE [FRE]](https://flares.jp/wp/wp-content/uploads/2019/08/fre.png)
![FLARESのウェブ活用 FLARESと取り組むウェブマーケティング FLARES MARKETING ENGINE [FME]](https://flares.jp/wp/wp-content/uploads/2019/08/fme.png)
