Author Archives: gensengumi

インテリアサイト厳選組の厳選評価コメント【プレス・メディア サラグレース】

■キャプチャ画像引用元：http://www.sarahgrace.co.jp/

全体的に淡い色合いでまとめられ、澄みきった静かな空間を感じさせるサイトです。
ナビボタンのアイコンの（マウスオン時の）微妙な動きや、アンバランスなフォントの配置が興味深いですね。
使いやすいボタンとは言えないかもしれませんが、このアンバランスさに、普段Ｗｅｂサイトを作る上で常にコンテ

ンツを整列させて作ろうとしていたことに気付かされます。
こんな遊び心をさりげなく入れられるところに制作者のセンスを感じます。

リンクしているオンラインショップにもこのサイトの雰囲気や写真が踏襲されていますが、
オンラインショップではカテゴリごとの商品ラインナップが細かく分かれて探しやすいメニューになっています。

【さらに踏み込んでみてみると・・・】

html5を意識してソースが組まれているようですが、＜address＞でコピーライト表記を囲うことは避け、 管理者住所などをマークアップしたほうが適切な＜address＞要素になるでしょう。

また、下階層ページにはトップページへのリンクがフッター部分にあるだけなので、現状では、戻りたい時についブラウザの「戻る」ボタンで戻ってしまいます。
（デザインを優先した為かもしれませんが）ページ上部にもトップへのリンクを配置すると、使いやすい親切設計になることと思います。

※本コメントは、「厳選組」の独自の視点に基づいた評価コメントであり、対象サイトの運営や構築内容に関して何ら保障するものではありません。

【インテリアサイト厳選組】＞＞

インテリアサイト厳選組の厳選評価コメント【ESPACE（エスパス）】

■キャプチャ画像引用元：http://espace-interior.com/

インテリアの並ぶ爽やかな雰囲気の写真と、カラフルな雑貨やインテリア商品の写真画像を織り交ぜて レスポンシブに構成されたサイトです。
各カテゴリページへ移動すると、アンカーテキストで英語のメニューが配置されていますが、cssでマウスOFF時の英語表記と、マウスON時の日本語表記をクラス分けして指定し、切替え表示させる。という凝った演出です。

「Topic」では、WordPressブログでの最新の情報が掲載されることもサイトの新鮮さを保つ要素になっていることでしょう。

【さらに踏み込んでみてみると・・・】
サイトの構築法は、レスポンシブWebデザインで構成されていて、スマホでの表示はスマホ画面に合わせて縦長にバランス良く並ぶのですが、中間となるタブレット系の画面サイズではＰＣと同じ表示のままで、コンテンツがはみ出して表示されてしまいます。
また、ＰＣブラウザでも、画面を大きく広げないとコンテンツが切れてしまう構成のため、せっかくのレスポンシブの良さが半減してしまっているようです。
利便性を求めてレスポンシブにしたが故に、逆にＰＣサイトの表現がレスポンシブに縛られてしまっているような印象を受けました。

 改善策としては、サイト全体を作り直さなくても中間サイズ用のcssを別途用意して、metaでサイズごとに分岐させるように設定して適合させれば、後付けでレスポンジブの定義が可能だと思います。

※本コメントは、「厳選組」の独自の視点に基づいた評価コメントであり、対象サイトの運営や構築内容に関して何ら保障するものではありません。

【インテリアサイト厳選組】＞＞

インテリアサイト厳選組の厳選評価コメント【ACTUS（アクタス）】

■キャプチャ画像引用元：http://www.actus-interior.com/

スペースを多目にとったデザインのボタンやコンテンツの配置が、程良くシックな雰囲気の漂うサイトです。
写真も落ち着いたトーンが中心になっていますが、セールや「パンフレット無料送付」などの訴求箇所には強めのカラーを使い、メリハリのついた構成となっています。
メニューや見出しが英語表記ですが、マウスオーバーで日本語に切り替えたり、隣りに日本語を添えていたりと、デザインを保ちながらの気配りが好印象です。

「ACTUS」は知らない人には読みにくいスペルだと思いますが、ページの各所に「アクタス」という日本語読みが記載されていることで、さりげなくお客様へ名前を覚えてもらう配慮が成されています。

【さらに踏み込んでみてみると・・・】

商品カテゴリーのリンク画像は白バックの切り抜き画像を使用してシンプルかつ分かりやすく、画像の最適化（容量を最小限に収める）にも一役買っているようです。
ブランドや商品が大量にあるため、サイト内の検索機能も便利なコンテンツとなっています。
 トップページのメインコンテンツがFlashアニメーションとなっていますが、タブレットやスマホでアクセスした際に表示されなくなってしまうので、FlashPlayerを搭載していない端末でアクセスした時に静止画や別のコンテンツに切り替えるシステムを組むとユーザビリティが向上すると思います。

便利な検索マドではありますが、検索対象が商品説明欄のすべてのワードにかかっているようなので、 短い単語で検索した場合、その単語を含む文字が入った全く関係の無い商品がピックアップされてしまうケースがあります。
（例えば「イス」で検索すると「ルイスポールセン」の照明がトップに出てきてしまったり、意図しない検索結果となる場合があります。）
その症状の改善策としては、検索対象ワードを商品毎に設定して、そのワードから検索されるような仕組みができれば、意図しない商品が出てしまう自体を避けられることでしょう。

※本コメントは、「厳選組」の独自の視点に基づいた評価コメントであり、対象サイトの運営や構築内容に関して何ら保障するものではありません。

【インテリアサイト厳選組】＞＞

インテリアサイト厳選組の厳選評価コメント【unico（ウニコ）】

■キャプチャ画像引用元：http://www.unico-fan.co.jp/

モノクロをベースとしたデザインのサイトで、各コンテンツが装飾を担っています。
カテゴリメニューの手書き風のアイコンが可愛らしく、マウスオンで英語表記から日本語表記に替わる スクリプトも味があって好印象でした。
黄色いマーカーで線を引いたような演出も、親近感を感じさせる一工夫ですね。

商品カテゴリだけでなく、部屋の雰囲気やスタイル、シリーズからも選べるようになっていて、 迷ったユーザーも逃さない囲い込み要素が充実していると思います。
「特集」の各ページには随所に温かみのあるデザインや画像が配置されていて、ほのぼのとした ゆっくりくつろげそうな雰囲気がサイト全体から伝わってきます。

【さらに踏み込んでみてみると・・・】

ヘッダーの大きなスライダーは、サムネイルと組み合わさったコンテンツのため、タブレットや回線速度の遅い端末で読み込んだ際に表示に時間はかかりますが、その間もサムネイルは先に表示されるため、ユーザーの離脱率を抑制できる効果があるかもしれません。

「３Ｄシミュレーター」もunicoの大きな魅力の一つであると思いますが、トップページ内でほとんどアピールされて いないのでもったいないですね。横長のバナーを作ってもう少しプッシュしても良いかもしれません。

単純なことなのですが・・・「unico」を何と読めばよいのかパッと出てきませんでした。
「ウニコ」と読むらしいのですが、ソース内のメタタグだけでなく、サイト内の見やすい位置に「uniko（ウニコ）」という表記を入れるか、 名前の由来などもさりげなく掲載すると、お客様もウニコの名前を覚えやすくなるかもしれませんね。

※本コメントは、「厳選組」の独自の視点に基づいた評価コメントであり、対象サイトの運営や構築内容に関して何ら保障するものではありません。

【インテリアサイト厳選組】＞＞

インテリアサイト厳選組の厳選評価コメント【ippon「一本」】

■キャプチャ画像引用元：http://www.ippon-gallery.com/

◆深い色合いのグリーンを基調として統一感のあるサイトです。
全体的に段落やコンテンツ間のスペースの取り方に余裕があってとても見やすいと感じました。
メニューにマウスオン（マウスカーソルを重ねる）すると英語表記のメニューが日本語になるギミック（仕掛け）はとても面白く、分かりやすいうえに、英語表記による見た目上のデザインも兼ね備えていて文句の付けどころがありません。
「製品・サービス」のメニューではアコーディオンメニューが実装され、そこにも英語⇔日本語の切替えギミックで細部にわたって抜かりがありません。
ページのレイアウトは、余計な装飾が無くシンプルで、写真とテキストの割合いでバランス良く段落が構成されています。

商品紹介ページには価格を表示せず、オンラインショプとのありかたを明確に分けていることで、 お客様の心により届きやすい信頼感のあるサイトに仕上がっているのかもしれません。

【さらに踏み込んでみてみると・・・】

各ページに掲載されているほとんどの写真画像のデフォルトサイズが、実際の表示サイズより大きいことが気になりました。
つまり、サーバーの画像フォルダにアップロードされている画像のサイズと、ホームページ上で表示されているサイズが違うということです。

そのため実際の表示で輪郭がぼやけてしまったり、写真の画質が実際の写真より荒くなってしまったり、 小さめの画像なのに読み込みに時間がかかってしまったりと、弊害が出てきます。
それを回避するためには、（共有画像でなければ）可能な限り、表示サイズと同じサイズになるようにデフォルトの画像を調整してからアップロードすることで改善できるのではないでしょうか。

※本コメントは、「厳選組」の独自の視点に基づいた評価コメントであり、対象サイトの運営や構築内容に関して何ら保障するものではありません。

【インテリアサイト厳選組】＞＞

インテリアサイト厳選組の厳選評価コメント【エル・コンセプト】

■キャプチャ画像引用元：http://www.l-concept.jp/

◆トップに沢山の情報を載せているにも関わらず、落ち着いたスタイリッシュな雰囲気を持っている 魅力あふれるサイトです。
カテゴリごとのアイコンがさりげなく、下階層カテゴリのアンカーテキストの表示も分かりやすいので、初めて見る人にも親切なレイアウトだと思います。
バナーは情報を入れ過ぎずに興味を引くデザイン。
おすすめ商品のテキストなど、多めな文章なのにごちゃごちゃしたかんじを出させないようなマージンの取り方と、行間の取り方が絶妙で読みやすいです。

ショピングカートとの連携も素晴らしく、商品価格やサイズ表記も勿論のことながら、商品説明も明確で、情報が欲しい人を１２０％満足させてくれる納得の情報量。その商品に対する思い入れが伝わってきます。

【さらに踏み込んでみてみると・・・】

「ショッピングカート」や「ページ最上部へ」のボタン等もさりげなく、 さらには「人気カテゴリー」のナビメニューを画面最下部に固定して案内するなど、 画面のあらゆる所を利用してガイドしています。
それなのに押しつけがましさや、邪魔な印象を与えないレイアウトには関心させられます。
インテリアショップのサイトに限らす、ショッピングカートと連携したホームページを構築するうえで見本になる 箇所が随所に散りばめられているサイトだと思いました。

トップページの写真が入れ替わるコンテンツはFlashアニメーションで構成されていますが
Flash非対応の端末だと正常に表示されない為、html5へ変換するかjQueryで代用することで
ターゲットユーザーをさらに広げることができるでしょう。

また、iframeが複数利用されていますが、そのせいでSEO効果が分散されてしまっている可能性がありますので、インラインフレームを使用しなくて済む部分はiframeの多様を控えたほうが、SEOの観点からは有利に働くことでしょう。
特にFlashが埋め込まれているフレームにはmeta情報（Descriptionやtitle）が入っていませんので、 設定することでさらに検索エンジンへのアピールを強化できるかもしれません。

※本コメントは、「厳選組」の独自の視点に基づいた評価コメントであり、対象サイトの運営や構築内容に関して何ら保障するものではありません。

【インテリアサイト厳選組】＞＞

ポイントサイト厳選組の厳選評価コメント【ハピタス】

■キャプチャ画像引用元：http://hapitas.jp/

http://hapitas.jp/ポイントプログラムの商品名や残りの時間や人数を、バナーと合わせて、それぞれ固有の枠にうまくまとめていることが印象的です。

そのポイントプログラムの主要な情報が一目で分かるよう工夫されています。

交換レートは1ポイント＝1円以上で、他のサイトのポイント還元率と比べてお得感を味わえます。
アンケートの流入率は低めなので、アンケート以外の、提携プログラムからのポイント獲得を狙うと効率が良いかもしれません。

【さらに踏み込んでみてみると・・・】

比較的大きめのバナーを掲載していることもあり、見やすいという利点はありますが、
どうしても１画面上での情報量が少なくなり、たくさんスクロールして見なくてはならない
そいう点が気になるところです。
どちらかというと、ランディングページ調のデザインが多く、デザイン力の高さが伺えます。
１ページあたりのスクロール量が多いのはＬＰ制作従事者に多い傾向とも言えるかもしれません。
その構成が吉と出るか否かは今後の分析次第かもしれませんね。

【内部の仕組みに踏み込んでみてみると・・・】

ページ最上部にjavascriptで稼働するナビボタン（アコーディオン式にスライドするメニュー）が配置されていますが、あまり目立たないため、このボタンの機能に気付かないユーザーもいるのでは？と心配になります。
また、古いブラウザでは機能しないケースが出てくる可能性もあるため、
それらの（メニューボタンの）視認性や機能性を考慮したシステムの再構築が望ましいのではと感じました。

☆ハピタス登録はこちらのボタンから登録すると効率ＵＰ！☆

※本コメントは、「厳選組」の独自の視点に基づいた評価コメントであり、対象サイトの運営や構築内容に関して何ら保障するものではありません。

【ポイントサイト厳選組】＞＞

ポイントサイト厳選組の厳選評価コメント【ポイントインカム】

■キャプチャ画像引用元：http://pointi.jp/

オレンジを基調としたphp構成のサイトで、各サービスや利用内容がレフトナビにリストアップされ、一見ゴチャゴチャしたように見えるものの、慣れると視覚的に分かりやすいサイトだと思います。
『ポ太郎』『ポタ美』という犬のキャラクターが随所に現れなごませてくれます。
ポイント還元率は１０ポイントで１円前後。
「タイムセール」枠では残り時間が常に表示されて0.1秒単位で数値が減っていき、ユーザーの心理をつく工夫がなされていることが印象的です。

【さらに踏み込んでみてみると・・・】

Ｔカード（Ｔポイント）と提携しているポイントイベントも多く、普段の利用にも繋がりやすいシステムになっています。
毎日クリックする度にポイントが貯まったり、ゲームやタイピングなどでもポイントが貯められます。
アンケートは回答期限付きで表示され、自分の予定に合わせて期限内に回答することができるため、時間の無いときも焦らず予定を組んでアンケートに答えることができます。

アンケートの一覧を表示するボタンが少し分かりにくいので、最初は探してしまうかもしれません。
サイト内に「アンケートでポイント貯める！」などのボタンが大きく設置されていると分かりやすいですね。

【参考となる仕組み・・・】

アンケートのラインナップは一見すると少ないようで、色々と回答することができます。
アンケートの途中にも広告が表示されますが、その広告を表示する主旨がしっかり明記され、
ユーザーへの協力を促していることが奇抜でもあり、ユーザーの不快感を取り除く「技」と
いえるかもしれません。
「毎日クリックコーナー」のような毎日ポイントをゲットできるスクリプトは 小規模サイトでも参考にできるコンテンツになり得ます。
CGI等でこういったコンテンツの設置にチャレンジしてみても良いでしょう。

▼ポイントインカムで激早にポイント貯める近道▼

※本コメントは、「厳選組」の独自の視点に基づいた評価コメントであり、対象サイトの運営や構築内容に関して何ら保障するものではありません。

【ポイントサイト厳選組】＞＞

ポイントサイト厳選組の厳選評価コメント【リサーチパネル】

■キャプチャ画像引用元：http://research-panel.jp/

リサーチパネルは「ECナビ」と提携しているサイトで、リサーチパネルでの獲得ポイントがECナビポイントに反映されます。
各種ポイントプログラムやミニゲーム等のバナーで賑やかなECナビの印象と違って、アンケート集計に特化し、淡いスカイブルーを基調とした枠内に順序く整列されています。

沢山のコンテンツがあるサイトでは、不要な情報の交る中から自分で必要な情報を探さなくてはなりませんが、リサーチパネルではアンケートに徹して掲載を行うことで１アクションで行動でき、直感的に利用しやすいサイトになっていると思います。

【さらに踏み込んでみてみると・・・】

リサーチパネルでポイントを獲得、交換するにはECナビへも登録する必要があるため、 始めて利用する人には手間が増えてしまうことが壁になるかもしれません。
ですが一度登録してしまえば２つのサイトの共有性に慣れて、利用しやすいサイトとなることでしょう。

【内部の仕組みに踏み込んでみてみると・・・】

アンケートに回答すると、通常はシステムで回答済みか否かの判断をし、
「回答する」ボタンから→「回答済」の表記に切り替わるはずですが、
それがうまく機能していない場合があるようです。
Cookie等のローカルの情報を読み取るプログラムに問題があるのかもしれません。
それらの判断をリアルタイムに反映できるシステム構築が理想といえるでしょう。

リサーチパネルでいきなり500ポイントゲットするにはこのボタンから↓↓↓

【ポイントサイト厳選組】＞＞

ポイントサイト厳選組の厳選評価コメント【ポイントタウン】

■ キャプチャ画像引用元：http://www.pointtown.com/

沢山の提携バナーが並んでいると沢山のカラーが使われ、デザインも崩れがちになりそうですが、 オレンジを基調としたサイトカラーをアイコンや全体の枠組に統一して使用することで
トータルのバランスが保たれている良い例だと思います。

「あと＊＊時間＊＊分＊＊秒」のカウントが設置されていますが、コンマ１秒まで表示して
極端にユーザーを煽るようなことは避け、１秒までのカウントに留めていることも
「丁度良い」アピール法になっているようです。

ゆうちょ銀行にはじまり、各金融機関への振込み（現金へ交換）も可能で、
Amazon、Tポイント、WAONポイント、ANA、JALのマイルへの交換もできます。
他にも様々な形態でポイント交換できることが魅力の１つで、その交換レートや 手数料（ほとんどが無料）、交換予定日など分かりやすく掲載されていることがユーザーの安心感にも繋がっていることと思います。

【さらに踏み込んでみてみると・・・】

ポイントタウンと提携しているプログラムを良く探すと、出費をしないで大きなポイントをゲットできるお得なプログラムも発見することができます。
ポイント還元率は20ポイント＝1円前後で比較的低いですが、そのぶん貯まるポイント数が
多いので「貯めた」感を得られるサイトではあると思います。

アニメキャラを使ったゲームが多数ラインナップしていますが、広告表示が 画面にかぶりすぎていることと、うまく動作しない場合もあるようなので、 それらの残念な点は改善の余地があるのではないでしょうか。

【内部プログラムに踏み込んでみてみると・・・】

サイト内部のプログラム自体は比較的新しい印象を受けます。
ページを構成するhtmlはほとんど動的なスクリプトで構成され、ブラウザバージョンによって 対応するプログラムを分けるという配慮もされています。
その反面で、非対応ブラウザでは対応できないという欠点にも繋がっているかもしれません。
どのバージョンまで対応させるか否かは、その管理者に委ねられている事が顕著に表れている例と言えるかもしれませんね。

☆ポイントタウンに登録はこちらから登録すると効率ＵＰ☆

※本コメントは、「厳選組」の独自の視点に基づいた評価コメントであり、対象サイトの運営や構築内容に関して何ら保障するものではありません。

【ポイントサイト厳選組】＞＞