Jqueryでスライドショーを作るときのコツ-実装編-

No Comments

Jqueryでスライドショーをプラグインを使わずに作る場合は、まずは頭の中でどのようにすればスライドショーを作れるか考えることが大事だと思う。

ul,liタグで画像を並べておいてそれをCSSで同じ位置に持ってくる。それを表示したい画像だけ表示させて、他は隠しておく。順番に画像を表示させる。
ここで、問題になるのは一番最初と最後の要素をどうやって検出するかがだと思う。私の場合は、classタグにフラグを立てておく方法をとる。最初にきたら、一番最初へ戻るようにプログラムすればいい。表示の時は、フェードイン、フェードアウトにするかを決めておいたほうがいい。CSSで表示非表示にするとJqueryで制御しようとするとうまく動作しなくなってしまう。Javascript側で制御するかCSS側で制御するくらいは決めておいたほうがいい。

作ったものは、こちら

今後のことを考えると、クラスファイル化をしたい。それとsetInterval()とclearInterval()をクラスファイルで定義すると動かなくなるのか考えたいと思った。
今回は、関数に置き換えて作っている。まだまだ経験不足である。

Flexにおけるディープリンクの付け方

No Comments

Flexでの構築でウェブアプリケーションやインタラクティブコンテンツを作る際、必ず課題としてあがってくるのが、ページごとのリンク(ディープリンク)だと思う。

ちょっと前のFlashコンテンツだと各階層ごとにリンクがなくてブックマークしても結局はトップページから目的のページへまた画面遷移しないといけない。これって、ユーザに負担をかけてしまい、離脱率が高くなってしまう。

そこで、各ページにリンクを付ける機能が More

インフォメーションアーキテクチャ(情報構造設計)の勉強について

No Comments

この3年くらいでインフォメーションアーキテクチャ(情報構造設計)をきちんと認識してウェブサイトを構築しているプロダクションが多くなってきたと思う。俺がこの業界に入った時は、まだまだこの言葉さえ一般的ではなかった。

仕事をとおして多くのベンダーと仕事をしているけど、きちんとインフォメーションアーキテクチャを理解している人って、本当に一握りだと感じている。ビジネスゴール(戦略)とユーザゴールを設定して、ユーザセグメント、ペルソナを作ってサイトマップを作って、実際にワイヤーを引いて画面に落とし込んでいく。それをクライアントに理解してもらうこの行為をできる人はあまり居ない。

実務的には、ビジネスゴールとユーザゴールを設定してそれを合うようにサイトマップ&ワイヤーフレームを作るのが、プロダクションでは一般的じゃないかなと思う。予算の関係もあるだろうし、せめてサイト構造だけは時間をかけて考えるべきことだしね。

どういう人がインフォメーションアーキテクチャを学んだほうがいいか。
これはウェブサイト構築・運営に関わる全職種が知識レベルでもいいので勉強したほうがいいと思う。デベロッパーもシステムエンジニアもデザイナーも勉強してウェブサイトのあるべき姿を想像できたほうがよりよい仕事になると思う。

んじゃ、どうやって勉強するのがいいんだろうか。 More