Yasuhisa Hasegawa

Yasuhisa Hasegawa

Web やアプリのデザインを専門しているデザイナー。現在は組織でより良いデザインができるようプロセスや仕組の改善に力を入れています。ブログやポッドキャストなどのコンテンツ配信や講師業もしています。

コンテンツ

文脈によって活かされるコンテンツ配信

今年の始めに執筆した「文脈を理解したWebコミュニケーションデザイン [http://www.yasuhisa.com/could/article/context-web-communication/]」で、利用者の文脈を理解して Web サイトを設計する必要性を解説しました。当時は Web サイトデザイン全般について供述していましたが、コンテンツ戦略にとっても文脈は大事です。 先日のWordCamp [http://www.yasuhisa.com/could/article/wordcamp-contentstrategy/] で紹介した NPRの映画レビューのページ [http://www.npr.org/2011/11/22/142652996/hugo-from-a-master-a-love-letter-to-his-medium] が好例です。PC版では大きなスクリーンサイズと高速回線を活用して、大きな写真や動画だけでなく本文に付随する様々な情報が用意されています。しかし、モバイル版では小さな画像と本文のみが提供されています。小さなスクリーンで移動中かもしれない利

コンテンツ

コンテンツを意識してWebデザインするとは

11月27日に WordCamp Tokyo 2011 [http://2011.tokyo.wordcamp.org/] が開催されました。そこで「 コンテンツ戦略を意識した今後の CMS の姿」という講演をしました。WordPress を中心にしたイベントでしたが、私の講演では WordPress に留まらず、今後必要とされる Web コンテンツに必要とされる CMS のあり方について解説しました。講演の意図について知りたい方は前回の記事「 コンテンツを軸にしてCMSを使おう [http://www.yasuhisa.com/could/announcement/contentstrategy-cms/]」をご覧ください。 機能至上主義からの離脱 CMSの話になると、どうしても機能の話になるのは以前から疑問を感じていました。日本だと Movable Type [http://www.movabletype.jp/] の支持は高いですが、MT と WordPress を機能比較でしか議論できないのはどうも寂しい気がします。

wordpress

コンテンツを軸にしてCMSを使おう

WordPress は世界で最も使われているオープンソース CMS に成長しました。日本でも全国各地に散らばるモチベーションの高いサポーターの努力とエネルギーにより、ブログだけではなくサイト構築にも役立つシステムとして有力な選択肢にまでなりました。WordCamp Kobe に続き、今回の Tokyo イベントでもたくさんの方が訪れるのもそれを裏付けています。Webサイトを構築することを仕事にしている方から情報発信のツールとして利用しているブロガーまで様々な背景をもった人たちが東京に集まります。 たくさんの方に支持されている WordPress。皆、WordPress が好きで集まっていると思いますが、好だからこそハマってしまう落とし穴もあります。 それは、WordPress というツールを使って何かを作るということが前提になってしまうということです。 今の WordPress は出来ないことを見つけるのが難しいほどいろいろなことが出来ます。プラグインを組み合わせることで、様々な種類の Web サイトを作ることが可能になりました。WordPress は便利ですが、その便利さが

ソーシャルメディア

クルートレインマニフェストが今に伝えるメッセージ

1517年、マルティン・ルターが 95ヶ条の論題 [http://ja.wikipedia.org/wiki/95%E3%83%B6%E6%9D%A1%E3%81%AE%E8%AB%96%E9%A1%8C] を発表し、カトリック教会中心のヨーロッパ社会に大きな影響を及ぼしました。そのおよそ 400 年後に同じように 95 の論題を発表した人たちがいます。その論題は TV や新聞といったマスメディアが多大な影響をもっていた当時、大きな衝撃を与えました。本当にそんな時代がやってくるのかと疑った人もいたでしょう。しかし、それは振り返ってみると今を予言しているかのような内容です。 英語ですが、詳しい解説が書かれた 書籍を購入 [https://www.amazon.co.jp/dp/0465018653/ref=

デザイン

デザインする人の価値と誠実さ

誰でも価値観をもっていると思います。 デザイナーも何か自分なりの価値をもちながら仕事をしています。ここでいう『価値観』とはデザイナーがもつ独自の美的センスや技能力を示しているのではなく、彼(彼女)がどのような姿勢で仕事をしているかという意味を指しています。 しかし、自分の価値を仕事に反映させることは、簡単そうでとても難ことがあります。 お金のこと、同僚のこと、上司のこと、クライアントとのやりとりの結果、自分の価値とは合わない出来事があるかもしれません。自分の価値を曲げて仕事をしなければならないと感じることもあるでしょう。また、そこまですることが『仕事』と感じる方もいるかもしれません。 実のところ、自分の価値観をもちつづけることは、何よりも大事なことです。価値を失うということは、仕事においてあなたしか提供できない価値をつくりあげる能力を失うことに等しいことです。給料や報酬は、あなたが作ったモノという結果だけではなく、あなたの価値に対して支払われています。つまり、あなたが価値観を失うということは、モノを作る機械と競争しているのと変わらなくなるわけです。いずれあなたへわざわざ依頼する必要

デザイン

Q&A: 日本語サイトで英語を多用しているのはどう考えていますか?

> 社会にあるあらゆるデザインについて言えますが、日本語だけで表現できるものにあえて英語を使ったり、アクセントとして英語を使うことがあります。 英語を使うことがかっこいいという理由だけなのでしょうか? from: Naoyoshi Suzuki [https://www.facebook.com/naoyoshi] 留学1年して帰国した後、唖然としたのが英語表現がおかしい T シャツを着ている人が多かったこと。自分もおかしな英語が記載されたシャツやグッズをもっていたわけですが、少し英語が理解し始めると妙に思える場合がありますね。海外でもおかしな日本語のシャツを着たりタトゥーにしている人はいるので、日本だけの現象ということではありません。 Webサイトデザインでも英語をデザインの一部として利用しているケースが幾つかみられます。英語のラベルをヘッダーやメニューに入れるケースをよく見かけますが、英語をわざわざ使うのも幾つか理由があります。 装飾としての英語 文字が意味を伝達するための手法として扱われているというより、装飾の一部として捉えられてる場合があります。欧文ならではの曲線や形状が

シンプル

目的とインターフェイスの関係で変わるシンプルの意味

先日、帰省した際に母と家電量販店を訪れました。そこで、いろいろな製品を見学したり質問に応えながら雑談していたわけですが、母が興味深い言葉を残していました。 「私とあなたではシンプルの意味合いが違う」 例えば Apple TV [https://www.amazon.co.jp/dp/B004BR2CL8/ref=as_li_ss_til?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=B004BR2CL8&adid=0DGJBZ9NQMM00MFAY35W&] は、TVに接続するとパソコンからメディアをストリーミングしてくれるだけでなく、TV番組や映画、YouTube も見れるようになります。録画して残すという考えから、クラウドを利用してオンデマンドでいつでも好きな時間に見るこという考えに変わります。何が出来るのかを理解しているのであれば 1台で様々な役割を果たす Apple TV

Adobe

アドビさんへ3

次期バージョンからのアップグレードポリシーの変更 [http://www.adobe.com/jp/support/upgrade_policy/index.html]とAdobe Creative Cloud [http://www.adobe.com/jp/joc/products/creativecloud.html]の発表で、昨日から Adobeユーザーの間から様々な声が発せられています。今年はサブスクリプションサービスの提供を開始し、さらに Cloud によって価値を高めようとしているものの、思惑どうりにはいっていないようです。今まで過去 2,3 バージョン遡ってアップグレードできたのが、1バージョン前からしかアップグレード価格が適応されなくなるのが大きな原因。今までも利用者の間では「アドビ税」と呼ばれている Creative Suite ですが、今回のポリシー変更でフラストレーションを爆発させている方も少なくありません。 ここ数年、Adobe のソフトウェア開発サイクルと戦略に疑問をもっている方は少なくないと思います。 アップグレードすることで機能の数は増えるものの、そ

テクノロジー

Siriから始まる未来のコミュニケーションデザイン

自然言語とセマンティックデータの間で Siri をフィーチャーした Apple の CMiPhone 4S に実装されている人工知能アシスタント「Siri [http://www.apple.com/iphone/features/siri.html] 」。まだ英語しか対応されていないものの、キーボード、マウス、ジェスチャーに続く第四のインプットとして大きな力を発揮するのではないかと考えています。 Siri を活用しはじめて以来、天気や目覚ましの設定など今までアプリや Web サイトから行わなければならなかった作業が、あっと言う間に完了するようになりました。今までキーボードやジェスチャーを必要とした作業が声によって入れ替わることを実体験すると、インプットの未来を感じざるおえません。もちろん、従来のインプット方法(特にジェスチャー)がなくなることはないものの、声に入れ替わることは少なくないはずです。 以下は予測される Siri と利用者によるおおまかなやりとり。 1. 自然言語で Siri にコマンドを送る。2. 自然言語からキーワードを拾い、Web やデバイスに蓄積されているデー

Webデザイン

Webデザインが抱える制約と評価の仕方

[http://design.ucdavis.edu/]先週になりますが、Don Norman 氏が PHD-DESIGN のメーリングリストで発した言葉 [https://www.jiscmail.ac.uk/cgi-bin/webadmin?A2=ind1110&L=PHD-DESIGN&F=&S=&P=189824] が話題になりました。カリフォルニア大学デービス校デザイン課の Web サイト [http://design.ucdavis.edu/] が酷いというので彼が厳しく避難した内容。こんな文字が小さい Web サイトをつくるデザイン課を受講する意味はないと言い放っています。その後、Webマスターも登場するなど様々な意見が交換されています。 Webサイトをみると分かりますが、10年くらい前につくったように見えても仕方ない見た目です。文字が小さいだけでなく、文章の背景にアニメーションを付けたいがために Flash を導入したのだろうと思わせる演出もあります。Webデザインを仕事にしている方なら思わず突っ込みたくなるところがあると思いますし、

Webデザイン

企業の透明化がブランドを高める理由

デザインに関わる様々な物事を再考しなければならない時期にきていると考え、2008年くらいから Web デザインとそれをとりまく考えや手法を『現在・未来』と照らし合わせながら記事にしています。数年前から気になっているのが、測定の仕方について。ページビューは死んだと言われて久しいですが、未だにページビューを軸にした広告モデルが根強く残っています。また、Like やフォロー数といった近年の『ソーシャル指数』にしても同様で、基本的に「どれだけ露出したか」が価値に直結しているのが現状です。 企業が伝えたいイメージを様々な媒体を活用し、何処にでもある状態をつくることで、顧客にイメージを植え付ける 「どれだけ露出したのか」「どれくらい人は時間を過ごしたのか」を大きな価値にしているのがブランディング。企業が伝えたい世界観をひとりでも多くの方に伝えるために、CM、雑誌広告、ビルボードなどを活用します。オフラインの世界では厳密な測定が出来ないとはいえ、人の頭には伝えたイメージが残っている場合があります。企業や製品名をみると、広告塔になっている芸能人や、テーマソングが脳裏に浮かんでくるのは、オフラインの

モバイル

ソーシャルメディアとスマートフォンに共通する関係の設計

10月12日にロフトワークが主催するいまさら聞けない!? 企業のスマートフォン対応 [http://www.loftwork.jp/seminar/2011/20111012_smartphone.html] というセミナーで登壇をしました。スマートフォンがテーマですが、今回の参加者は制作者よりマーケッター、ディレクター、プロデューサー層が多い集まりだったこともあり、コミュニケーションの変化をテーマの基盤にしてスマートフォンではどのような見せ方や運営の仕方が最適なのかを解説しました。 今年は「ソーシャルメディア」という言葉が IT/Web 業界だけでなく、他のシーンでも耳にする場合があるほど流行しました。こうした言葉があるからこそ、より多くの方に興味をもってもらえるキッカケになるわけですが、本質が見え難くなる場合があります。ソーシャルメディアにしても「メディア」というフレーズを強調して理解すると、Facebook や Twitter は数々存在する情報配信チャンネルに過ぎなくなります。実のところ、ソーシャルメディアは扉を開けるただの鍵 [http://www.yasuhisa.c

apple

ありがとう、Steve Jobs

私が最初に Mac に触れたのは、PowerPC Mac で 1994 年のことです(どのモデルかは記憶にないです)。アメリカに留学中のときにホストファミリーが購入したもので、時々触っていました。学校にはブルースクリーンが目に刺さる IBM のパソコンしかなかったので、Mac のやさしさを感じるインターフェイスは驚きでした。当時はどこか人を寄せ付けない雰囲気をもっていたパソコンでしたが、Mac には逆に人を引きつける『何か』があったのは今でも覚えています。用事がないのについ立ち上げてしまう・・・そんな存在でした。 その後、Mac は私の中では遠いあこがれの存在でした。iMac が登場したことで、高価で手の届かない Mac という印象はだいぶなくなったものの、踏み切る理由を見つけることが出来ず Windows を使い続けていました。 転機になったのがデザイン学科を専攻したことと、プロスペックの Mac を低価格で購入することができる Power Mac G4 Cube [http://ja.wikipedia.org/wiki/Power_Mac_G4_

仕事

職種ではなく自分として仕事をするためのヒント

先週末、パンダの会 その陸 [http://pandanokai.net/event/evt6/]が開催されました。5月に @3panda [http://twitter.com/#!/3panda] さんと対談をした [http://www.yasuhisa.com/could/announcement/automagic-3panda/] ことがキッカケで実現した今回のイベント。パンダの会は Web サイト制作をはじめてまだ 1, 2年くらいの方を主な対象としていますが、この日はおなじみの顔ぶれもチラホラあり、リラックスした雰囲気で行われました。今回のお題は『 Webをつかって何をしたいか見つけ出そう』。先月開催された WebSig 1日学校 [http://www.yasuhisa.com/could/article/design-is-politics/] では、多くの先生がキャリアについてお話されていましたが、私はパンダの会でキャリアについて話すことになりました。 2006年に流行していた言葉や技術を前面に押し出してアピールしている企業や個人はいるでしょうか。2011年のト

UX

UXの奥にあるもうひとつのレイヤー

9月23日に第6回 .NET中心会議 [https://itmedia.smartseminar.jp/public/seminar/view/299] が開催されました。エンタープライズ向け、B2B 向けのシステムを開発している方が多く参加されるイベントで、今回のテーマは「UX [www.yasuhisa.com/could/tag/ux] 」でした。製品発表会やサービス紹介に必ずといっていいほど耳にするようになった「体験」というフレーズ。デザイナーだけでなく、エンジニアや経営者など幅広い方々から重要性が認知され初めているのが分かります。しかし、「UX」という言葉は人によって定義や強調するところがまちまちですし、範囲が広過ぎて結局よく分からないイメージが未だにあります。 昨年開催されたリクリのセミナー&ワークショップ [http://www.yasuhisa.com/could/diary/kobe-ux-event/] で、分かり難い UX を具体化するためのアプローチを紹介しましたが、まだ課題は多いのが現状です。Web では深い議論が出来ないところから、「UX = 素敵なインタ

WD101

WD101: モニターの外をデザインするのが大半である

このシリーズでは Web Design101(WD101)と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 * Webは見た目のコントロールがきかない [http://www.yasuhisa.com/could/article/wd101-nocontrol-in/] Webサイトをデザインするといっても、スケッチブックに描いたワイヤーフレームを基にグラフィックツールで装飾をすれば完成するわけではありません。たとえ、見た目がよくても操作がしにくい、読み難い、何処になにがあるのか把握しにくいのであれば意味がありません。つまり外観を作るというのはデザインプロセスのほんの一部でしかなく、それ以外のことを考える必要があります。 見た目だけではデザインが完結しない・・・という意味では、Web デザインはグラフィックデザインというより、プロダクトデザインに近いでしょう。プロダクトデザインも単に絵が描けて、美しいフォルムを作れば良いというわけではありません。プロダクトが置かれる環境、どのような人がどういったシーンで使

The Greatest Movie Ever Sold
広告

The Greatest Movie Ever Sold

『スーパーサイズ・ミー [https://www.amazon.co.jp/dp/B00067HDY8/ref=as_li_ss_til?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=B00067HDY8&adid=1R8J5QY5TM70C3SGS5WT&] 』で知られているモーガン・スパーロックのドキュメンタリー映画。毎回おもしろい視点でドキュメンタリーをつくっていますが、今回は広告やプロダクト・プレイスメントがテーマ。プロダクト・プレイスメントとはテレビ番組や映画の中で企業の商品を登場させる宣伝広告の方法。シーンに何気なく登場する製品は実は宣伝のため・・・ということはよくあることですが、このドキュメンタリー映画自体もプロダクト・プレイスメントで作られています。実践しながら題材について語るというメタ視点な映画です。 映画に携わる人たちは映画のことを「Movie Business(映画ビジネス)」と呼ぶことがありますが、スポンサーなしで作られている映画はごくわずかといって良いほど映画はビジネスと化してい

インターネット

本を自由にした Project Gutenberg

[http://www.gutenberg.org/]Project Gutenberg [http://www.gutenberg.org/] をご存知ですか? 1971年マイケル・S・ハートによって始まったプロジェクトで、著作権の切れた名作などを無料で公開しています。似たようなプロジェクトは国内外で立ち上がっていますが、これが最も古い電子図書館として知られています。今年の7月でちょうど 40 年になりました。 現在、36,000 冊以上の電子書籍が無料で公開されており、今出回っている電子書籍リーダーほぼすべてに対応しています。ほとんどの電子書籍が HTML かテキストファイルで公開されているので、読めないデバイスはないといっても過言ではありません。数は少ないですが日本語の書籍 [http://www.gutenberg.org/browse/languages/ja]も幾つかあります。 まるで Wikipedia のように参加型で徐々に電子書籍の数を増やしてきた Project Gutenberg。今なぜこの話題にふれているのかというと、9月6日に創始者のハート氏が他界し

ソーシャルメディア

デバイス利用の変化からみる行動の変化

以下はドイツの Berliner Gazette [http://berlinergazette.de/] に掲載された記事の日本語版です。震災後のソーシャルメディアの利用について意見を欲しいという依頼を受けて寄稿したものです。独自の解釈がありますが、参考になれば幸いです。 元記事: Internet entdecken: Wie hat die Dreifachkatastrophe die digitale Gesellschaft in Japan verändert? [http://berlinergazette.de/internet-fukushima-partizipation/] 2011年は日本にとってスマートフォン元年といっても過言ではない。以前から iPhone や Sony Ericsson の Xperia をはじめとした Android フォンを利用していた方はいたが、今年はテクノロジーやガジェットに強い感心をもっていない一般消費者も使い始めた年だ。10年以上フィーチャーフォンが大多数を占めていた日本の携帯電話市場。フィーチャーフォンにはTVの視聴や電子

セミナー

9月〜10月に4つの講演をおこないます

今年の春くらいから徐々に講演の依頼をいただくようになりましたが、いつの間に過密なスケジュールになってきました。公開されているスライドのデザインや講演の内容が気に入ってくださった方がいるというのはありがたいことです。10月まで4つの講演が控えていますが、デザイン、キャリア、マーケティング などトピックの幅は様々。この中で紹介されているセミナーの中には無料なのもあるので、もし気になるトピックがあれば参加してみてください。 WebSig 1日学校 2011 [http://1ds.websig247.jp/2011/] 2011年9月10日(土) デジタルハリウッド大学八王子制作スタジオ 学校の校舎をつかって行われる1日イベントも今回で二回目になります。WebSig で2年半前にセマンティックWebについて話 [http://www.yasuhisa.com/could/diary/websig-semanticweb/] をしましたが、それ以来の講演になります。私は選択授業という枠で「デザイン視点のコミュニケーション術」について話をします。 今のデザインはデザイナーだけに任せるに

ゲーム

OpenCUでオンラインゲームについて話しました

8月26日 OpenCU [http://www.opencu.com/] にて WEBの未来はオンラインゲーム [http://www.opencu.com/xn/detail/5441502:Event:33337]にあるというイベントを開催しました。昨年の WCAN でゲームをテーマにした講演を行いました [http://www.yasuhisa.com/could/diary/wcan2010-gamedesign/] が、Web サイト制作と直接関係ないようにみえるところから、なかなか話す機会がありませんでした。最近は Gamification(ゲーミフィケーション)のような流行語が日本でも聞かれるようになったことから多少話しやすくなったものの、ゲーム的な仕掛け作りだけが学べるところではないと以前から考えていました。今回は仕掛けや UI といった部分以外から学べるオンラインゲーム(MMO [http://ja.wikipedia.org/wiki/MMORPG] )の魅力を話しました。何年も前からオンラインゲームの話をしたいと言っていましたが、ロフトワークさんのご好意でや