UNIQLOのFlashチラシが良かった

chirashi.jpg
※チラシなのでモザイクかけさせてもらってます

UNIQLO の Web サイト展開といえば、最先端の特設 Flash キャンペーンサイトのイメージが大きいけれど、キャンペーンサイト以外もとても丁寧に作られていて、とても好感が持てましたという話です。

ユーザにストレスを与えない導線とおもてなし

いち消費者としての僕の行動をそのまま列挙します。

  1. 家が寒い!暖かい部屋着が欲しい。UNIQLO のヒートテックでも買い足すか。
  2. ユニクロ店舗は休日に安売りしてることがある(前もたまたま安売りでヒートテック買った)ので、店舗で安売りしてたら買いに行きたい。というかチラシが見たい。Webでチラシとか公開してるかなぁ。。
  3. 「UNIQLO」で検索して、とりあえずユニクロトップページへ。
  4. トップページに「UNIQLO DIGITAL CHIRASHI」へのリンクが、良いね!
  5. チラシページの Flash がイケてる(後述)なぁ。おぉ!値段クリックしたらネットショップ購入ページにいけるのね。便利。
  6. でもチラシの特価とネットショップの商品の価格が違ったりするとテンション下がるよなぁ。と思ったらきっちり値段も連動してる。なにげにスゴイよ UNIQLO!
  7. そういや靴下もなかったので店舗に行く。ヒートテックは安くなかったのだけど靴下6足お買い上げ。1980円也。

欲しい情報にすぐ辿り付けたこと、チラシのUIが快適だったこと、価格反映がきちんとしてること、こういう丁寧さが嬉しいんです。

Flash チラシのイケてるところ

これも当たり前のことかもだけど、別に UI に興味がない人でもサクッと把握できる程度の UI が良いです。服が買いたいだけですもんね。

  • 過去のチラシサムネイルがない。そう!そんなものいらない!
  • 何日に配布されたチラシかが表示されてる。
  • 値段をクリックで商品ページへリンク。
  • ばっちりプリントもできる。これは Flash のいい使い方。
  • その他の部分クリックで3段階拡大。最大拡大までいったら今度は3段階ズームアウト。マウスカーソル見たら一発で理解できる。変に虫眼鏡ツール(ボタン)用意するより潔いかも。マウスホイールにも対応、こういういろんなフォローがユーザの直感的操作を受け入れてくれる要因になってる。
  • スムーズなチラシスクロール、画面四隅でスクロール、エリアナビでスクロール。
  • ステージ右下固定で裏返しボタン。そうよ、別にぺラっとめくれるエフェクトじゃなくてもオッケーですよ。
  • ブラウザウィンドウをリサイズした時も、納得できる挙動。

クリックしたらズームイン&アウト、ドラッグしたらスクロールっていうシンプルなルールが普通で良いです。あばたもえくぼ的に褒めすぎてるかもしれないし、確かにズームしようとして間違ってリンクすることもあったりするけれど、個人的にはこの Flash にもストレスは感じませんでした。一般論として、ユーザの期待通りの動きをしなかった時に「あ、僕(ユーザ)がミスった」と思わせるか、「なんだこの使いにくい UI は!」と怒らせるかのバランス感覚というのはとても大事で、それを補ってくれるのが、今回のチラシ Flash のように他の部分も丁寧に作っているかどうかだったりするんだなと思ったのでした。
もちろんチラシをスキャンして見せる Flash は以前からありますが、今回は純粋に服が欲しかった時に、スッと Flash ページを活用&経由できたということが、なんとなくいい体験だなぁと Flash を触っている人としても嬉しかったのでした。

こういう「紙データを素敵に見せるFlashフォーマット」をスキルとして持っておくと重宝するでしょうね。ニーズあるでしょうし。あと、導線設計とか価格反映とか大事だし、このへんの丁寧さがユーザとしては一番嬉しいかもしれない。

グリングリンさせる系の Flash はテクノロジーのキャッチアップが大変だけど、そうじゃなくてもユーザに喜んでもらえる Flash を作る道はある。
ということは、Flasher はみんな知っていて、ただ、傾向としてグリングリン系を紹介しやすいだけで、それが Flash というものだというイメージが世間でついちゃってるもんだから。

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.trick7.com/blog/2008/12/26-214635.php/trackback
Listed below are links to weblogs that reference
UNIQLOのFlashチラシが良かった from trick7

Moleskine Plain Notebook Large

アイデア帳として。

AS3習得本
AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD-ROM付) Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付) ActionScript3.0 プロフェッショナルガイド 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド 詳説 ActionScript 3.0 Actionscript 3.0 Cookbook
AS3発展本
ASでアニメーションさせる面白さを知るための本。最後のはPHP連携デビューにオススメの洋書。
Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation (Advanced) Flash and PHP Bible (Bible (Wiley))
AS2
"Flash"ではなく"ActionScript2.0"学習のための良著。他にもいろいろ読んだけど、この4冊を読んだ後、自分が成長できた感じがしました。
FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付] Essential Actionscript 2.0 Flash 8 Essentials Foundation Actionscript Animation: Making Things Move (Foundation)

Return to page top