Posts Tagged ‘web’

初めてのお店に入るとき、 初めてのジムを訪れたとき、
もしくは試験会場となる教室に入ったとき、人はまず
どちらが前でどちらが後ろかを確認します。

■方位確認です。

次に自分の立っている位置を確認し、やるべきことを
やるための位置に付こうとします。

■位置確認です。

次に恐らく、お店の中のお客さんや、店員さんを確認したり、
ジムのトレーナーを探すかもしれません。
試験会場なら試験管を探すでしょう。

■識別です。

これらの行為がおわってやっとゴールとなる
メニューを探したり、
ストレッチ用のマットを見つけようとしたり、
或いは受験番号の机に付くことになります。

■方向確認です。


私たちが何か目的をもって行動するとき、
すぐにゴールへと向かわずにこうした4つの手順を踏んで
初めて目的を達成しようとします。


これはリアルの話ですが、Webも同じです。

■方位確認
初めてそのWebを訪れたとき、
無意識に方位を確認します。
Webでいうとメニューです。

どこをクリックするとどこへ行くか。
そして今じぶんはTopページにいるのか
もしくは下の階層にいるのか。


■次に位置確認です。
自分の位置。
ここをWebのUI(ユーザーインターフェース)で捕らえようとすると
位置の意味するところは Topページか、下の階層かということになって
方位確認とごっちゃになります。

ここはそのWebの提供するサービスに対しての位置づけを意味します。
一番わかりやすいのは、Amazonでいう、
「これを買った人は、これも買っています。」です。 
あのリコメンド機能です。

この位置確認を教えてあげるのが、Webでは案外難しいです。

■次が識別
どこにどの商品があるかですね。

■方向
購入ボタンと、購入の仕方がわかればOKです。
あとはポチッとな。

さて、自分のお店に置き換えてみます。


案の定、2番目の位置確認が弱そうです。


そうなのです。

弱そうなのです。


それに気がついたのは今なので、
実は解決策が思いつきません。

扱っている商品は本ではありません。

なのでリコメンド機能ではありません。

Webの持つサービスによって変わってくる、
唯一の部分ですね。この『Webにおける位置確認』は。


ほかは定番として存在します。

どうしたら使いやすいサイトになるか。


しかしこの位置確認は各々の環境で変化します。


火鉢の場合はなんだろうなー。

まだ持っていない人、使ったことのない人には

『火鉢を使った結果、こんなことが体験できる。』

というのを 瞬時に感じていただいて、

それを自分もしたい。体験したい。

でもそれには火鉢が必要。

で、火鉢は?

あ、その前に使い方は?

何が必要なの?


という流れなのでしょうか。


この辺はまさに書きながら考えていますので
明確な答えはでません。
でもきっと、キーとなる部分にリーチしたとき、
Webが一皮向けた楽しいものになる気がします。


おっと。 9月2日の午前2時

Appleが何か発表のようですね。

Webでチェックしようっと。




このエントリーを含むはてなブックマークはてなブックマーク - ビジュアルシンキングとWebデザイン このエントリをつぶやくこのWebページのtweets Googleブックマークに追加 Bookmark this on Delicious Share on Tumblr

Tags :

先日ゾーイ・キーティングの話がのっていた。

一瞬ポール・ポッツ 的かと思った。
でも彼女は違った。ポールと同じく孤独だったけど
彼女は一人でチェロを弾き、好きな曲だけを作り、
それがYoutubeで人気になり、iTunesのクラシック部門で
1位になり、いまやっとこうして名声を得た。

彼女のサイトへいくと彼女の曲が聴けます。

ここ

僕は好きです。彼女の音。

ポールもそうなんだけど、聞いたときにどんだけ多くの人に
感動を与えられたかで全て決まるのじゃないかなと思う。

このニュースは以下のリンク先から知りました。

詳しくはこちらをどうぞ。

ゾーイ・キーティング:ウェブの名声を一生の仕事へと変えた人

このエントリーを含むはてなブックマークはてなブックマーク - ゾーイ・キーティング このエントリをつぶやくこのWebページのtweets Googleブックマークに追加 Bookmark this on Delicious Share on Tumblr

Tags : ,

ユニクロ・カレンダーのページがすごい件

先日、靴まで発表したユニクロ。

これが案外良くて驚きです。女性モノのブーツは
なんと3,990円。ロングブーツがですよ!

そんなユニクロ、さすが勢いがあるところは
Webも中途半端ではありません。

中でも秀逸なのがユニクロ・カレンダー.

uniqlo calender

ここ

写真は実写をわざとミニチュアに見えるように加工して
それをこま数減らしつつ、早回しみたいな。

そして驚きなのが写真をクリックしたときです。

そのとき表示された色に合致するアイテムが・・・

まあ、実際にやってみてください。

流石に力入れるべきところには
惜しまず注ぎ込んでいる感じですね。

これじゃあ、他のアパレルメーカーが
かなわないわけだと思います。

いい物作るの当たり前な世の中。

さらにプラスして夢とか楽しさを感じてもらう。
それには、楽しさがわかるブランドイメージが大事だと思います。

そのブランドイメージを引き立たせるには
やっぱりWebは最適なんじゃないかなと。

最近ではジーンズにうるさい人まで
UNIQLOのジーンズをはいています。

そういう自分もそう。

トルゥー・リリジョンもかっこいいんだけど、
UNIQLOのシルエットが好きだから履いています。

001番がお気に入り!

このエントリーを含むはてなブックマークはてなブックマーク - ユニクロのWEBが凄い このエントリをつぶやくこのWebページのtweets Googleブックマークに追加 Bookmark this on Delicious Share on Tumblr

Tags : , ,

色々とページを作っていると、たまには違うレイアウトにしょうか。
と思うこともしばしば。 しかしWebデザイナーではない人は
毎日レイアウトのことばかり考えるわけにもいきません。

さくっと何かかわったレイアウトはないかな?

CSS書くのは楽しいけど、はまると時間かかっちゃうしなぁ。

なんてお考えの貴方。

こちらのサイトでレイアウトのインスピレーションを得ちゃいましょう。

ついでにXHMLのコードとCSSをいただけちゃいますよ!

YUI CSS Grid Builder

ヤフー・ユーザー・インターフェース CSSグリッド・ビルダー

左にあるメニューをちょちょいといじると、右側にレイアウトが
表示されます。ヘッダーとフッターも入れられます。

CSSボタンをおすとあら簡単。 CSSのコードが表示されます。

YUI CSS Grid Builder sidebar

YUI CSS Layout

YUIのページはこちら

Layout Iron Myers

http://layouts.ironmyers.com/

こちらは下の写真に有るように、あらかじめ56種類のレイアウトが整列しています。

それぞれのレイアウトの下にラジオボタンがあります。
一番上が幅100%リキッドレイアウト。Fluid (流動体)とあります。
他には974ピクセルのリキッドレイアウト、950ピクセル、750ピクセル
と続きます。実はこの56種類の中にはあまり気に入ったのはないのですが
シンプルなレイアウトを何も考えずに使いたいときに利用しています。

IronMyers.com

Layout GALA

http://blog.html.it/layoutgala/

全39種類の中から好きなレイアウトをクリックすると、サンプルページが
次に現れ、すぐにコードをダウンロードできる仕組み。

個人的にはここのレイアウトは好みのものが多いです。
たぶんコンテンツ部分を2段にしたかったりだとおもうのですが。
とはいえ、そのままコードを使ったこと無いです。
かなり前から存在するサイトで、他のがジェねレートしているのに
比べるとここは決めうちですから、CSSジェネレイターではないです。
正確には。

layoutgala

CSS Creator

http://csscreator.com/tools/layout

これはCSSジェネレイターです。
ドキュメントタイプもHTMLからXHTML Strictまで選択でき、
また3つの単位(px,em,%)でカラムの値を指定してレイアウトしていきます。

縦に2列などはできませんが、普通の横3段組まで可能です。
バックグラウンドカラーもその場で選べるので雰囲気をあれこれ
見ておいて、他でそのレイアウトを選択すって言うのもありかも
しれません。 ちなみに値をいれると右に小さなレイアウト
が表示されますが、Hightの値が今ひとつ反映されていない気も。
ま、たぶん気のせいです。

css lyout generator

mitchbryson

http://mitchbryson.com/free-css-templates

ここはシンプルです。 敢えてレイアウトの中から選びたい。
そんな気にしてくれるサイトです。

mitchbryson.com

Nice and Free CSS Templates

http://www.mycelly.com/

ここもシンプルです。 レイアウトはたった12種類しか
ないのですが、中ほどのメニューをフローとさせたものと
下の段のBOXをページ中央におくレイアウトがおもしろいです。

普段かわったページを作ること無いので、こういうところをみると
ああ。なるほど。 となります。

シンプルなCSSレイアウト

このエントリーを含むはてなブックマークはてなブックマーク - CSSレイアウトのインスピレーションを得るために このエントリをつぶやくこのWebページのtweets Googleブックマークに追加 Bookmark this on Delicious Share on Tumblr

Tags : , , , ,