有名なデザインの会社であるIDEOがIDEO HCD(Human Centered Design)というユーザー中心設計に関するドキュメントを公開しています。
http://www.ideo.com/work/item/human-centered-design-toolkit/
90ドルでハードカバー(50ドルでソフトカバー)が買えるのですがPDF版に関してはメールアドレスを登録するだけでダウンロードが可能です。
これはハンズオンでユーザー中心設計実現する手引書と、それに利用される用紙やカードなどの「ツールキット」からなります。
昔ユーザビリティのことについて仕事で関わっていたことがあるのですが、こういうのってTipsレベルの積み重ねで済む話ではなくて、ちゃんと人として人の事を考えられているかどうか、そしてそれを実践出来ているかどうかなんですよね。
社内でも共有したいと思います。
- Author: Hideya Kato
- Published: 1月 13th, 2010
- Category: デザイン
- Comments: None
[デザイン]IDEO HCD(Human Centered Design)が公開されています!
- Author: Hideya Kato
- Published: 10月 16th, 2009
- Category: Webサービス, インターフェイス, ツール, デザイン, 仕事
- Comments: None
手品とインターフェイスの共通点
「インターフェイス」といえばアプリケーションなどで実際にユーザーの目に触れる、サービスの重要な要素のひとつです。
僕も少しの間画面設計やユーザビリティのコンサルタントのお仕事をさせていただいていた期間があるのでちょっと使いづらかったりすると解決法を考えちゃったりします。
(実際には裏側の概念まで指しますが)インターフェイスというと目に見える部分が多く、サービスの質を左右するので設計者はプロとして腕の見せ所なんですが、意外にも「手品」の概念が似ている、とのことです。
勘違いをしやすいという点は、逆に考えるとイリュージョンを見る能力があるという長所だと考えることもできます。計算機システムの入出力が多少いい加減だとしても、人間のこの「長所」のおかげでそれなりに使えているものは多いでしょう。例えばマウスでカーソルを動かすとき、カーソルの位置は離散的にしか動きませんが、人間の目にはなめらかに動くように見えます。(中略)
GUI をはじめとする計算機のインタフェースは完全に手品的なものであり、ユーザが積極的に騙されることによって、わかったような気になって計算機を利用することができるようになっているというわけです。表示されているアイコンとハードディスク内のデータはどういう関係なのだろう?などといちいち悩んでいたらパソコンで仕事など不可能でしょう。(第36回 手品とインタフェース/増井俊之の「界面潮流」)
WPtouch導入しました
このサイトはWordPressを利用しているのですが、iPhoneも買ったのでiPhone/iPod touchに対応させました!
WPtouchというプラグインを使っています。
インストールするだけなので簡単です。
WPtouch iPhone Theme
iPhoneアプリ開発に便利なもの3つ
iPhoneアプリの開発って夢がありますよね。技術的にも金銭的にもw
そこでiPhoneアプリの開発に役立ちそうなもの3つご紹介。
1. iPhoneステンシル
iPhone Stencil (アクト・ツー)
簡単に言うとiPhoneの画面イメージの裸婦を描く事ができる定規、なんだけど、すごくスタイリッシュで便利そう。残念ながら現在売り切れ中なので足しげく通って次の入荷を期待しましょう。
2. iPhoneアプリ開発に欠かせないノート;Notepod
iPhone用のノート:Notepod(http://notepod.net/)
iPhoneのインターフェイスをしたメモパッド。
画面の開発などに便利そうですね。
最後は開発するためのモックアップをつくるためのテンプレート
3.モックアップテンプレート;MockApp
モックアップ作成に便利ですね。
PowerPoint版とKeynote版があります。
フリーではなくtwitter等で紹介するコントリビュートウェアなので利用する場合は是非協力を。
クリエイターとクライアントをシームレスにつなぐテクノロジー
どの時代になってもクリエイティブは人の手によって生み出されますが、商業クリエイターの場合、必ず依頼主がいて、コミュニケーションをとりながら作成していきます。
クリエイターとクライアントは通常であればメールなどでやりとりをすると思いますが、今年のTechCrunch50にノミネートされた「Clientshow」はそれをずっとリッチなインターフェイスで置き換えています。
サービスはいくつかのモジュールに分割されている。1つはすべての作品をアップロードするためのもので、もう1つはユーザーが作品を確認して、コメント や承認を含めメモを残すためのものだ。3つめのモジュールはプレゼンテーションモードで、クライアントにファイルをそのままデモして見せることができる。 (CNET Japan)
ウェブアプリケーションの開発進捗確認などのテクノロジーも今後出てくるとおもしろいですね。
- Author: Hideya Kato
- Published: 8月 9th, 2009
- Category: Webサービス, ツール, デザイン
- Comments: None
twitter風のロゴ作成-twitlogo
最近更新できていないので軽めのエントリー。
勉強のつもりでプログラムの本を開いてウェブサービスなんかをポチポチつくっていると、完成するんだけどなんだか味気ないのっぺりとした画面になりがち。
せめてロゴだけでもテンションあげよう、という事で最近ハマっているのがtwitter風のロゴがつくれる「twitlogo」。
twitterと同じフォントでロゴをつくってくれます。かわいいので一気に雰囲気が変わります。
大きさや色をオプションで指定する事もでき、最後はpngでダウンロード。
いまいちシンプルな画面でしっくり来ない方は是非。
twitlogo
http://www.twitlogo.com/
GooglePageCreator→GoogleSites
だいぶ前からアナウンスありましたが、GooglePageCreator
がなくなってGoogleSitesに統合されるらしいです。
たまには使ってみようかな、、、?
- Author: Hideya Kato
- Published: 5月 11th, 2009
- Category: テクノロジ, デザイン
- Comments: None
パッケージデザインとテクノジーの共通点
たまに海外ネタ(これでも英語できます、、、苦笑)
突然なんですが僕はパッケージデザインが大好きです。
webdesigner depotに
「きれいかつ効果的なパッケージデザイン50」
が紹介されていました。
>>50 Beautiful and Effective Package Designs (webdesigner depot)
たまに商品を買ったときのパッケージがすごく
ユーザーのこと考えつつすごく理にかなった仕組みに
なっていたりすると興奮しちゃいます。
機能的かつシンボリックな形でものを表現すること
これってテクノロジーでもそうじゃないですか?


