Design Loveratory

上記の広告は１ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。(--/--/-- --:--)

あけましておめでとうございます。早速ですが、サイト移転しました。ブログもそこに新しいのがあります。(2010/01/14 02:13)

今年ももう終わり。
ということで、それほどまめに書いてたわけではないけれども、ほぼ日手帳09を使って今年を振り替えってみる。

1月…いきなりインフルにかかり、死にそうになる。後半は卒研の追い込み、論文提出。去年の内定が取り消されたため面接を受け、無事内定をいただく。デジタル一眼購入。

2月…卒研の発表。土壇場で新たな機能の追加。某大企業とのコラボ企画でプレゼンする予定だったが、内定式のため不参加。
東京でいろいろな人とオフ会をする。

3月…福岡から東京へ引っ越す。家具に凝る。ひそかに北海道旅行へ行き、オフ会とかする。大学を卒業。仕事を始める。

4月…仕事しながらいろいろ家具買ったり。劇場版エウレカセブン観に行く。

5月…いろいろな人とオフ会する。今も制作中のサイトのラフスケッチ描いてた。仕事上で大事件が発生。会社への不信感が募る。

6月…初めてクライアントを訪問。仕事忙しかった。池田亮司展に行ったら、梅ラボさんの作品があってびびる。夜フクロウリリースした。僕は土台を作った感じ。

7月…なんか忙しかった。何も書いてない。仕事で同じ部署の人間がいなくなり、一人に。失恋も。この頃から強い孤独感にさいなまれ、鬱々とした日々を過ごす。

8月…なんか忙しかった。会社行きたくないとか書いてる。

9月…なんか忙しかった。

10月…なんか忙しかった。個人でワードプレス作った。まだ公開してないけど。歯医者に通い始めた。

11月…あんまり忙しくなかった。24歳になった。

12月…会社でクリスマスを過ごす。


うん…振り返ると何だかよくわからない一年でした。でも基本的に嫌なことばっかりだったので、来年は楽しく行きたい。仕事のことばっかり書いてたのでもっと遊ぶべき。誰か遊んでください！

紙に記録すればこういう事が分かるし、手元に置いとけばずっと残る。未来の事を管理するのはデジタルがいいけど、記録するのは紙の方がいいって思った。まだ来年の手帳買ってないけどね！

みなさんはどんな一年でしたでしょうか。ではよいお年を〜(2009/12/31 13:23)

意外と知られてない使い方とか。

・自分のidだけ登録したタブを作ると、夏ライオンで言うsentの代わりになる。
・三本指スクロールでタブ移動出来る
・ツールバーの文字（「フィルター」とか）は、環境設定＞表示＞ラベルを表示する、のチェックを外すと消せる。(2009/06/20 18:07)

デザインで大成したいなーとか思うけど、もうちょっと年とって飛ぶ鳥落す勢いが減退してきたら、あるいは一生大切にしたいと思える恋人が出来たりしたら（出来ないと思うけど）、「そこそこお金もらえればいいかなー」的な考えに埋もれてくんじゃないかと。

でももしかしたら、今よりもっとがんばれるようになるかもしれんけどね。わかんないな(2009/06/17 02:36)

おかげさまで非常にいい評価を頂いているようで、正直びっくりしています。

もちろん、内容には自信がありましたが、これほど祭的になるとは思っていませんでしたw

また、一時的に公式サイトにつながらなくなり、申し訳ありませんでした。全く想定外でした。

Twitter検索でいろいろとレビューを眺めていて、開発中に提案はされたものの技術的な制約からオミットされたものが比較的多いと感じました。

これからのアップデートで、もしかしたら対応可能なものもあるかもしれません（約束はできませんが）。プログラマーのあきさんと相談して、考えて行こうと思います。

ともあれ、「夜フクロウ」という単語が含まれている発言は大体目を通しているので、言うだけならタダ！です。いろいろと意見くれると嬉しいですね。

いくつかTipsをば。

・名前の由来：Cocoaで作られたTwitterアプリ→茶色い鳥→夜ほーほー（Twitterにおける、午前０時の挨拶）＋夏ライオンへのリスペクトを込めて「夜フクロウ」です。

・スペースキーを押すと、最新の未読発言に一気に飛ぶ事ができます。そのままスペースキーでずーっとTLを辿れます。便利。

・色設定に関して：ハイライト色を似たような色にすると、どれがなんの色だったか分からなくなってしまうので、色彩センスに自信が無いという方は思いっきりカラフルにすることをオススメします。HSB（色相・明度・彩度）で設定すると便利です。それでもしっくり来ない場合は、思い切ってオフにするのもいいかもしれません。(2009/06/15 00:57)

僕がデザインを担当させていただいたTwitterクライアントソフト「夜フクロウ」がリリースされました！

特徴はなんといってもタブ分けできることと軽い事！！
これだけの高機能にも関わらず、マウスでスクロールしたときにひっかかりを感じる事はほぼありません（＠2年前発売のMacbook）。

で、今回の記事では、どういった考え方に基づいて制作されたソフトなのかとか、バックグラウンド的な面を書きたいと思います！

そもそも

そもそも、このソフトを作りたいと思ったのは、Mac向けクライアントで自分が満足できるものがなかったという点があります。
デザイン的な面でも、機能的な面でも、「もっとこうした方がいいのに！」というフラストレーションが溜まってゆき、制作したいと思うようになったのです。具体的には、グループ分け機能などなど・・・。

そこでまず、Adobe AIRやCocoaを使って自分で制作することを考えました。ところがどっこい、AIRもCocoaも、自分のプログラミング能力では相当難しい事が判明。勉強する時間もあまり取れないだろうということから、Twitterでプログラマーさんを募集したところ、声をかけてくださったのがPwitterの作者であるあきさん。
彼に「こういうもの作りたいんですよー」とモックアップ画像を渡し、夜フクロウプロジェクトがスタートしたのでした。

デザイン面の特徴

今回は、ターゲットユーザーが「Macを使っててTwitterを使ってる、全ユーザー（特に日本人）」という点があらかじめ明確だったため、「メンタルモデル」という考え方を導入して作っています。
メンタルモデルとは、簡単にいうとデザインのお手本のこと。ユーザーの頭の中にある「当然こういう風に動作するだろう」という思い込みのこと。この思い込みと実際の動作がマッチすると、最高の使い心地が得られるわけです。

つまり、Twitterのデザインと、Macのデザイン、この二つをお手本にすればいい、ということがあらかじめハッキリと分かっていたということですね。これによって、デザインを考える時間は大幅に短縮されました。

例えば、夜フクロウのポストフィールドは上方にあります。そして、タイムライン上の最新の発言も上から下へという順番でならんでいます。これ、Twitterのデザインをそのままもってきています。この順番を変えてるクライアントソフトは非常に多いのですが、ユーザーに未知の使い方を強いる必要はまったくないのです。


もう一点、サイドバーに関して。これは、Twitterでユーザーページに飛んだという状態をイメージしています。プロフィールやwebサイトが見られますね。

Macとの親和性に関しては、Cocoaで作られているという点やツールバーなどなどが挙げられます。

まとめ

僕が担当したのは、基本的に上記の点のみです。このくらいの考え方をもっているだけでも、随分と使いやすいものになっていると思います。
様々な機能やキーボードショートカットなどは、あきさん主導で相談しつつ作っていただきました。詳しくは公式サイトで。毎回バージョンアップするにつれどんどん完成度が高まって行くので、正式リリースを非常に楽しみにしていました。実際リリースされて3日ほどたちましたが、評判も上々で嬉しい限り。Macユーザーの方は是非試してみてくださいね。
おっと、Leopardでしか動作しないのでお気をつけて。(2009/06/13 23:20)