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

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

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

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

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

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

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

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

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

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

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

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

Published by

Original source : http://xfruits.com/malko73/?id=45337&clic=30585302…