結構盛り上がりそうな話題なのでこちらにも書き込ませて貰います。

• モバイルなど画面幅の小さい場合ナビが左にないと（一画面で）見えないのが不便である。
• 企業サイトでは右ナビにするのが（どちらかといえば）多い。

など、色々とご意見がでた中で
「サイトの内容・ターゲットユーザーがどの層かによる」
という考え方が、その時の大勢をしめました。

改めて考えるとどうなんでしょう。

デザイナーとしての当方の意見を申し上げると、
右ナビのメリットは以下の3つを考えています。

1. 右利きの方にはマウスを動かす量が少なく済み、結果操作性に優れる。
2. WEBは基本的に横組（横書き）であるため、
   右ナビだとレイアウト領域の左上からコンテンツを見せることができる。
3. 右ナビそれ自体が画面の柱となってデザインにまとまりができる。

です。

以下、その理由です。

１）は、
右利き優遇の考え方なので、
決してユーザビリティが良いとは言い切れませんが、
一般的なことから考えると右利きの方が多いのは確かなので、
右・左どちらかを選択、となった場合は優位になると思います。

２）は、
中にはナビゲーションが先に目に入る方がよい場合もあるでしょうが、
コンテンツと直接的な関係がないリンクメニューが左側にあるのは、
意識しておかないと視線の流れが複雑になってしまうので、
どちらかといえば不利になるだろうと思います。

３）は、
あくまでも視覚的な部分でのお話しですが、
コンテンツ部分右側に余白が多いレイアウトになった場合、
また文章ブロックにjustify設定しない場合などに
下まで真っ直ぐにぎっしりボタンが並んでいる
左ナビとのバランスがとりずらいことがあります。
右端に罫線をいれることなどで回避はできますが、
最近増えてきた画面の余白が多い、いわゆる白っぽい画面では、
かなりデザインが要求されると思います。

反対にデメリットと思われるのは、

1. ナビゲーションが見えない可能性がある。
2. ユーザーが違和感を感じてしまう可能性がある。

です。

１）は、
携帯電話は別としても、ターゲットとなるデバイス・キャリアによっては、
レイアウト領域が大きいと横スクロール使用が前提となってしまうので、
右ナビにする場合はなんらかの工夫が必要になると思います。

２）に関しては、
左ナビは歴史も長く、どちらかといえば一般的だろうと思います。
左ナビを採用しているネットショップ（楽天・ヤフーなど）、その他システムが多いのも、
元の採用理由はともかくとして、一般の左ナビ認知を高めていると思います。
（<table>を使ったレイアウトだと、画面が極端に崩れる心配が少なくて済むのが、
その採用の大きな理由だとは思っています）
そのため、右ナビだと一般ユーザーからは違和感を持たれ、
消極的なアクションしかしてもらえないかもしれません。

当方も結局のところサイトの内容によって左か右かを
提案させてもらうようにしていますが、
今のところネットショップ制作以外はメリットが大きいと考えているので、
基本的に右ナビをおすすめしています。

みなさんはいかがですか？

『CSS nite in Osak』公式サイト
http://osaka.cssnite.jp/

お申し込みはこちら
http://osaka.cssnite.jp/vol20form/

jQueryなどの実装が当たり前の昨今、こういうアプローチもアリかな？と思いました。

• 30+ Inspirational and Creative Single Page Website Designs

• CSS 3D Meninas

IE8、Firefox3、Opera9、Safari 3、Chrome4などで動作するそうです。

ちなみにmootoolsやjQueryでも同様の表現はできるみたいですね。

• mParallax
• jParallax

【参考URL】sticky-footer

※HTML

<div class="wrapper">
<div><h1>CSS Sticky Footer</h1></div>
<h2>A CSS sticky footer that just works</h2>
<div class="push"></div>
</div>
<div class="footer"><p>Copyright © 2006-2009</p></div>

※CSS

* { margin: 0; }

html, body { height: 100%; }

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px;
/* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
height: 142px;
/* .push must be the same height as .footer */
}

ちょっと前のメモなので、大体こんな感じ..でお許しを。ご検証してください。

本日、最新号「572号」が届きましたが、
その中で吉田印刷所さんが主催されているアンケートがありました。

以下メルマガより引用です。

吉田印刷所では毎月DTPに関するアンケートを行っておりますが、今回は「ソ
フトウェアのバージョンは何を使っていますか？」というものにさせていただ
きました。

周りの皆さんがどのような環境で制作されていることが多いのかというのは気
になるところですよね。
やはり気になるのはソフトウェアのバージョンなのではないかな？と思います。

今回のアンケートではDTPで使用される
・Illustrator
・Photoshop
・InDesign
・Acrobat
・QuarkXPress
でよく使用されるバージョンをお答え頂いております。

ご回答は以下のページよりお願いいたします。
なお、現在の投票状況などもリアルタイムに見ることができます。

■DTPでよく使用されるソフトのバージョンは何？　(2009年末版)
http://blog.ddc.co.jp/mt/dtp/archives/20091103/160000.html

【アンケート概要】
アンケート期間：2009年11月03日〜2009年12月31日
アンケート方法：ウェブサービスによる回答（無記名回答）

皆様からのご回答をお待ちしております。

引用ここまで

アンケートページに行くと、
IllustratorやPhotoshopなどの使用バージョンがグラフで見ることができます。
（投票しないでも、グラフアイコンをクリックすると、投票結果が見られます）

ちなみに当方は
Illustratorはver.10（CS3や4も使ってますが、急ぎの仕事はやはり10です）
PhotoshopはVer.CS4
です。

基本的にネットユーザー対象のアンケート、ということもあって、
CS以降を使ってる人が多い感じです。

ＭacOS9環境で作業をしている人は、
アンケートに答えることはないのでは、と
思ったりもしますが、
一応の目安にはなるのかな、と思います。

（もっとai10使いが多いと思っていましたが、
ちょっとだけ愕然としちゃいまいた。）

興味のある方は、のぞいてみてくださいね。

久々アドビサイトを見ると、
プラグイン紹介のページがあって、結構な数に驚き。
http://www.adobe.com/jp/products/plugins/photoshop/
http://www.adobe.com/jp/products/illustrator/plugins/

ちなみに当方は、

——————————
Illustratorでは、
KPT Vector Effects
Filter IT
信用ベータ
プラグインFX
組み版ROBO
モジシャン

——————————

Photoshopでは、

KPT 3、5、6、Effects
WildRiverSSK
Paint Alchemy
Auto F/X
Grain Surgery

——————————

Fireworksでは、

Paste In Place
Set_Corner_Radius
（各プラグではなく、コマンドです）

——————————

を主に使ってきました。
（今も使っているものがあります）

プラグを振り返ると
作業の歴史をひもとける！
（なんちゃって）

みなさんはどんなプラグを使っていましたか？
また使っていますか？

Expression Web 3（仕様版）

Windowsでもちょっと作業が出来たら便利だな、が試している利用ですが、今更Adobe CS4のWindows版なんて買えません。クロスプラットフォームでもアップグレード対象にしてくれればいいですのにね〜。Adobeのケチ。

WEBメンでありながら、Dreamweaverのコードヒントに頼り切りの私。あまり期待せずにExpressionを入れてみたのですが、おお！結構使えそうです。コードヒントもばっちり！変なコードも付加されてないみたい。（Dreamweaverの”_notes”みたいなフォルダは生成されるみたいです。）もう少し触ってみて良好なら買ってみようかな〜。なんせ￥18,800-ですよ。Expression Designと言う画像ソフトも同梱で。

ああ、Dreamweaver & Firewoks も3とか4の時はあんなに安かったのに。なんでこんなに高くなっちゃたんでしょう。

しかし、そう思っていた矢先、Expression Designでモリサワフォントがおかしいんです。横書きなのに文字がみんな90°回転してしまってます。私のOpenTypeがあやしいのか、何なのか。試用版だから？なのか。

WEBでの情報だと、このExpression、開発チームが欧米にあって、日本語にはちょっと不親切なんだとか。え？コーディングでも問題はあるのかしら。

どなたかExpression Designだけでも試してくれると、嬉しいな〜……….と言う投稿です。

どうぞ、宜しくw

WEBの年鑑本は現在、これくらい。前は「WEB年鑑」が出版社を変えながら、2007年までは出てましたが、現在は廃刊のようですね。

WEBの年鑑本は人気がありませんね〜。情報がやはり絶対的に遅いし、まあ紙で見るようなもんでもありませんしね。実はうちでも、普段はあまり必要とはしません。ただ、コンペシーズンとかになりますと、何かとアイデアを求められますし、手っ取り早く「こんな感じ」「こんなイメージ」と言った話が紙ベースでできるので購入してます。

普段買うのは、やはり参考書が多くなりますが、ビジュアル本も何かと欲しくなりませんか？泉州に戻って、今一番困るのは本屋がないですよね〜。近所の本屋で買えるのは「Web Designing」くらい。Amazonで買えばいいんでしょうけど、やはり手に取ってみたい派なんですよ。皆さんはどうでしょうね？

WEB プロ年鑑 ’09（’10の申し込みも有り）はこちら

http://365.jagda.org/

「(^_^)365(O_O)（ハローサンロクゴ）」プロジェクトとは、全国のグラフィックデザイナー365人が、1人1日ずつデザインを担当して制作する“捨てられない日めくりカレンダー”です。（私も1冊買ってみました）

http://osaka.jagda.org/bodywork/index.html

開催期間：2009年11月24日（火）〜12月3日（木）9：00〜17：00（最終日は15：00まで）
HEAD WORK（トークショー）＆ パーティー：11月27日（金）18：30〜21：00
会　　場：平和紙業PAPER VOICE

どちらも知り合いのデザイナーさんが２人参加されているんですが、これに限らず日頃の業務以外にも、前から色々なデザインプロジェクトに参加されているようで、その姿勢はぜひ見習いたいな〜と思います。

泉州DBクラブの皆さんも、宜しければ是非覗いてあげてくださいね。