HACKDESIGN Lesson 10

Lesson 10はラピッドプロトタイピングについて。

Design Better And Faster With Rapid Prototyping

プロトタイプのFIDELITY(忠実性)には3つの側面がある。
システムの複雑さや要求によって使い分けが必要。経験上クライアントワークだと作り込み過ぎだったり、自社サービスだとぬるくなりがちだったりする。早い段階でグラフィックを作り込み過ぎると後で融通が利かなくなってしまったり、本来は機能に漏れがないかチェックするためのプロトタイプなのにグラフィックの善し悪しを議論してしまったりするので、段階に応じて適切なものを選ばなければならない。

The Aardvark Theory of Product: Fake It Till You Make It

Ardvarkのプロダクトは最初の9ヶ月間を人力で運用して、その間に自動化するための人員を雇ったとのこと。キーボードしか無かった時代にマウスのデモをした時、実際には手の動きに合わせて人がカーソルを動かしていた話を思い出す。ユーザーの反応を見ることでサービスなりプロダクトが本当に作る価値があるのかどうかを判断するにはとてもいい試みだと思う。自動化までのロードマップが設定されているのも大事。

Creating Interactive Prototypes With Keynote

KeynoteでiPhoneアプリケーションのプロトタイプを21分で作るデモ映像がある。

Fake It. Trash It. Build It.

UI/UXデザイナーがまずやりたいことを盛り込んだプロトタイプを作り、それをエンジニアが構築したい方法やフレームワークの上で作り直し、最終調整をする。デザインは可能性のビジョンを示すものだから、アイディアを捨てることになっても時間の無駄ではない。それらのアイディアはたいていまたどこかで使えるようになる。

Rapid Prototyping Tools

プロトタイピングツールの紹介。WebZap良さそう。

HACKDESIGN Lesson9

HACKDESIGNという興味深いサイトがあって、最初はタイポグラフィとかデザインの基礎的な話題が中心だったんだけど、Month 3がUser Experience、Month 4はUser Interfaceということで、感想などをまとめてみる。冒頭でUXデザイナーの平均給与が高いとあるけど、これは限られた人しか就けず、母数が少ないポストだからなんじゃないかと思う。

Review: The Design of Everyday Things

日本では「誰のためのデザイン?」というタイトルで売ってる本のレビューで、いくつかの印象的な話が紹介されてる。もともとは1988年に"The Psychology of Everyday Things"というタイトルで出版されていたのだけど、その後PsychologyからDesignに変わったらしい。

課題は「よりよいユーザー体験よりも、デザイナーが楽をするために安易な選択をした事例を探そう」で、ヒントとして家電やリモコンを見てみようとある。

僕がいつもイライラするのはモバイルルータ。ボタンを長押しすると接続設定をマニュアルかオートに切り替えられるんだけど、マニュアル時は同じボタンを短く押すことでネットワーク接続を開始する。なのでなかなか反応がない場合に、よく誤って長く押してしまって意図せずオートに切り替わってしまう。元に戻すのにまた長押しして、今度は切り替わらないように気をつかって短く押すんだけど、未だにちょうどいい具合の押し方がわからない。

First Principles of Interaction Design

良くまとまっていると思った。Efficiency of the Userの項で、電子レンジで水を温める場合、1分10秒を指定する(1、1、0とボタンを押す)より1分11秒の方が速いというのはちょっと面白かった。0を探すのに1秒以上かかると、1分11秒間温めるのを待つよりも遅くなるという話。

Researching User Experience

ユーザー体験を調査する際にどの手法をいつ使うかという話。The Attitudinal vs. Behavioral Dimensionが面白くて、僕もよくTwitterやAppstoreなどでサービスについて言われていることを読んだりするし実際に意見を取り入れたりもするんだけど、正直「騒いでいるのは少数派」だなと感じることも少なくない。色々悪く言われてるように感じたとしても、定量データと照らし合わせることが必要。

Sketching User Experience

これくらい綺麗なワイヤーフレームを作ったり見たりしたいものだと思う。

Measuring User Experience

少ないサンプル数のユーザーの振る舞いから全体を予測する方法。意思決定に統計的な手法を取り入れる場面は今後も増えていくと思うし、そうしていきたい。

stonewall開発日記12

前回の投稿を踏まえて、大きくリファクタリングした。変更点としては、

1. レイアウト対象の要素を配列からオブジェクトにし、位置やサイズを持たせるようにした。
2. 位置とサイズの計算だけをするcalculatePositionを作り、build内で呼ぶようにした。
3. レイアウト対象の要素をcellからstoneという名前に変更した。

calculatePositionはDOMに対して操作をしないように心がけて、元のサイズを測る時にcloneNodeを使ってみたのだけど、テキストの場合にうまくいかなかった。苦し紛れに元のサイズを保持しておき、計算してから戻すということをしている。さらにコールバック関数を受け取って引数にレイアウト対象オブジェクトの配列を返すようにしてあるので、jQueryとかと組み合わせるとエフェクトをつけやすい。

Tumblr with jQuery

あとは追加や削除した際に効率的にレイアウトする機能をつけてversion 1としたい。