WDE-ex Vol11『iPad のウェブデザイン：私たちがみつけたこと』

こんにちは、iPadはいまだ購入にいたっていないHitoyamです。

iPadから学ぶIAについてということで、WDE-ex Vol11『iPad のウェブデザイン：私たちがみつけたこと』に行ってきました。

スピーカーは Information Architects の Oliver Reichenstein 氏。相変わらずの人気っぷりという感じでした。

iPadのデザインとiPadアプリ（ライティングマシーン）のデモを中心に、質問時間を多く取った構成の内容だったように思いました。

ざっくりメモなど

iPadは雑誌でも新聞でもない

デバイスとしてのiPadは、本でもないしウェブ上のデザインともまた違うので、元々あるウェブのデザインをただ小さくするだけでは不十分。iPadのデザインは粗いものであること、メタファーを使うとしたらファンクションが必要であることなどを理解して、適切なデザインを心がけなくてはならないとのことでした。

ひとつの機能に絞ってシンプルに正しく作ること
コントラストを常に考え、大きくすることを心がける
PCのモニターを信じず、実機とライブビューを使うこと

特性を考えるとアプリはシンプルであるべきで、余計な機能を付けないことが肝になりそうです。削ぎ落として残った本質がアプリの価値となるので、「削る」という作業が一番しんどいのですよね。何でも盛り込む方が頭使わなくて済んでしまうので。

ウェブデザイン、ウェブ制作との違い

iPadアプリを作る際にも、ウェブ制作の時と同じようなワークフローで制作しているそうですが、それが正解であるかどうかはまだ分からないとおっしゃっていました。また、ルールが手探りなので、ウェブのデザインよりも工数はかかっているそうです。

技術面では、一番大切なファクターは速度であり、JavaScriptなどのウェブ系の言語よりもネイティブである Objective-C の方が速いです。ただし作りやすさの面ではHTMLの方が圧倒的に優れているので、いきなりXcodeで書くのではなくHTMLから始めてみるのもいいみたいです。

iPadでの最適フォントサイズは20〜24pxぐらいではないかとのこと。しかしそのようにして美しさと可読性を確保しようとすると、もともとスペースが小さい上に文字が大きくなります。画面に表示できる内容が限られてしまうため、3カラムなどのデザインは適していないことになります。不要な要素はできるだけ削り、最適なデザインを実現しようとのことでした。