Latest thinking

すぐに使えるノウハウではなく、「なぜそうなっているのか」を考える記事を書いています。デザインの仕事で感じるモヤモヤに、構造から向き合いたい人のための場所です。

ワイヤーフレーム

OmniGraffleを使ったテンプレート作り

OmniGraffle [http://www.act2.com/products/omni-graffle5.html] は、ワイヤーフレームをささっと書くのに大変便利なツール。以前「サイト制作に便利なOmniGraffleステンシル [http://www.yasuhisa.com/could/roundup/graffletopia/] 」という記事で、高品質のステンシルを幾つか紹介したことがあります。これらを使えば手軽に完成品に近い見た目の絵図を作ることが可能になります。なかなか便利な OmniGraffle ですが、通常版とプロ版の2つあり、どちらか迷っている方もいるのではないでしょうか。今回紹介するハウツーは通常版でもある程度出来ますが、プロ版で効果を発揮するテンプレートの作り方です。 変数を活用する 書類を制作する際に、何度も同じことを書く場合や、ページ番号を挿入したい場合があります。こうした情報を手入力していると大変手間がかかります。OmniGraffle にはテキストフィールドに変数を利用することが出来、ダイナミックに文字や数字を生成することが出来ます。例えば、各キ

Jul 28, 2009 2 min read min
コンテンツ

青森でコンテンツをテーマにマーケティングの話をしました

青森県主催で開催されたWeb マーケティングセミナー [http://www.pref.aomori.lg.jp/soshiki/shoko/sozoka/2009-0703.html]にて「 コンテンツを活かすために私たちができること」というタイトルでプレゼンをしてきました。先月開催されたSwapSkills のセミナー [http://www.yasuhisa.com/could/diary/swapskills-june-2009/] に引き続きコンテンツをテーマにした話。SwapSkills の際は Web サイト制作者に向けた話だったのに対し、今回はそれだけでなく、ウェブマスターや企画に携わる側の方にも通じる内容でした。 コンテンツとマーケティングという2つの言葉が同じ記事や話にでてくる場合がありますが、今後ますますその機会は増えると思います。Web の特性を活かしたコンテンツのあり方を探求し、開発していくだけでなく、作り上げたコンテンツをいかに利用者に見てみもらうのかということを、自社の Web サイトという枠組みを超えて考えて行く必要があります。Web 上にある様々なソ

Jul 25, 2009 2 min read min
マーケティング

トレント・レズナー流マーケティング論

Nine Inch Nails [http://www.nin.com/] の Trent Reznor といえば、オンラインを活用した様々な活動を数年前から積極的に行っているアーティストのひとり。ウェブサイトもちょっとした SNS になっていますし、以前からネット上で新アルバムの無料配信、GarageBand ファイル形式で楽曲を公開、400GBのコンサートのHD映像を BitTorrent で公開といった様々な活動をしています。 レコードレーベルに対して [http://www.contactmusic.com/news.nsf/article/reznor%20urges%20musicians%20to%20ditch%20labels_1099985] 強い意見を持っている方としても知られていますね。 そんな彼が公式フォーラムに降臨。「my thoughts on what to do as a new / unknown artist [http:

Jul 22, 2009 2 min read min
ブラウザ

IE6から先へ行くための提案が必要

YouTube [http://www.techcrunch.com/2009/07/14/youtube-will-be-next-to-kiss-ie6-support-goodbye/] やDigg [http://www.techcrunch.com/2009/07/10/can-you-digg-it-maybe-not-if-youre-stuck-on-ie6/] といった海外でアクセスの多いサイトが次々と IE6 のサポートを中止する動きを見せています。YouTube は他のブラウザに変更するメッセージの表示以外に具体的にどのようなサポートを止めるのかが分かりませんが、Digg では、コメントや Digg ボタンといったサイトのコア機能のサポートを止めることを考えているそうです。このニュースに影響されたのか、Twitter では、「IE6 Must Die [http://twitter.com/#search?q=IE6%20Must%20Die]」が、トレンドトピックにランクインしましたし、Twibbon [http://twibbon.com/join/IE6-M

Jul 20, 2009 2 min read min
ixd

ジェスチャーを使ったモバイルコミュニケーション

マルチタッチやタップによるソフトウェアとのインタラクションが携帯電話で増えてきました。スクリーンに直接触れるという直感的な操作が魅力的ですが、指を使った操作だけでなく、ジェスチャーを使った操作も近年注目を浴びています。 Nintendo Wii [http://www.amazon.co.jp/exec/obidos/ASIN/B000WN67L6/could-22/ref=nosim/] のようなゲームデバイスもそうですし、日本の携帯電話にはモーションセンサーが実装されたものがあり、ゲームなどに利用されています。iPhone でも Friend Book [http://tapulous.com/friendbook/] のようなアプリは握手をしているようなジェスチャーでコンタクトの交換が出来るような機能があります。 デバイスに触れる操作だけでなく、ジェスチャーを使った携帯電話の操作にはどのような可能性が秘められているのでしょうか。Nokia Research Center [http://research.nokia.com/] では、フィールドスタディをしながらジェスチャ

Jul 17, 2009 1 min read min
iphone

iPhone / iPod Touch 向けのアート系アプリ

仕事効率の向上や生活に役立つ iPhone / iPod Touch アプリを使うのも良いですが、たまにはゲームやお楽しみアプリも欲しくなります。「使う」「遊ぶ」アプリはたくさん存在しますが、いずれとも言い難いのがアート系アプリ。 表現者にとって新たなプラットフォームになりつつ App Store。公開されているアプリは作品のショーケースというより、彼等が作ったシステム上で遊んだり、自分の表現を生み出すアプリになっています。今回はあなたのクリエイティブを刺激するアート系アプリを幾つか紹介します。 Bloom [http://www.generativemusic.com/bloom.html] (450円)Brian Eno がプロデュースした iPhone アプリ。タップするだけで不思議な音楽と映像を作り出すことが出来る21世紀の楽器クレヨン・フィジックス [http://www.dothehudson.net/jp/app/crayon-physics/] (600円)ハドソンの iPhone アプリ。描いた物体が重力を帯びてリアルに落ちるパズルゲーム。Fat Tag [htt

Jul 15, 2009 1 min read min
UI

ワイヤーフレーム制作の5つのアプローチ

ワイヤーフレーム [http://bit.ly/HMc0f] を作るときに、とりあえず「どのソフト・道具を使って作ろうか」という考えが先に来てしまいますが、どのようなワイヤーフレームを作るのかのほうが重要です。情報をどれだけ見せるのか、何を表現したいかによってワイヤーフレームの見せ方が異なります。つまり、サイトの属性や目的に応じてワイヤーフレームの作り方を調整するとより効果的になります。また、予算や時間に合わせてワイヤーフレームを作成する目安にもなり、制作チームやクライアントとの情報共有がしやすくなる可能性があります。 ワイヤーフレーム制作は、主に5つのアプローチが考えられます。それぞれメリット・デメリットがあり、得意分野も異なります。複数を組み合わせたり、アレンジすることで目的にあったワイヤーフレームを作ることが可能になるでしょう。 コンテンツブロック型 内容や記載せず、おおまかなブロックで枠組みするワイヤーフレーム。サイト制作の早期から導入出来る制作方法で、制作時間もかかりません。ソフトウェアを使って制作することが出来ますが、コンテンツを入れない段階なので、紙上でも素早く作るこ

Jul 14, 2009 2 min read min
UI

ユーザーが考えるブラウザの未来

Mozilla は去年からコンセプトサイト [http://labs.mozilla.com/projects/concept-series/] で未来のウェブの使い方の提案をしています。セミナー [http://www.yasuhisa.com/could/diary/websig-semanticweb/]でも紹介したことがある、Adaptive Path の Aurora [http://adaptivepath.com/aurora/] が有名ですね。コンセプトサイトだけでなく、Flickr の mozconcept [http://www.flickr.com/photos/tags/mozconcept/] というタグから、利用者が提案した様々なコンセプトデザインを観覧することが出来ます。 利用者が考えた優秀なコンセプトデザインが見たい方は、Design Challenge: Summer 09 [http://design-challenge.mozilla.com/summer09/

Jul 11, 2009 1 min read min
Discovery - LP
音楽

Discovery - LP

Discovery [http://pitchfork.com/artists/27811-discovery/]という名前にピンと来なくても Vampire Weekend (VW) の Rostam Batmanglij と Ra Ra Riot (RRR) の Wes Miles のユニットと言えば、ちょっと聞いてみようと思う方もいるのではないでしょうか。VR、RRR 共に 2008年にアルバムをリリースしており、共に良作でした。私はどちらかというと RRR のほうが好みだったりしますが。今熱いニューヨーク出身のインディロックバンドのコラボといえば聞きたくなるではありませんか。 ただ、両バンドの音楽が好きな方がそのままのイメージを抱きながら聞くと、びっくりするかもしれません。アルバムは全編シンセサイザー、ノイズ、そして Auto-Tune (日本語ではロボットボイスとでも言うのだろうか) のボーカルで構成されており、いかにも今風の雰囲気です。曲によってヒップホップや R&B のようなメロディもあります。Jackson 5 の「

Jul 9, 2009 1 min read min