April 25, 2008

Twitter のこういうの

twitter.png

↑こういうのを表示するコード↓

<div style="background-color: #AFEEF1; height: 1px; width: 1px; margin-left: 26px;"></div>
<div style="background-color: #AFEEF1; height: 1px; width: 3px; margin-left: 25px;"></div>
<div style="background-color: #AFEEF1; height: 1px; width: 5px; margin-left: 24px;"></div>
<div style="background-color: #AFEEF1; height: 1px; width: 7px; margin-left: 23px;"></div>
<div style="background-color: #AFEEF1; height: 1px; width: 9px; margin-left: 22px;"></div>
<div style="background-color: #AFEEF1; height: 1px; width: 11px; margin-left: 21px;"></div>
<div style="background-color: #AFEEF1; height: 1px; width: 13px; margin-left: 20px;"></div>
<div style="background-color: #AFEEF1; height: 1px; width: 15px; margin-left: 19px;"></div>
<div style="background-color: #AFEEF1; height: 1px; width: 17px; margin-left: 18px;"></div>
<div id="twitter_div" style="background-color: #AFEEF1; padding: 4pt;">
  <div id="twitter_update"></div>
  <div style="text-align: right;"><a href="http://twitter.com/jugyo"><img src="http://twitter.com/favicon.ico" /></a></div>
</div>
<script type="text/javascript">
<!--
function twitterCallback2(twitters) {
  document.getElementById('twitter_update').innerHTML = twitters[0].text;
}
-->
</script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/jugyo.json?callback=twitterCallback2&count=1"></script>

一番下の行の script タグの src の「jugyo」となってるところを変えたりするといいと思います。

April 13, 2008

理想のタスク管理用 Web アプリってどんなだろう?

理想のタスク管理用 Web アプリってどんなだろう?と思って、自分の考えたものをちょっと絵にしてみたけど、

これは、ダメだ。

todo.jpg

なんか、ゴチャゴチャしすぎ。

February 18, 2008

読書: ウェブユーザビリティの法則

僕は密かに Web デザイナーになることを目論んでいたりします。

これ、読みました。

ウェブユーザビリティの法則 改訂第2版 ウェブユーザビリティの法則 改訂第2版
スティーブ・クルーグ 中野 恵美子

ソフトバンククリエイティブ 2007-03-01
売り上げランキング : 149671

Amazonで詳しく見る by G-Tools

これから何か Web サイトでも作ってみようかなー、とか考えてる人は絶対読んでおいたほうが良いですよ。

著者曰く、ユーザビリティにおいて一番重要なポイントは「ユーザーに考えさせない」ことだそう。
確かに、使いにくいサイトって、いろいろ考えてしいますよね。
で、徐々にストレスが貯まってくるんです。
そして、ストレスがある閾値を超えると、もうそのサイトを見る気が起きなくなってしまいます。

でも著者は「かといって、何もかも一目瞭然にできるわけではない」ということも言ってますね。
ま、これも確かにね、そうですよね。

こんなことも書いてありました。

ナビゲーションはウェブサイトがもつ特徴というわけではない。 [略] ナビゲーションはウェブサイトそのものだ。ナビゲーションがなければ、そこにはそこ自体が存在し得ないのである。
(強調は原文ママ)

うん、的を得てると思います。

[略] ウェブ体験というのはしばしば、庭の小径を散策するというよりは誘拐されるようなもの [略] ウェブページをデザインする場合は、ユーザーはトップページから、きちんと整理された経路を通って目的のページに到達すると想定したくなる。しかし現実には、そこがどこかもわからないままで、サイトのど真ん中に放り込まれるというケースが多い。

これも的を得てると思います。

あと、著者はタブが好きらしい。

タブはユーザーインターフェイスの中でも、物理的なメタファーを使用して成功している数少ない例の一つだ。

僕もタブは好きですね。

いろんな Web サイトを見てたら良いデザインとそうでないのとの差がある程度はわかってくるとは思いますが、自分の体験だけで満足していると危険だと思うんですよ。
ま、デザインって、結局は自分の経験に基づいた「勘」みたいなもので決めなければならない部分って少なからずあるとは思いますが、多くの人があまりストレスを感じずに使えてこその Web サイトだと思うので、「一般的にみてどうなのよ」という視点は重要であると、そんなふうに思うわけです。
が、しかし、その「一般的にみてどうか」というのがまさに問題で、それって、「常識」みたいに人によって微妙に(時には大幅に)違っていたりするのが普通なんです。
つまり、良い Web サイトのデザインを作るに当たっての客観的な指標みたいなのが得られないケースが少なからずあると。

著者曰く、

ほとんどのウェブユーザーが、(制作者である)自分たちと同じようなものの見方をするという根拠のない考えは、ごく一般的なウェブデザインに関するミーティングを立ち往生させるのに十分な影響力を持っている。しかしその思いこみの裏には、別のもっと油断のならない思い込みが存在している。すなわち、「ほとんどのウェブユーザーにはなんらかの共通点がある」という思い込みである。

とのこと。

ユーザビリティテストは絶対にやった方がいいらしいです。
しかも何度も。
ユーザビリティテストのやりかたは本書に詳しく書いてあります。

January 16, 2008

リデザイン 20080115

ペンタブレットを活用した。

January 14, 2008

ペンタブレットを買った

前々からほしいほしいと思っていたペンタブレットをようやく購入しました。
これです。

WACOM Bamboo MTE-450/K0 WACOM Bamboo MTE-450/K0

ワコム 2007-05-18
売り上げランキング : 500

Amazonで詳しく見る by G-Tools

これなかなか使えますよ。
マウスの代わりとして。
慣れてしまえば操作にストレスはほとんど感じません。
実際、今日一日ずっとマウス使わずにペンタブレット使ってます。

普通のマウスにはできないようなこともできちゃいます。
ペンに付いてるスクロールボタンが便利ですね。
このボタンを押しながら文章や画像をなぞると、ドラッグしてるような感じでスクロールさせることができるんです。

ただ、キーボードとポインティングデバイス間の移動が頻繁に発生するような作業にはあまり向いていないですね。
マウスカーソルによる操作を行った後にペンをいったんデスクの上に置く必要があるので、キーボードの操作に移るのがどうしてもワンテンポ遅れます。
ペンの代わりになるような物を指につけて使えたりしたら便利かなぁ。
あ、でもそしたらキーボード打ちづらくなるなぁ。
まぁ、いいや。
マウスが必要なときはマウスを使えばいいだけの話だし。

なにはともあれ、とにかく使ってて楽しいデバイスですね。
新しい何かが描けそうな気がします。

DSCF4210.JPG

そろそろブログのデザイン変えたいな。
ペンタブレットが活かせるといいな。

October 3, 2007

Pixelmator を購入

Pixelmator を購入した。

ユーザーインターフェイスがかなり洗練されている印象。
これで画像編集が楽になると思われ。

pixelmator2.png

今までは Gimp をよく使っていたけど、Mac だと若干使いづらかった。
あれはあれですごく便利なんだけど。

Photoshop 高いしね。

July 20, 2007

リデザイン 20070719

ブログのデザインを変更。

System.exit();

ちょっとした気の迷いから。