ベリテ -VERITE-

こんにちはー、ナレッジブログが公開になり初めての記事となります。
そんな記念のエントリーを今日かいているわけですが、そんなときはやっぱり選りすぐりのものが良いですよね。そこでこちら。フラッシュで制作したからこそ作れた、操作性や高級感の演出、さらに絞込み検索機能を感覚的にわかりやすく操作できる、注目すべき点が沢山あるお手本なサイトです。
こちら、アクセサリーブランドのサイトのようですが、まず、これはキレイなイラストですか(！？)と思うよな統一感のあるグラフィック部分での洗練さでまずあぜん。とにかく写真がキレイ！サムネイルアンチエイリアスもきれい！マウスオーバーでハードライトアニメーションされています。フェードインフェードアウトの変化も滑らかな動きです。
サムネイルワンボックスをマウスオーバー中に、右下にハードマークが…お気に入りに入れる操作とアイコンを両立している明確でわかりやすい作りです。ちなみにお気に入りアイコンがチェックされているサムネイルはマウスが離れても♥マークに色がついて表示が継続されます。
ウインドウサイズが変わったらどうなるか…サムネイルの並び直しの処理が行われて、画面に収まるように変化します。縦に長すぎる場合は「次へ・戻る」のナビが表示される作り込みがシンプルかつ丁寧なサイトです。
サムネイルリストの表示中、ひとつずつ順番に読み込みと表示を行っていますが、全てが表示されるまではクリッカブルになりません。そういう制限はぼくはかけたことがなかったのですが、そういう新設設計の考え方もあるんだ（ﾟ回ﾟ）と新しい発見でした。

基本的に羅列してあるサムネイルからひとつ選び、商品詳細を見るという流れ。そこからは関連商品への誘導か、お気に入りしておくか、彼氏におねだりするか…という流れが用意されていますね。ただのメーラーのが立ち上がるだけのリンクなんですが「おねだりメール」というコトバに帰ることで、このサイトから先への誘導が明確になっています。すご。

そして商品検索。サイト全て「サムネイルリスト→詳細ページ」というすべて同じ流れで構成されていますよね。商品検索もそう。種類や価格帯などの項目を複数選んでいくと、絞込み検索され、関連商品だけのサムネイルがでてきます。ひとつ残念なのは、検索が絞込みしかできないこと。2項目選ぶとすぐに検索0件になっちゃうので、「～または～」というOR演算の絞込み検索の機能もあればもっと商品を検索しやすくなるのではないかなと思います。とはいえANDとORの絞込みを両立したインターフェイスってデザインするのが難しいですね。うちで検索案件があったときには、色々考えてみようと思います。