VISH,Inc.

Webでできること、できないこと

「Webなら何でもできる!」と信じているWeb業界人は今となっては少ないでしょうが、
未だにその神話がまだくすぶって生きていると業界内でたまに感じることがあります。

いくつもの修羅場を潜り抜けた方はともかく、今になって最近Webに携わり始めた
方にそれが多いかなと思います。または、問題解決にとことん関わることなく、
Webに携わり続けた人など・・・(何だか辛口ですいません。)

Web業界本で目新しいものを読んだり、色んな成功事例集を見たりすると、
やっぱりやられちゃうのかもしれません。実際、Webが素晴らしい効果を生んでいる
事例も沢山ありますしね。

そして確かに、Webを制作・構築する上でのプロセスそのものが、副次的に様々な効果を
生み出すことは実感としてあります。

サイト構成を考える→アピール内容の整理と構造化につながり、納得感を生み出す
システムを考える→顧客との関係性や社内の業務フローを再定義・最適化できる

などです。

しかし、、、

自己満足でなく、「企業活動としての一環としてのWebの成功」をゴールにするならば、
Webが成立するバックグラウンドというか、Web化されるべき本質そのものに大部分が起因すると考えます。

たとえるなら、Webは武器であったり鎧であったりするわけですが、身に着けている本人の体や筋力が
貧弱だと、何も役に立たないということです。

ツールではなく本質である身体そのものを鍛える方法としては、

問題の抽出、問題の定義、問題のありか、問題の理由、問題の解決法などなど
Webとは全然別のフレームワークが必要です。

それらは、コンサルティング会社などが得意にしている部分かもしれません。

それらのノウハウがないのに、Web屋さんが、それもWebならできますとか言っちゃだめだと思います。

さて、そろそろまとめます。

Webにできることは限られています。そして、企業にはツールを使いこなせるだけの身体が必要です。

身体も出来上がっていないのに、ツールだけを充実させても、
失敗プロジェクトが世の中に積みあがり、実際Webって何にも役に立たないんだなという感想が増えるだけです。

不況の今、本質が求められています。

まやかし、ごまかしが通用しない時代です。

小さな範囲であっても、きっちりとしたソリューションを提供することが、Webに限らず
全ての業界で求められているように思います。

誤解をないように書きますと、私はWebの可能性を強く実感しています。
ですから、身体がいいのに、Webというツールを活かしきれていない場合には、これからも存分にオススメしていきたいし、
Webがクライアント様の成功に活かされることに、これからも情熱を持ち続けると思います。

でも、
本質は見失なわずにいようと思います。

Web以外の本質論が話せて、本質にそった適切にWebの使い方を提案できる、そんなクリエイターになりたいと思う今日このごろです。

こんなことを感じた理由となった、あるアプリケーション開発の事例について
守秘義務の許す範囲で次回は書きたいと思います。

IE8リリース!ブラウザチェックでレイアウト崩れも怖くない?!

IE8が先日リリースされました。
Web制作をお仕事とされている人にとって、これはかなり大きな出来事ではないでしょうか?

「ブラウザ確認めんどくさいな」とか「前に作ったサイト、レイアウト崩れてないかな」とか、心配だったり不安に思う方も多いと思います。

例えば、「lightbox」の派生版「lytebox」を使われている方、要注意です。
うまく動きません。

ちなみに「IETester」というブラウザチェックツールを使ってらっしゃる方も多いと思いますが、こちらのIE8はベータ版のため、正規版とは表示がかなり違っています。
これで大丈夫だからといって安心はできません。

そこで、IE8対策に頭を悩ませている皆さんに朗報です!

続きを読む »

CSS3のプロパティ、もう使っていますか?

まだ正式勧告には至っていませんが、CSS3、みなさんもう使っていますか?
すべてのブラウザとはいきませんが、FirefoxやSafari、Operaなどの最近のバージョンは結構CSS3に対応していたりします。
IEだけ効かなかいものについては、jQueryを補完的に使うことで解決します。
そんなプロパティの中で、今でも使える便利なものについてご紹介します。

続きを読む »

配色構成の大切さ。

デザインをする時に、カラー配色は誰でも迷う要素のひとつ。
コーポレートカラーやイメージカラーがあるなかで、どの色を何色使うか?
デザイナーの最初の迷いどころですね。
カラーチップなどの本も沢山出ていると思います。

ついついいつも同じブルー系になりがち…と思うときに、簡単に色のヒントが出せるAdobeの「kuler」は便利です。
http://kuler.adobe.com/

kulerは、WebサイトとAIRアプリ制のガジェットとあります。
(なんとCS4だとソフト内に組み込まれているそうな!)

「Most Popular」から流行の配色セットを探したり、いろんなカテゴリで検索できるので、いつもの自分じゃないデザインのヒントになったりします。それでも、拾ってきた配色セットをそのまま使う事はやはり少ないので、最近はカラーチップのセットフォルダを作って配色ルールを作ったりします。

チップセットを作っていると、色々とデザインのルールが自然と決まってきます。

例えばタイトルは全体テイストになじむ様にこの色を使って、サイト内のゴール的なアクションのボタンは刺し色で目立つように…などの自分の中でのルール決めに大変便利です。

さしずめデザイン上の情報設計といったところでしょうか?

ちょっとしたルール決めも大切な要素ですね。

IE6に対応するには…

少し前のニュースで、IE6とIE7の利用率がわずかに逆転した(IE7の方が多くなった)と言ってましたね。
W3Counter (http://www.w3counter.com/globalstats.php)をみると、現在下記のような割合になっています。

1 Internet Explorer 7.0(31.60%)
2 Internet Explorer 6.0(25.44%)
3 Firefox 3.0(17.13%)

これを見ると、かなりFirefoxが追いついてきていますね。
でも日本は…まだまだIEが強いかな。

そんなIE6ですが、XML宣言やDoctypeの記述次第では表示モードが互換、つまりIE5.5と一緒になってしまいます。

続きを読む »

ランディングページの作り方とは?

ランディングページとは、インターネット広告や検索エンジンからやってきて初めて見るWebサイトです。

検索で上位表示をさせ、最初に見せるために作られたランディングページは1Pで構成されている事が多く、せっかく引き寄せた見込み客を他のページへ逃がす必要が無いようにランディングページを見るだけでユーザーのコンバージョンを得られるサイトであることが重要です。1ページ見ただけでサイトを閉じてしまういわゆる直帰ユーザーを逃がさない構成ですね。

ランディングページの作り方は様々なスタイルがあり、ずら~と情報が長いページが多く見られます。
ランディングページの最適化を図るには、どんなポイントがあるのだろう?と以前、参考にした著書があります。
全米NO.1のセールス・ライターが教える 10倍売る人の文章術

著書の中に「反応に差が出る22のポイント」という要点があるのですが、主にライティングへの要点が多くあるなかで、デザインに関する部分が1/3ほどありました。

  • 書体を工夫する
  • 小見出しの工夫
  • 新しい特徴を強調する
  • リズムをつける
  • 価格をどう見せるか?
  • 注文しやすくする …フリーダイヤル、お問い合わせへの誘導
  • 注文の念押し …今なら10%OFFなど

しかし、これらの要素はやり過ぎると、サイトとしての印象やクオリティが下がりかねない諸刃の刃です!画面の半分くらいある写真や文字が決してユーザーの心を捉える構成であるとは思いませんが、デザイン性を追求しすぎて、コンバージョンが落ちるサイトであっても意味がありません。

Yahoo!やアドワーズなどのクリック広告を出しているサイトのページで、ランディングページの役割として必要な要素をきちんと押さえつつ、印象の良いサイトがかなり増えてきました。

Webサイトとしての役割を果たしながらも、表現力は損なわないように。

これからも、デザインする立場からもユーザー心理を捉えてWebサイトの作り方を考えていきたいと思います。

Google Analytics以外の便利なアクセスログ解析ソフト

アクセス解析にはGoogle Analytics!という方、多いと思います。
あんなに便利なものがただで使えるなんて、ホントすごいですよね。
ただ、サイト改善のためにGAを使っていて、これもわかったらなぁ…と思うことに、ユーザーの導線(目線)があります。

「サイト上のデータ表示」を見ると、サイトを訪れたユーザー全体として、そのページから次のリンク先へ何パーセント/何クリック/何コンバージョンといったことはわかりますが、実際に個々のユーザーがどんな動きをしたかまでは追うことができません。

そこでこの解析ソフト。
ユーザーのマウスの軌道をレコーディングしてくれるというものです。

続きを読む »

バイラルは真剣勝負

アサヒ軽金属という古くからの会社がありますが、
我が家は、すっかりファンです。
そして、最強(自称)の口コミインフルエンサーです。

http://www.asahikei.co.jp/
(アサヒ軽金属のサイトはコチラ)

というのも、「活力なべ」という彼らの製品に、我が家
の食卓は非常に助けられているからです。
(圧力なべを、そう呼ばずに、「活力なべ」として商標
登録&ブランディングしています。)

ネットを見ても良い口コミがほとんどです。

我が家は、チラシを見て購入を決定したのですが、
ネットを見たり、彼らのメルマガを見たりする中で、
「買って損はなかった」との感を強くしました。

口コミには、アフターフォローが大事ですね。

買った後満足するところまでたどり着かないと
口コミにはなりません。
ですから、
アフターフォローは立派な営業活動です!!!
PRも大事ですが、満足したユーザーは、最強の
営業マンといっても過言ではないですから。

ある程度値のはるものは、逆にユーザーとしては、
本当に買ってよかったと思いたい衝動があるので、
それを利用しない手はないですよね。

また、コンセプトとして「活力なべ」という商品名
にも納得がいきます。
そうした購入後もうなずけるコンセプティングが、
後々まで響きますね。

システムに強いVISHとしては、
そんな「ユーザーとの関係作り」を様々な方法で
お手伝いできるのではないかと思っています。

また、「一番外側にある一番本質的な中身」といえる
PRコンセプト構築も得意ですよ。

コンセプティング&システムで、明日を切り開きたい!

そんな31歳と2日のプランナー独り言でした。

ローカルメニューは右か、左か?

Webデザインをしていると、右配置か左配置か迷う要素があります。

代表的なのは、
・「送信する」「修正する」などのアクションボタン
・ローカルメニュー
といったところでしょうか。

特に今回はローカルメニューに関してのお話ですが、最近は明確に配置のパターンが出てきたかのように感じます。

1)ローカルメニューが右配置の場合

そのサイトにおいて情報コンテンツ部分の方が重要な時じゃないでしょうか。
顕著な例を探してみようと「ニュース」と検索してみたところ、上位10サイトはほぼ右配置でした。

2)ローカルメニューが左配置の場合

そのサイトにおいて、メニューの一覧性が重要な時じゃないでしょうか。
顕著な例を探してみようと「ショッピング」と検索してみたところ、上位10サイトはほぼ左配置でした。

やはり共通しているのは、「左上から目線は流れる」というWebナビゲーションの大原則。
ユーザーの視点の流れから、サイトとして何を一番見やすくしたいか?でおのずと構成が決まってくるのではないかと思っています。

クリエイティブな仕事における謙虚さについて

今回テーマにした「謙虚さ」については、Webプランナーをやっていると難しいことも多いです。

企画なんて形のないもので勝負しているがために、ついつい肩に力が入ってしまいがちです。しかも、それが受注できるか否かにかかっているからなおさらです。

でも、一流を目指すならやはり欠かせないでしょうね。

まず大前提として、「人によって見る視点が違う。」という事実があります。

例えば、高校生をターゲットにした企画は、彼ら以上に、彼らの気持ちを理解するのは至難の技です。自分以外の人間の動きを左右しようとするのが企画だから、自分の企画はどこまでいっても絶対とは言えない。

一方で、「何だか自分でもよくまとまってないんですけど・・・」
なんて言える場面は少ない。

「こうすべきです!」w
的なことを言わなければいけないことが多いですね、職業柄。

謙虚って、簡単にはいえない難しいものだと思います。

謙虚って、相当力がないとできないことだと思います。

他の人の意見を取り入れるだけなら簡単です。
でも、プランナーとして謙虚であるということとは違う。

一度、二度、企画をDisられたくらいじゃめげちゃいけない。
軽く三度、四度切り返せないと。さらにいい企画あげられるようじゃないと。

「謙虚」。時として、反対の声は他人からでなく、自分の中から湧き上がります。

その声に耳を傾けられるか・・・。それが伸びるプランナーとそうでない人との決定的な差になると思っています。

「考えた量は、必ず伝わる。」
かのK・Sさんが言っていました。


VISH企業サイト
サイトマスター.jp
モバイルサイト制作・構築