2005年11月25日 作りました！osCommerce Template
クライアントの案件と同時平行で帰宅しては深夜３時まで毎日osCommerceテンプレートを作成…..。この日々が約2週間ほど続いていました。でも今日何とかリリースです。いやぁ〜うれしいッス！ だって約半年近くリリースしてなかったもんで…。英語圏のお客さんの反応を早く聞いてみたい！！
このテンプレはCSSをブラウザでOFFにしていただいた見ていただくとよくわかります。私なりに考えられる徹底したSEO対策をしたつもり。まぁ完璧っていうのはないけど….ただ、何気に満足してます。ヘッダーやフッター、サイドＢＯＸはメは表示位置をＣＳＳでコントロールしページの一番重要な要素をマークアップ。
しかもこのテンプレはページ遷移する際のアクセシビリティーも配慮した。やっぱりほとんどのユーザーはＹａｈｏｏストアやオークション、楽天スタイル、アマゾンのインターフェースにはなじみがある。ということで（！？）トップページは１カラム、カテゴリのトップページは３カラム、カテゴリから商品一覧は２カラム、そして商品詳細ページは１カラム。カテゴリ表示はヘッダーにタブ形式に変更、タブクリックで下階層の中カテゴリをリスト表示し絞込にも対応。このページ遷移で重要なキーワードにはすべてマークアップタグを再定義。（わかる方にはわかりますが、かなり使いやすくしたつもりです。）
osCommerceを使っているショップユーザーさんならすぐわかると思いますが、OSCは通常全ページが３カラムで設計されています。私自身、会計時のページには会計に必要な情報だけあれば十分。左右にあるベストセラーやレビューＢＯＸ類は不要。 これは楽天もＹａｈｏｏもアマゾンも同じ方式をとっている。会計時には必要な情報しかページには表示されない。
このテンプレもこのようなインターフェースにリデザイン。話を戻して、なんで
１カラム（トップ）→３カラム（カテゴリトップ）→２カラム（商品一覧）→１カラム（商品詳細）
にしたたかというとトップページはまあ基本的どうにでもデザインは可能だから割愛します。
３カラム（カテゴリトップ）
カテゴリトップはそのカテゴリにおいて「どんな商品が売れていて」、「どんな新着商品」があって、「どんな商品のレビュー」があって、「どんな特売商品」があるのかなどのさまざまな情報を表示するためには３つの列で整理されたデザインが必要だと感じたからです。またショップの雰囲気とかそのカテゴリの持ち味を出すためには、Ｘｏｏｐｓのような３カラムデザインが一番。と言いたい所だが、この部分は自分的には完成度は５０％もできていない。というのもこのあたりはユーザーの好みがあるからだ。あえてカスタマイズしやすいように制作。でもやっぱり３カラムが見やすい。
次にユーザーがとる行動は目的のカテゴリにはどんな商品があるのか、そうすると商品一覧を表示する必要がある。このページが担当する役目はズバリ商品の陳列。ここも少しこだわった。説明文付でリスト表示されるタイプとウィンドウショッピングのようなマトリック形式での表示を切り替えできる。
商品点数が多い場合の絞込みするフォームの位置なども考慮。（結構細かい）商品のソート（並び替え）もわかりやすいようにアイコンに変更。
１カラム（商品詳細）
これは私の独断で１カラムにした。その商品にとって一番必要な要素だけを表示する考え方。アメリカのトップアフィリエイタ曰く、１商品につき１ページが基本。そのページには商品に関する徹底的な説明と購入を促すアイディア（レビューはこの商品を買った人は…）を強調することで商品単一ページ化（キラーページ）はＳＥＯ対策、ユーザーの購買するための判断を極めて高めることができる。とのことらしい。確かに自分のその意見には賛成。余計な情報は不要だ。買うか？、買わないか？だけなら余計な情報を表示するだけ購買判断を低下させると思った。表示の方法は１カラムのメリット、デメリットは確かにあるのでこれは今後お客さんの意見やコメントを参考に検討課題ですね。
続きは次回。
関連する記事
Reader's Comments
Leave a Comment
 |  |  |  |  |  |  |
 |  |  |
[...] やはりフルCSSで作成しただけあって色味の変更を行うのがホントに簡単に作成できました。作業時間はたぶん３０分〜40分程度だと思う。リリース時にのグリーン×ピングバージョンについかして本日ブルーバージョンを追加。（意味がわからない方は前の記事へ） [...]
[...] 前回、XHTML＋osCommerce2.2MS2で作成しました海外向け英語版のosCommerceテンプレートに日本語版の需要がかなり多かったため作成いたしました。発売は来週１月２４日頃を予定しております。 [...]
[...] 前回のリリースから約1年3ヶ月が経過しようとしておりますが、2007年度版の最新osCommerceテンプレートが2月上旬を目安に公開する予定です。 [...]