トライアルですべきこと。してはいけないこと

スマホサイトをどのように作りましょうか？


この質問こそ、ほぼ愚問だ。

Web業界で15年くらいやっている私でさえ、「さて、どういうようにしよか？」

というイメージが小さかったのを記憶している。

イメージがないと人は、どうでもディテールをみたくなったり、できあがったものに対して
 感覚的な意見を言う人が多い。

結構、若手で　まじめな人ほどこういう傾向が強い。

これがWebディレクターにとってはやっかいなのである。

慎重に、ステップを踏んでいっても、最後の最後でひっくり返ったりしまうケースが多い。

生の原稿はみない。ラフはみない。色構成はみない。
最後の最後の最終校了のときになって、
「いや違う、変えてください。それもいますぐ。明日までに」
と、もう無茶苦茶なのである。

これはクリエイティブ業界全体の今も昔も変わらぬ悩みであります。

スマートフォン・サイトの場合も同じである。

だいたいこのタイミングで、誰が理想のスマホサイトをイメージできるだろうか？

■最低限これだけは、考えること。
・ターゲットはどうだろうか？
・誰にどのように使ってもらうべきか？
・必要なファンクションはなんだろうか？
・PCから何をもっていくか？

これくらいは整理があっていいであろう。

しかし、先のようなイメージのない人は、「全部！」「Fｌashも！」と、大変です。
 そして、あとから、ロゴが小さい、順番をいれかえろ、ちょっと違う！？と、
本質的な部分とは違うところに指摘がばんばん入ってくる。

いろいろなスマホサイト制作のメソッドは、また今後にゆずるとして、

ぼくは、大事なコーナー（コンテンツ）をまず、５つだけ選んでください。
と、尋ねるようにしている。

まず作ってみることです。半年くらいそれで様子をみましょう。

一度作ってみると、いろいろ見えてきます。
問題点や、本当にやりたいことはなにかが。

ここでも”Quick&Dirty”でやってみましょうよ。

スマホサイトはPCサイトからの変換が一番でしょう。

いよいよもって、スマホサイト化のムーブメントが高まって来た感じがします。

先日も、リードエキジビションが主催する「Ｊａｐａｎ　ＩＴ　Ｗｅｅｋ 春」〔5月9日～11日）の説明会にいってきましたが、事前説明会にも関わらず、セミナー会場がいっぱい！という盛況でした。

スマホ、スマホといって、さてどの方法が一番いいのか？この答えをさぐるためにも、

企業担当者の今をヒアリングしたところ、

「正直いって、知見を高めるために、勉強会や意見交換会をやってみたのですが、
相談するばかりで、お互い知見がたらないのが露見。あまり意味がないというのがわかったんです」（某飲料メーカー　Web担当者）

だから、スマホ変換もツールか、CMSか、またはhtml５か、専用サイトを構築するか、
まだ混沌という状態ですね。それに企業の商材、サービスの違いが違いますから、いろんなパラメーターでもって、整理をしようとしても意味がないかもしれません。だって、やっているように見えても、まだ第2階層しかやっていないんですよ。そういう状態です。」

なるほど、なかなかおよその回答を探し出すというわけにはいかない。


そこで、御大に尋ねることにした　ビービッドの宣伝広報の渡辺春樹氏に。

「なるほど。なるほど。これはですね。」

開口一番、渡辺氏は、立て板に水のごとく語りはじめたのです。


■スマートフォンサイトは、PCサイトそのものです。

「トリプルスクリーンという概念で語れば、こうれはもう時代の流れから考えて明白なんです。

「つまり、今後は、スマートテレビ、PC、そしてスマートフォンの３つスクリーンの時代が必ず
やってくる。そのときにリソースをどこに置くかで決まると思います」

当然、下からではなく上から考えるほうが理にかなっている。画質や情報量から
考えてみると、スマートテレビ用コンテンツから振り分けたほうがいいという。
ところが、スマートテレビにはまだ普及以上にコンテンツを作成するに時間がかかるし、今までの膨大なコンテンツはPCに多く存在している。
「そうなると、企業のサイトはPCサイト起点に、作ったほうがいいといいわけです」

それには、サイト変換ツールを使ったり、汎用のスマホ向けCMSを導入して振り分けて使ったほうがいいということになる。我々の選択も間違いではない。

「意味がないのがガラケーからのスマホ変換でしょうか？」
もともと情報量がないので、スマホにしたときにプアデザインになるし、テキスト的な情報もモノ足らない。ゲームなどの企業は別として、一般の企業はPCサイトからのスマホ変換でしょう。

渡辺氏はこのようにも語る。
「可変グリッドデザイン（リキッドデザイン）にするというももありますが、
HTML5で、対応するにしても6-7年は移行にかかるというのが読みです」


こうした状況を生んでいるひとつの要因が　アンドロイドにあるという。さまざまなタイプが現れて、それぞれバグがあったりする。サムソンなんかはロットごとに違うバグもあったりするという。
 あまりんもばらけるために、収集がつかないのが業界の悩みだと。


さて、今回の整理として

• 今後はガラケーは捨てる
• スマホは生活の中心になるから注力
• PCからの変換がベター
• 5-6年は移行期となる。

以上が結論になるでしょうか？
。

スマホサイトのための１０のキーワード その５

テーマ・№７　シームレスな情報を設計。№　８　　リダイレクト機能を実装する。№９　継続的にPDCAを回す。

副題：Google「GOMO」を読み解く   

「GOMO」 ( http://www.howtogomo.com/)

「スマホのための１０のキーワード」

 googleが２０１１年１１月２日に公開したGOMO。彼らは何を伝えようとしているのか断片的な情報の中に、書かれたキーワードを読み解いてきます。

さて今回が最後です。１０のキーワードの最後の3つを解説していきます。

№８　Make It Seamless
　　　　シームレスな情報

　PCに携帯、スマホ、タブレットなど、人々は一日の生活の中で、複数の画面を利用しています。そのため、できるだけ、そのデバイスごとに切り離された情報ではなく、シームレスに連続性があることをサイトに求めています。
　つまり、できるだけデスクトップPCの機能をスマートフォンでも、コンバートすれば同じように使えることを求めています。
　これは独立したスマホ専用サイトを作ってしまうと大変です。独自のコンテンツ、独自の制作工数、独自の文字校正が発生した上に、PCからの連続性が損なわれます。たとえば、PCでの商品説明とスマホでの商品説明のそれが一致していない場合に、混乱してしまいます。
　また、ユーザーは操作感さえ、同じであることを求めていたりします。

具体的にシームレスとは、

・ショッピングカートをPCと同じようにキープする。

・検索内容や履歴などもキープする。

・可能な限り、PCサイトが持つ機能が継承されること。

・また。商品やサービスに対しては、同一の情報であることが理想です。
 

そういう意味では、スマホ側の更新はオートフリーの状態が求められます。ある企業でいえば、製品紹介、リリース、IR情報などデバイスが違うことで、新たな文字校正が発生するのは「しんどい」という声もありました。新しいデバイス用に新たな工数はさけなければいけません。無駄なくシームレスがひとつの考え方です。

№９ Use Mobile Site Redirects
　　　リダイレクト機能を使う。

リダクレクトというと、耳慣れないかもしれませんが、
これは、「転送させましょう」という意味です。

モバイルサイトちょっと難しい内容ですが、とっても大事な内容です。

モバイルサイトのリダイレクト機能は、自動的にその訪問者が携帯端末を使っているかどうかを教えたり、デバイスに適した正しいページを送っているかどうかを確かめる記号となります。サイト開発者がこれを実装すると、ユーザーは、求めるベストバージョンを手に入れることができるでしょう。

つまりリダイレクト機能により、最適なバージョンを得ることができるわけです。 

では、その対応方法ですが、
・スマホサイトでも、PCサイトに戻ることのできる選択をさせましょう。※
・さらにPCからモバイルに戻れる方法も重要です。※


・ユーザーが、あとでどのサイト訪問するために、どのバージョンを好むか、選択できるようにしましょう。


・リダクレクトページには、住所や添付情報などの重要な情報を加えましょう。

弊社が扱っているDomobiの場合、Mobifyというエンジンは、リダイクレト機能を応用した仕組みで、
すべてのコンテンツをPCサイト読みにいきます。※印のスマホサイトからPCサイトへ。PCサイトからスマホサイトというのは、ちょっと苦手ですが、それ以外は実現している機能です。




  
№１０ Learn,Listen,Iterate
　　　　継続的にPDCAを回す。

これは、なんども、学び、聞きましょう、ですが、マーケティング的でいえば、PDCAサイクルをしっかりまわしましょう、ということです。

ユーザーこそがもっともそのサイトの理想を知っており、そのためにしっかりとユーザーから声を聞き、何を求めているか、を聞き出しましょう。それをしっかりテストを行い、最適化を継続に行うことを進めています。

そして、具体的なアプローチは、
・ユーザーがどのように使っているかを知るために、分析ツールをつかいましょう。

・可能ならば、とくに大規模サイトでは、スマホサイトを作る前に、ユーザーテストを行い、ローンチ前にフィードバックを集めましょう。

・自らのリサーチをベースに継続的にサイトを改善、改良していきましょう。

これらはこの10年間培ってきたwebの進化と同じです。デザインだけやギミックだけではなく、
しっかりと科学的に検証しながら、効果ある、ムダのないデザインすることが大切さをしめしています。また、しっかり検証・フィードバックすることをわすれてはなりません。運用面において、こうした仕組みがあるかないかでは、長い目でみれば、大きな違いが生まれてきます。


さて、いかがでしょうか？連続してGOMOの内容を分析してみました。
噂ではこのサイトの日本語版が4月には、公開されるということもきいています。

私がこのサイトを訳し、自分なりの解説をしてみたのは、スマホサイトに対する
アプローチがあまりにも整理されていないことからでした。

これからいろんな見方や意見が増えてくると思います。ぜひいろいろ意見をいただければと
思います。