インターネットエクスプローラー最新版（IE.7)での表示は崩れていませんか？
VISTAの導入や、windowsの自動更新でインターネットエクスプローラーのバージョンが最新のIE.7になり、これまでのWEBサイトの表示にトラブルが起こるケースが見られます。その理由はこれまでのIE.6においてデザイン要素プログラム＝CSS（Cascading Style Sheets）の解釈に独自拡張が多かったのに対し、最新のIE.7では標準仕様に近づいたため解釈の差異が表示の崩れとして反映されているからです。
問題なく表示されているホームページでも、CSSを利用せずテーブルレイアウトという手法で設計されたWEBページでは上記の問題は発生しにくいのですが、構造的に大きな問題があります。WEBのバリヤフリー＝WEB標準・ユーザビリティの確保・ユニバーサルデザインに重きをおいた設計が注目を集めている昨今では、構造として意味解釈が可能な設計が必須となります。テーブルレイアウトでは構造を無視して見栄え＝デザイン本意の設計となるために、その目的を達成していません。
WEBページの修理＝メンテナンス、承ります。
VISTAの導入、自動更新に伴った表示差異、テーブルレイアウトによる重大な欠陥。あなたのホームページは大丈夫でしょうか。弊社では問題のあるホームページを診断し最適な修正案を提示して、お客さまにあったリニューアルをご提案します。
]]>
WEBサイトのページデザインにおいて、基本となるページ構成を段組でまとめます。ページ上部がロゴマークなどを配したヘッダー=header、中央部が2カラム、3カラムの構成になり、メインの部分をコンテンツ=contents、ナビゲーションリンクなどの部分をナビメニュー=navi menu またはサイドメニュー=side menu と呼びます。そしてページ下部に企業情報やコピーなどを表示させる、フッター=footer。トップページ、以下サブページを含みサイトの規模が大きくなるにつれ、各ページの統一感とナビゲーションの表示位置がユーザビリティ的に重要となってきます。通常、多くのサイトで採用されているのがヘッダー・左ナビメニュー・右コンテンツ・フッターの段組です。趣向の差はもちろんあると思いますが、私が推奨するのはヘッダー・左コンテンツ・右ナビメニュー・フッターです。その根拠は、多くのユーザが右手でマウス操作をし、ブラウザウインドウの表示・クローズボタンが右上に配置されていること、人間の目が、ウインドウが展開されて始めて注目する視点が左側上部ということを考慮して、左コンテンツ・右ナビメニューのレイアウトがユーザビリティ的に有効だと考えるからです。
ブログではないWEBサイトのRSS導入に際して、最も肝心なことはRSSで配信される要素＝更新の内容となるでしょう。商品サイトであれば随時商品情報をアップデートすればよい訳ですが、すべてのサイトが商品を取扱っているとは限らないのですから、それぞれのWEBサイト特有の新着情報、更新情報が当てはまると思われます。しかし企業サイトの更新情報をRSSで購読するユーザにとって、必ずしも有益な情報となっているでしょうか。企業サイトのテーマでもある主軸のコンテンツを、どのように定期的なニュースとしてお知らせするかが工夫が要るところだと思います。特定の商品やサービスが「新しくなった時点」でのニュースという考え方もありますが、それに該当しにくい業種であれば、元々アピールしているはずの「売り」の部分を深く掘り下げて、例えば週一度のスパンで取り組みや企業理念を実際の事例などをおりまぜてエピソードとして紹介していくのも方法と言えます。実際に弊社ではこの記事のように、ブログ形式で取り組みやご提案を配信しています。ニュースというカテゴリにとらわれずに、自由な発想でアピールすることが大事だと思います。
]]>
CSS＝Cascading Style Sheets導入に際してのメリットを具体的にお話します。WEB標準に準拠していない、テーブルレイアウト＝表組でレイアウトデザイン の場合各ページ毎のHTMLファイルの中にレイアウトデザインに関する情報が含まれます。構造要素50+レイアウト要素が100としたときに1ページあたりのファイル容量は150となったとします。サイト全体で50ページだとして、単純計算ではサイト全体のファイル容量が7500になりますね。この大規模サイトをXHTML・CSSで構築するとどうなるでしょう。統一されたデザインを基にCSSファイルが150のものを3つ用意したとします。このCSS3ファイルでサイト全体のデザインレイアウトを制御するとして1ページの構造要素50×50=2500、CSSファイルが150×3=450、2500+450=2950となり、テーブルレイアウトのサイトより4550のも容量が軽減されました。更にWEBスペースの節約とブラウザでの通信速度も50通りのファイルをいちいち読み込むのに比べ、共通した3つのファイルを読み込むことの差で表示速度においても向上します。次にサイト更新の際にベースデザイン変更といった大規模な修正が必要な場合、前者の方法では50ページすべてのレイアウトデザインの要素を修正しなければいけません。費用も新規案件に近い規模でかかります。後者のCSSではどうでしょう。レアアウトデザインの部分がCSS・3ファイルですからその3ファイルの修正だけで済みます。サイトをがらりとイメージチェンジしても経費を大きく抑えられます。]]>
肝心のWEB標準のメリットを分かりやすくお話します。WEBページをシンプルにマークアップした文書構造と視覚要素であるデザインレイアウトの2つのファイル＝XHTML・CSSに分けられたホームページにおいて、これまでのHTMLスタイル＝WEB標準に準拠していないホームページからみたメリットとは
現在進行中の案件で塗装店さんのプレゼンデザインに執務中です。サイトデザインにおいて、もっとも重要としていることがイメージ＝雰囲気。大前提としてギラギラした装飾にインパクトを求めない、印象として誠実さ・清潔感・信用性・信頼性を持たせるために毎回、最適なデザイン捻出に頭を悩ませます。今回の塗装店＝ペンキ屋さんの場合は、「ペンキ・色・筆」などのキーワードから「パステル」というテーマを導き出しました。（この記事の画像イメージ参照）別サンプルにもうひとつ、「職人」というテーマからプレゼン資料を作っているところです。必ずしもこちらの主観のみでは納得されないケースがあるのでクライアントさまのご要望案でも必ずひとつはプレゼンします。プレゼンにおいて納得いただけるまでこの作業は繰り返されるのですが、手間ヒマがかかるここの部分を大事にしています。完成間際に「やっぱり」的なことが起こらないとも限らないわけですから、完全オーダーメイドの定義にのっとり徹底したヒヤリングを心がけています。今日の夕方、この資料をもって早速お客さまのところへいってきたいと思います。]]>
これまでのＷＥＢサイト・ＷＥＢページがネットワーク上で文字情報、画像情報、動的な情報（ＦＬＡＳＨやムービー）を表示させて、そのコンテンツをユーザにアピールしてきました。その都度ただページ表示して検索エンジンに認識されるのを待つよりも、ブログのようなスタイルで更新情報をサーチサイトに自動エントリーされるような、自己配信型のＲＳＳ配信により多角的にアピールすることが重要と思われます。さて、ＲＳＳをＷＥＢサイトで発信するにはどうしたらいいのか？という声が聞こえてきそうですが、具体的に先ずＷＥＢページ＝ニュースリリースなどをＨＴＭＬで更新部分を作らなければなりません。そしてその新規に追加になった部分をＲＳＳに読み出せるようにＸＭＬファイルで書き出さなければなりません。更に、そのＸＭＬファイルを検索エンジンやＲＳＳリーダーに知らせるために送信しなければなりません。このような専門的な技術要素はその都度、製作会社に代行してもらうには経費がかかります。月に数度、新着をお知らせするために以上のような作業を外部発注すれば、数万円から数十万円という経費がかかるでしょう。一連の作業をクライアントさまサイドで、ブログに記事をエントリーするような簡単な方法で運用できることが望ましいと思います。弊社サイトでも今日より新サービスとしてＲＳＳ配信システムをご案内していますが、弊社のＲＳＳ配信システムはシステムプログラムをクライアントさまのＷＥＢサーバに設置してブログのような管理ができます。ここ何日かそのシステム開発に従事していました。（ディスプレイの文字列を見るのがちょっとつらいこの頃ですが）ぜひともおすすめしたいシステムですので、ご発注をご検討の際はこちらもお問い合わせください。
XHTMLにおいてWEB2.0の要素について取り上げます。最近よく耳にするWEB2.0という言葉はWorld Wide Webの様々な点での進化を総称したもので、WEBページが文字や画像情報を提供するものから、WEBページ上でユーザが買い物をしたり、WEBページ上で展開されるプログラムをユーザ同士が操作して、コミュニケーションを広げたりなど、プラットフォームとしてのWEBが展開されることを指します。具体的なシステムとして、ブログやmixiに代表されるソーシャル・ネットワーキング・サービス、RSSフィードを利用したポッドキャスティングなどが数多くのユーザに利用されています。WEBの日々躍進する進化の背景にはXHTMLに大きな役割が存在しています。ブログなどの更新情報を即座にネットワークに知らせるRSSの技術は、XMLというマークアップ言語にはじまります。そのXMLを処理できるように開発されたのがXHTMLで、ブログなどはXHTMLとXMLによるシステムで構成され爆発的なブログ人気がWEB2.0という進化したネットワークを産み出しました。現在、新しく公開されるホームページのほとどんどがXHTMLで作られていますが、以上のようなXMLと組み合わせたタイプ＝WEBページ情報をRSSで配信するホームページはそれほど普及していません。ページ要素がSEOに有効になることは言うまでもないのですが、せっかくのRSS機能を利用しない手はないと私は考えています。いずれにせよ導入に際してオプションとして料金も発生しますが、XHTML＋CSS＋RSSをフルに利用することでユーザビリティ・アクセシビリティ・SEO対策・RSSによる間口を広げる自己配信型のWEBサイトがメリットを多く含んだものになるのです。今後お取扱いする案件ではこのソリューションを是非ともすすめたいと思っています。]]>
WEB標準が文書構造を厳密に定義することからホームページ上で展開されるレイアウトとデザインは外部のCSSで行います。WEB標準に沿わないサイトでもCSSを使い表示させることができますが、意図どおりの表示がされていない場合があります。それはWEBブラウザ各社のホームページ言語＝HTMLの解釈が微妙に違うために起こる表示の誤差＝クロスブラウザにより、IE6では正常な表示でもFireFox1.0ではレイアウトが崩れた表示になることがあります。現にネットワーク上に溢れる無数のホームページの多くがIE以外のブラウザで起こっている現象といえます。優良な製作会社が開発したものであればほとんどの場合、この問題は回避されています。特にWEB標準に基づいた開発であればほぼ必然的に解消されています。現在最新の各ブラウザはWEB標準規格に沿ったバージョンになってきているので、WEB標準＝ブラウザを選ばない＝意図どおりのホームページ表示が可能です。逆に言えばWEB標準でなければどのブラウザでも、意図どおりの表示がされにくいことにもなります。しかしWEB標準であれば正常表示が必ず大丈夫か、というとそう言うわけでもありません。外部デザインのCSSにおいてもブラウザ間の解釈誤差があるために、それぞれに合わせたプログラムを仕込む作業を必要とします。デザインの観点からどうしてもCSSだけでは出来ない部分もあります。クライアントさまの強いご要望などで画像にした文字＝ロゴタイプや装飾的なデザインなど、直接、本体コンテンツとは離れた要素に対してのご注文が多いことも正直なところです。製作現場ではこういった工程を踏み、実際仕上がるサイトは完全なWEB標準に沿わないこともありますが、プログラム次第でそれほど問題なくクリアされます。ある意味コンテンツ不足を派手な装飾でごまかすようなサイトも少なくないようですが、テキスト＝文書のみでも重要度の高いホームページを作るためにも、お客様と製作側が綿密な打ち合わせと、理想具象化に向けての努力を惜しまないことが大切と考えます。
]]>
このカテゴリ「ウェブサイト」では利便性の高いサイトを紹介してゆきたいと思います。今日ご紹介するのは音楽ダウンロードサイトのＯＣＮ ＭＵＳＩＣ ＳＴＯＲＥです。個人的によく利用しているのですが先ず便利なのが決済方法。ＯＣＮの会員であれば月額利用料と一緒に決済ができます。ログインしただけで買物ができます。もちろん他社プロバイダー会員でもクレジットカードで利用できます。次に上げられるのが豊富なストック。国内外、新旧アーチストの膨大な楽曲数を分かりやすいインターフェイスで提供しています。ネットショップサイト運用に際してネックになるのが代金回収方法と配送費の問題でしょう。銀行振込は問題外として、配送会社による代金引換やクレジットカード決済によるワンストップサービスがユーザには好まれるようです。弊社製作のショップサイトも以上のような問題もクレジットシステムのご提案などで最適なコンサルティングをご用意しています。配送や代引の導入にもご相談を承っております。実際の運用とご商売はクライアントさまのお仕事ではありますが、インンターネットに間口を広げる＝ＳＥＯ対策やサーチサイトへの登録代行は弊社製作の基本セットで対応しています。弊社製作サイトはＷＥＢ標準に基づいた開発ですので必然的にサーチエンジンに分かりやすく早い段階で上位に表示されます。ネットショップではないですが最近の事例で挙げれば、北日本レース鳩委託鳩舎さまの場合、公開後一週間でYahooエンジンにおいて「委託鳩舎」のキーワードで1位表示でした。「委託鳩舎」は造語ではなく一般単語です。ただコンテンツカテゴリによっては上位表示が難しい場合もあります。弊社サイトの場合、「ホームページ作成」のキーワードではかなり低い表示でした。ＷＥＢに溢れているカテゴリ、飽和状態にあるキーワードではやはり難しいようです。ちなみに「ＷＥＢデザイン製作 ＷＥＢ標準」キーワードではyahooエンジンで2位表示でした。]]>