日本語版Adobe CS4のアップグレード価格が高い

単なる愚痴です。

タイトルのままです。USでの価格が低く抑えられていたので期待したのですが。

比較の表を置いておきます。うーん、今回も見送りですかね…。

表1・Adobe Creative Suite 4 Web Premiumへのバージョンアップ価格

価格
Adobe Creative Suite 3.3から US$440
日本語版70,665円(税込)
Adobe Creative Suite 3から US$599
日本語版92,400円(税込)
Macromedia Studio 8またはMX 2004
Adobe Design Bundle
Adobe Web Bundle
Adobe Creative Suite Premium 1.x / 2.x 、Adobe Creative Suite Standard 1.0 / 2.0から
US$799
2009年2月28日まではUS$599
日本語版123,900円(税込)
2009年6月30日までは92,400円(税込)
Dreamweave、Flash、Photoshop、 Illustrator単体から US$1,299
日本語版176,925円(税込)
(正確な価格表は Adobeのサイトでご確認ください)
日常生活 | comments (0) | trackbacks (0)

IE8ダウンロードページで考えるフォームレイアウト

自分がさっきハマったのでエントリー。


マイクソロフトのサイトでIE8をダウンロードしようとしたのですが、画面上でダウンロード実行ボタンを見失ってしまい、ました。

「推定ダウンロード時間」というプルダウンがあったのでそれを選択したら、そのあとでダウンロードボタンがなかなか見つからなかったのです。

画面1・マイクロソフトのサイトでのダウンロード画面

見つからなかった理由は、「submitボタンはすべての選択肢を選び終わった、フォームの最下部にあるもの」という思いこみがあったので、フォーム上部にあった「ダウンロード」ボタンに気づかなかったからです。

このページのUIの問題点は、
  • 実は選択必須ではない「推定ダウンロード時間(自分の回線がなんなのかを選ぶプルダウン)」を必ず選択しなければいけない、と勘違いしてしまう(実際は、選んだところで推定ダウンロード時間の表示が変わるだけです)
  • 推定ダウンロード時間、言語の変更プルダウンがあったので、ダウンロード実行ボタンはそれより下にあると思い見つけづらい
点だと思います。


おそらく、「選択が必須でないフォームは、必要な人だけの目に止まればいい、だからダウンロードボタンの下に配置しよう」ということなのだと思います。
図1・マイクロソフトのダウンロードページにおける選択が必須でないフォームとsubmitボタンの位置関係

しかし選択必須でないフォームでも、やはりsubmitボタンの上にレイアウトしたほうがわかりやすいと思います。「実行ボタンはフォーム群の最後にある」というのは、すでにユーザーの常識になっていると思われるからです。
図2・改善案1

また、そもそも、必要のないボタンなら入力させない、ということを考えるべきです。
実際、FirefoxやOperaはダウンロードするときになにも選択する必要はありません。ダウンロードボタンをクリックするだけです。
図3・改善案2


最近のUIは「必要でない選択肢はなるべく表示させない」という考えが主流のようになっている気がします。
選択させるなら、その労力に見合ったバックがあるときだけにするべきですし、そのときでもレイアウトは慎重に検討するべきだと思います。

Web > UI / design | comments (0) | trackbacks (0)

モバイルサイトのヘルプページが使いづらい理由を考える

mixiでミクコレ(背景のデザイン)を選んでいたのですが、やっぱり初期設定のデザインに戻したくなりました。

が、戻し方がさっぱりわかりません。初期設定に戻すためのリンクがなかなか見つからないのです。

そこでヘルプページに飛んだのですが、ここでさらに困りました。ヘルプのトップページから、該当するヘルプ項目がどこにあるのかすぐに見つからないのです。

そもそもなんでミクコレページで「ヘルプ」をクリックしたのに、遷移先がmixi全体のヘルプのトップページなのかもわかりません。

ということでちょっと腹が立った勢いで、モバイルサイトのヘルプページについて考えてみました。


モバイルサイトのヘルプページはどこも使いづらい


超個人的な印象ですが、mixiに限らずヤフーもGREEも、モバイル用のヘルプはPC用のそれと比べ、どこもハードの特性以上に使いづらい印象を受けます。

その理由から考えてみます。


モバイルのヘルプページが使いづらい理由を考える


PCの場合、ユーザーがサイト上のどのページにいても、サイト内の位置を把握できるのサイトが優れたナビゲーションのサイトだ、と言われています。
図1・PCサイトの一般的なサイト構造

が、モバイルサイトの場合、サイト全体の階層を意識して利用しているユーザーはあまりいないような気がします。
ユーザーは階層を意識することなく、その場その場の判断でリンクをクリックしている印象です。
図2・モバイルサイトではユーザーはあまり階層構造を意識しない

そうなると困るのがヘルプページです。

多くのモバイルサイトでは、ヘルプページは「ヘルプページのトップ」にまず遷移し、そこからユーザーに対して「該当のヘルプページを自分で探して遷移してね」という作りになっています。

が、モバイルサイトでは前述のようにユーザーはサイトの階層を意識していません。

そのため、ヘルプが階層通りに並んでいても、目的のヘルプにたどり着くのは大変なのではないでしょうか。
図3・PCとモバイルでヘルプへの遷移を比較する

また、ヘルプのトップに遷移するというのは別の問題もあります。

目的のヘルプにたどり着くために、ヘルプページの階層をたどるという行為は、途中で見る必要もないページをブラウザ上で表示している、ということです。イコール、「いま作業したい本来のページ」からどんどん離れている、とも言えます
サイト構造が把握しづらいモバイルサイトでは、ユーザーは本来いたいと思っている場所から離れれば離れるほど不安になるものです。(どこまでブラウザの「戻る」機能が有効がわかりませんし)

ヘルプページは「読み終えたら元のページに戻りたい」というのが前提だと思います。
「戻る」機能が命綱(?)のケータイでは、なるべく間に余計なページ遷移を挟むべきではないと思います。


モバイルのヘルプページを使いやすくする案を考える


モバイルサイトのヘルプページを使いやすくする案を書いてみます。

しつこいようですが、「個人的にそう思っている」というだけで、正解なのかどうかはわかりません。


1.そもそもモバイルで「ヘルプを見ないと使えない機能」は、UIを改善するか、その機能自体を削るかを検討する


たぶんこれが絶対の正解だと思います。

しかしこれで終わってしまうのも寂しいので、もうちょっと考えてみましょう。


2.ヘルプに飛んだら「そのページに関するヘルプ」をまず表示させる


だれでも思いつく案ですが、そのページに関するヘルプをダイレクトで表示させてあげればいいのだと思います。

ミクコレのページでヘルプをクリックした人のほとんどは、ミクコレのヘルプを読みたいのだと予想できます。だったらそのヘルプをすぐに見せてあげましょう。

実現方法はいろいろ考えられますが、簡単な仕組みとしてはヘルプリンクを
http://ヘルプページのURL?keyword=今見てるページのtitle

のようなタグにしておき、クエリーを受け取るヘルプ側でどうにかしてあげる、などがあります。

3.ヘルプに検索機能をつける


仕組み的に2のようなことができないのであれば、せめてヘルプに検索機能をつけて欲しいです。

モバイル用サイトのUIを考えるとき、「なるべくユーザーに文字入力をさせてはいけない」という不文律があるような気がします。

しかし最近では、ケータイをメインで利用しているユーザーは、最短距離で目的が達成できるのであれば4文字くらいの検索キーワード入力に抵抗を感じていないのではないかと考えられます。(これを裏付けるリサーチ資料があったのですが見失ってしまった…)

ですので文字入力をあまり怖がらず、確実に調べたいヘルプがヒットするのであればヘルプに検索機能をつけてもいいのではないでしょうか。

「確実に調べたいヘルプがヒット」を実現するためにはたとえば、サイト中で使う単語はケータイの予測変換機能ですぐ出てくるものを選ぶようにしたり、ページとヘルプで使われている文言のズレをなくしたり、などが考えられると思います。

個人的に、今後モバイルサイトの文言を考える際は、ケータイの予測変換機能の存在を無視して考えてはいけないのではと思います。(モバイルサイトのSEOとかでは当然のように考慮されてるのでしょうね)


まとめ、「でもなんで」


上記2も3も、ヤフーやmixiのPC版では実現できていることです。ですのでモバイル版でやらない理由は、技術的な問題ではない、と考えられます。

おそらくUI的に、今のほうがいいと判断されているのだと思います。
その判断理由をご存じの方がいらっしゃいましたら、教えていただけるとうれしいです。
Web > UI / design | comments (0) | trackbacks (0)

BANANAサーバー