雑談の最近のブログ記事

Adobe
http://www.adobe.com/jp/

Photoshop
http://www.adobe.com/jp/products/photoshop/

illustrator
http://www.adobe.com/jp/products/illustrator/

Fireworks
http://www.adobe.com/jp/products/fireworks/

DreamWeaver
http://www.adobe.com/jp/products/dreamweaver/

Flash
http://www.adobe.com/jp/products/flash/

Flash Player
http://get.adobe.com/jp/flashplayer/

Acrobat
http://www.adobe.com/jp/products/acrobat/

Acrobat(Reader)
http://www.adobe.com/jp/products/acrobat/readstep2.html

Mail

Shuriken
http://www.justsystems.com/jp/shuriken/

OFFICE
http://www.microsoft.com/japan/office/2007/sp1/default.mspx

Word
http://office.microsoft.com/ja-jp/word/default.aspx
Excell
http://office.microsoft.com/ja-jp/excel/FX100487621041.aspx
PowerPoint
http://office.microsoft.com/ja-jp/powerpoint/FX100487761041.aspx

Text

Terapad
http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html

Hidemaru
http://hide.maruo.co.jp/software/hidemaru.html

WEB

Browser

Firefox
http://mozilla.jp/firefox/

addon
Delicios Bookmarks
https://addons.mozilla.org/ja/firefox/addon/3615
Download Statusbar
https://addons.mozilla.org/ja/firefox/addon/26
Firebug
https://addons.mozilla.org/ja/firefox/addon/1843
FireGestures
https://addons.mozilla.org/ja/firefox/addon/6366
Foxmarks Bookmark Synchronizer
https://addons.mozilla.org/ja/firefox/addon/2410
Gmail Manager
https://addons.mozilla.org/ja/firefox/addon/1320
Go Up
https://addons.mozilla.org/ja/firefox/addon/1677
GooglePreview
https://addons.mozilla.org/ja/firefox/addon/189
IE Tab
https://addons.mozilla.org/ja/firefox/addon/1419
Make Link
https://addons.mozilla.org/ja/firefox/addon/142
NoScript
https://addons.mozilla.org/ja/firefox/addon/722
Screen grab!
https://addons.mozilla.org/ja/firefox/addon/1146
Web Developer
https://addons.mozilla.org/ja/firefox/addon/60

Safari
http://www.apple.com/jp/safari/download/

GoogleChrome
http://www.google.com/chrome/?hl=ja

MultipleIEs
http://tredosoft.com/Multiple_IE

Opera
http://jp.opera.com/

WebsiteExplorer
http://www.umechando.com/webex/index.html

FTP
NextFTP
http://www.toxsoft.com/nextftp/

FFFTP
http://www2.biglobe.ne.jp/~sota/

etc
Apache
http://www.apache.jp/

Capture
Winshot
http://www.woodybells.com/winshot.html

CaptureSTAFF
http://hp.vector.co.jp/authors/VA017297/

CamStudio
http://nonn-et-twk.net/twk/CamStudio/

Chat
Skype
http://www.skype.com/intl/ja/

Virus
AVGFree
http://free.avg.com/download?prd=afe

Picture
Picasa
http://picasa.google.co.jp/

VIX
http://www.katch.ne.jp/~k_okada/

Movie
DV
http://hp.vector.co.jp/authors/VA020787/

VLC
http://www.jp.real.com/realplayer.html

RealPlayer
http://www.jp.real.com/realplayer.html

QuickTime
http://www.apple.com/jp/quicktime/download/

DivX
http://www.divx.com/?lang=ja

ZIP/SIT
lhaplus
http://www.vector.co.jp/soft/win95/util/se169348.html

StuffIT
https://www.act2.com/download/freeware/stuffit/

ETC
縮小専用。
http://i-section.net/software/shukusen/

GoogleDesktop
http://desktop.google.com/ja/

どこの業界でも同じかもしれません。ふとそんな事を考えます。
そもそも何が技術か？

コミュニケーションですか？知識ですか？柔軟性ですか？要領のよさですか？
と絞っていくと様々な要素が絡んで「仕事ができる人」の理想像ができあがるわけですが、
そんな事をふと考えていました。

WEBの話に置き換えると、WEB標準って言葉が流行りだしたのが、2年前ほど。
標準って何ですか？って考えたらきりが無いのですが、例えばレイアウトの組み方一つにしても違う。命名規則についても人それぞれ。

サッカーボールを手で持ったらルール違反
野球ボールは小さすぎて蹴れない

だから、ちゃんとサッカーをするために、
野球を野球らしくするために

ルールをつくるために仕様書があるのですが、当たり前の事を書いていても、
「時間がない」「僕は私はこう思うからこうする」とかそういった事で、
ルールがあるようでないようなサイトが出来上がってくる訳です。

適当・適切・適度に・・・。

チームプレーって考えたらきりが無い。

「じゃああなたやってよ」
と思うのが実際に手を動かす人の本音でしょうよ。

と、書いてたらやっぱり愚痴っぽくなるのでそんな言動はやめて、
もっとチームとして動けるような、サッカーができるように、野球ができるように考えましょう。

サイトを作っていく中で、フォームってのは意外と軽視されている。
リアルのお申し込み用紙でも記入するのが面倒な訳で、
特にショッピングサイトなんかは、
フォームでユーザーの遷移が止まってしまうのは、死活問題である。

そこで様々な視点からフォームとコンバージョンの関係について考えてみた。

もちろん、面倒な作業が山盛りである
しかし、本気ならば、下記の対策をすると
きっと効果はあると思う。
一部主観だけのものはありますが・・・

ちなみに保険会社のフォームはどこも洗練されているものが多い。
好き嫌いは別にしてくださいね。

ORIX VIP LOAN CARD
PIPを使ったフォーム

資料請求（選択）｜アフラック公式保険商品サイト
商品情報とフォームが連動

といったところで細かい部分も含めていろいろと見てみよう！！

SECTION 1
必須項目について

「こんなに入力しないといけないのか？」

ふと考えてみると、お問い合わせフォームって何故か、

「※は必須項目です」
の記載が多い。
しかも見た目をすっきりとさせるために、
小さな文字で書かれている事が大半である。

POINT
気付かなければないものと同じ
かとといって、必須項目がいっぱいあるようでは
入力する気が失せてしまう。
枠で囲んだほうがどれが必須か分かりやすい。


▼対策
紙の申し込み用紙を見てみると、必須項目に※マークがついている申込用紙は少ない。
申し込み用紙の大半は必須項目を太枠で囲んでいる。
「これだけしか入力する場所はないですよ」の意味合いがあるわけである。

技術的裏づけ
CSS（ボーダーのプロパティ）
フォーマットさえつくっておけば、こんな事は容易である


SECTION 2
ウェブならではの課題

「そのスペースで住所が書けるのか？」

■サイズの問題
一般的に紙のお申し込み用紙を記入するシーンを想像してみよう。
僕が紙のデザインをしている時にある人に言われた事がある。
デザインが死んでいるフォームの中で一番多いのはこれだろう。

記入が小さいフォームは確かに結構ある。
それに加えて、僕の主観だが、最近フォームの文字サイズはでかい。
ちなみにこのサイトのフォームもでかい。

またフォームとは違うが最近新聞も文字が大きくなっている。
俗にいうユニバーサルデザインである。

という事で、フォームの文字は大きくすることをお勧めする。

技術的裏づけ
CSS（文字サイズの変更）


■フォームのステップ

「どこまで入力すれば、申し込みが完了するの？」
これまたよく言われる。

お申し込みの流れを表示するのはそういったユーザーを安心させるために必須である。
もちろん、運営管理／構築の時点で極力ステップを減らす努力は必要である。

技術的裏づけ
htmlベースのものであれば、こういうデザインが分かりやすいだろう

参照URL:
ステップメニューをCSSでデザインするサンプル （CSS Step Menu） - youmos

■ウェブならではの利点

便利なツールが出てきているのは確かである。僕が知る限りでの便利なツールを挙げてみた。

バリデートツール
楽にフォーム入力チェックを実装するJavaScript （JSValidate） - youmos
E-mailのフォーマットなどを動的に検証、
どこが間違っているかをユーザーに提示

郵便番号サジェストツール
AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版）

解析関連
【ga.js版】Google Analyticsでリンククリック数を追跡する方法｜WEBマーケティング ブログ
Googleでイベントにスクリプトを埋め込めば、どこでどんなエラーが起こったかを解析できる。

RobotReplay - The Next Generation of Web Analytics
もっと視覚的にするとすれば、これ。ただ、少しシステムがやわい。
個人情報もまるだしだな。これは、外部のサービスすべてに言えますが・・・。

■忘れてはならないこと

フォームに関わらずそうですが、
お問い合わせが増えたから、売り上げがあがるわけではありません。
また、ウェブだけで全てを補おうとしても無理です。
ちなみに僕はお問い合わせフォームに電話番号があれば、
営業時間であれば必ず電話します。
（要はお問い合わせフォームはいくらタイピングが早くても、タブで操作ができても面倒なのです。）

また、いくらフォームが機能的であっても、それらへ誘導できるコンテンツがなければ意味がありません。
WEBでのフォームは便利でありますが、不便なのです。SSLもそうだし、フォーム情報を送信するのを嫌がる人はたくさんいます。クレジット情報は特に・・・。

こんな長々と書いていて、本末転倒なのですが、

「問い合わせフォームを入力するのがが簡単なんですわ」
といわれても、選ぶ理由にはなりにくい。

要はコンテンツなのです。
お問い合わせフォームがぼろぼろであろうが、コンテンツがおもしろかったらお問い合わせは来るものだし、注文がくるものです。

何かアホらしいのです。技術的なことや、
面倒くさいの一言で、人の気持ちが変わってしまうことが・・・。

WEBなんてそんなもんですわ・・・。（結局愚痴っぽくなってしまった。）

久しぶりに真面目なこと書きます。

御社のウェブも営業もダメな理由はUSP | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2008/05/21/3163

これと全く同じ事を最近よく感じるわけです。
細かい視点で言えば、違うなと思うところもある訳ですが。

一年前、僕は制作会社で働いていたわけですが、
最近は広告代理店のWEB部門でいろんな方と会うわけなんです。

流行の仕組み、CMS、モバイル...。
いろいろ強みがある訳です。

否定する訳ではありません。
なんというか、選ぶ基準って変わってきたわけです。

もちろん、技術がある人は凄い！
僕はphpは書けないし、デザインは中途半端だし、
営業的なコミュニケーションが得意なわけでもない。

とか、そんな事を心の中でヒソヒソと感じながら
いろんな人と話すわけです。

一方で・・・
最近、企業のウェブ担当者も、通常の更新くらいは、中でやっちゃうよ。
という所が増えてきて、CMSをどうお考えですか？
と尋ねると、

「今までの更新方法が慣れているから...」

とか、そういう議論になる所もある訳です。

CMSをやるよりは、
慣れているソフトで更新したほうがいいや。

って事で、
反対に僕らからしてみれば、
全部CMSにした所で、更新すんの？

みたいな所へ話が進んでいくわけです。

で、技術とか、見てくれとか小手先（KOTESAKI)とかばっかりやってた僕が感じる訳です。

「じゃあ、何がいるの？」
「じゃあ、何が足りないの？」

って話になる訳です。

デザイナーの立場を経験していて、
広告代理店のディレクターというもの凄く中立的な立場にいて感じるのが、
最近は定番化してきた

「お客様視点」

それは、クライアントではなくて、生活者・最後に商品やサービスを選ぶ人が
どう思うか？

選ばれないのは、無いも同然・・・。

今日買った本にそんな事が書いていました。


話が少しそれましたが、世の中結局フラットな訳なんです。
新しい情報や、おもしろい・興味深い情報をどうですか？なんてことは、
別にどうとでも、いいわけで...。

デザインが悪かろうが、おもしろい情報はおもしろいわけで、
そのデザインが悪かろうが、個人的な「らーめん歩き」の個人サイトはおもしろいわけで...。

やっぱりコンテンツや広告だなって気がします。
WEB2.0から3.0へみたいな議論の中で
それって結局、技術的な時代の流れとコミュニケーションの変化だけなんですよ。

てな事で、CMSとかデザインとかを考える前に、
「何が必要なのか？」「どうして必要なのか？」を掘り下げて考えようって話です。

・・・・・ひたすら語ってしまった。

最近たまたま、GoogleAnalyticsを導入提案する事が多いのですが、
いろいろ調べていると、ほんと便利ですね。

単純にセッション、ユーザー環境が分かるのは知っていましたが、
いろいろと新機能が出てきているみたいです。
もともとあった機能も含めて、気になるところを並べてみました。

■利用ネットワーク
どの会社からアクセスがあったかを調べる。
※DNSを利用している場合のみ

■ベンチマーク
同じカテゴリに登録している全く別のサイトと比較ができる

■地図上のデータ表示
日本・アメリカなど国別はもちろん大阪・東京・ロサンゼルスなど、都市別に解析が可能

■サイト検索
サイト内の検索ボックスでどのワードが検索されたかを解析

■PC環境
機能どうこうは前からありましたが、、最近ユーザー環境がシフトしてきましたね。
IE７が一気に増えています。（全てのIEの中で25%,IE6は70％）

FLASH　ver9が約85％（ver8とあわせると、90％）

モダンブラウザが増えて、FLASHプレーヤーのバージョンが上がり、
ますます、いろんな表現がアプリケーションさえあれば何とかなり、
どう見せるよりも、何を見せるかが重要になってきているような気がします。

最近、そういう意味では根本に戻っているというか、
２chみたいなデザインのサイトでも有益な情報があれば、みんな見るんだと...。

もちろんお仕事なのでデザインや機能も重要ですが、
企業の体制だったり、予算だったりはその辺に影響してくるんだろうなと、またまた痛感します。


MarkeZine：◎リニューアルしたGoogle Analyticsの新機能をチェックしよう！
http://markezine.jp/a/article/aid/1283.aspx

こんなのもありました。
Analytics 日本版 公式ブログ
http://analytics-ja.blogspot.com/