• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン
 

これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン

on

  • 7,591 views

 

Statistics

Views

Total Views
7,591
Views on SlideShare
3,700
Embed Views
3,891

Actions

Likes
39
Downloads
5
Comments
0

16 Embeds 3,891

http://www.yasuhisa.com 3434
http://w3q.jp 215
http://s.deeeki.com 65
http://www.komaztz.com 42
http://infout.tumblr.com 36
http://freerss.net 29
http://www.freerss.net 27
http://reader.freerss.net 15
http://storify.com 10
http://rss.ameba.jp 4
http://us-w1.rockmelt.com 4
http://flavors.me 3
https://si0.twimg.com 3
http://webcache.googleusercontent.com 2
http://safe.tumblr.com 1
http://131.253.14.250 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン これから求められるWebコミュニケーションスキル 〜今日から始めるプロトタイプデザイン Presentation Transcript

  • これから求められるWebコミュニケーションスキル 今日から始めるプロトタイプデザイン 長谷川恭久 2012年5月26日 あおもりIT活用サポートセンター
  • ハ セ ガ ワ ヤ ス ヒ サ長谷川恭久@yhassy
  • 読みモード ランダム ガイド 読みモード ランダム ガイド 読みモード ラン 広告 資料 IA UIタラクションから生まれる3種類の体験 Webで広告を見せる前に必要なこと パン屑リストについてもう一度考えてみるつに分類することができます。今その瞬間を指す「体験」、名前を付けることができる「ひとつの体験」、誰かと一緒にす 技術を利用したマッチ広告の利用を思案する前に、利用者から「信頼」を勝ち取ることが先決です。利用者とのつながりをもつことで初め パン屑リストが絶対必要であるわけではありません。様々なタイプがあるパン屑リストのなかでも経路と場所を示すパン屑リ。この3つがどのように関わっているかを理解することで体験をより細分化して理解できるようになります。 て広告が相手に伝わる情報へと変化します。 や見せ方についてもう一度考える時期にきています。9 pm 0 コメント 2010年4月6日 4:57 pm 2010年 0 コメント 2011年3月1日 11:26 am体験ってなんですか?」という記事で、体験は2つの自己によって形成され体験ってなんですか?」という記事で、体験は2つの自己によって形成され 様々なパン屑リストました。行動経済学者ダニエル・カーネマンによると、今この瞬間を経験すSelf」、記憶を辿る「Remembering Self」という2つの自己が密接に繋がSelf」、記憶を辿る「Remembering Self」という2つの自己が密接に繋が 利用者が辿ってきた道筋を示し、いつでも先に戻れるような配慮としてパン屑リス幸せかどうかの尺度にも影響するとしています。つまり、よい体験があった す。IA の専門家 Keith Instone によると、パン屑リストには以下のタイプがあると言は、どのようにその出来事を記憶しているかに大きく左右していることにな す。 場所の示すを考える上で、ダニエル・カーネマンの提唱する2つの自己は大変参考にな DO WE REALLY HATE ADS? Webサイトをツリー状として捉えたときの利用者の現在地を表示する体験をもう少し分かりやすく分類するとどうなるでしょうか。ヒト・モノ・ 経路を示すの違いでも体験の仕方が変わってくるはずですが、どのように分類できるで 利用者が現在地まで辿り着いた道筋を表示する 広告 (バナーやテキスト広告) は Web サイト運営において貴重な収入源のひとつです。 (バナーやテキスト広告)Forlizzi と Katja Battarbee が共著した文献「Understanding experience in が共著した文献「Understanding しかし、広告を観覧している利用者にとってはあまり好まれていない存在でもありま 属性を示すms」には、製品やサービスとの関わりで生まれる体験を理解するために、ms」には、製品やサービスとの関わりで生まれる体験を理解するために、 断面的な検索をして絞り込む際、選択済みの属性を表示する す。AP (Associated Press) では民族誌学の視点からニュースサイト読者の研究を進めて す。AP では民族誌学の視点からニュースサイト読者の研究を進めて解のためのフレームワークの構築を試みています。その文献によると、体験 いますが、読者は現在の Web における広告の体験に満足しておらず、多くはウンザリ 進行状況を示すきると言われています。 しているそうです。しかし、広告そのものを嫌っているというわけではなく自分に関係 アプリケーションの利用の際、タスクの進行状況を表示する のある広告であれば見たいと考える方も少なくありません。ience) それぞれのパン屑リストには特有の機能があり役割を果たして来たわけですが、本をしているその瞬間を指します。ダニエル・カーネマンの こうした結果は AP による調査より以前から言われていることなので驚くことではあり うかを再考するべきタイプもあります。例えば経路を示すパン屑の場合、ブラウザ e Self」に近い概念。公園で散歩したり、夕食を食べているそのひとce Self」に近い概念。公園で散歩したり、夕食を食べているそのひと ません。ビルボードや雑誌や TV の広告のように、今まで自分には関係のない広告をた ている「戻る / 履歴」と重複しています。また、利用者が幾つかのページをブラウ くさん見てきた私たちが、なぜ Web だとウンザリしてしまうのでしょうか。その理由 るだけの場合など経路を残すべきか判断しにくい場合があります。経路を示すパン験 (An Experience) 読みモード ランダム ガイド 読みモード ランダム ガイド 読みモード ラン UX ゲームインについて語れる批評をするコツ ゲームから学ぶ「おもしろさ」と「ハマる」の秘密といいつつ、感情的で漠然な言葉が出てしまう場合があります。プロジェクトの目的を意識し何のために批評をするのかを おもしろいゲームには驚き、リスク、報酬、挑戦、発見という5つの要素が含まれています。それぞれのバランスをどう調整れるべきフィードバックを勝ち取ることができるようになるでしょう。 るかでおもしろさが決まってきます。9 pm 2 コメント 2010年3月12日 9:39 am 2010年 12日 シナリオ < ゲームプレイ 今はゲームと一言でいってもかなり意味が広い時代です。ジャンル、機器、オ インなど分類すればキリがありまません。最近 Web ではソーシャルゲームとい ニケーションを軸にしたゲームが幾つか出て来ています。日本でも流行しはじ foursquare もその部類に該当します。人気になるゲームは「おもしろい!ハマ 葉で表現されることが多いですが、おもしろいゲームとは一体どういった特徴 しょうか。なぜ人はゲームにハマるのでしょうか。 Jesse Schell 氏の著書「The Art of Game Design」によれば、素晴らしいゲー 氏の著書「The Design」によれば、素晴らしいゲーム があると定義しています。 批判ではなく批評 (驚き) Surprise (驚き) 自分が予測もしていなかったことが起こる。それに対して自分の経験と直 個人プロジェクトでない限り、公開前に誰かにデザインを見せる機会があると思います。相手は 応しなければならない クライアントかもしれませんし、同僚・上司なのかもしれません。デザイナーの中には見せるの (リスク) Risk (リスク) を躊躇している方もいるのではないでしょうか。知恵とスキルを出し切って作り上げた子供のよ 私が最初に Mac に触れたのは、PowerPC Mac で 1994 年のことです(どのモデルかは記憶にな すべてのアクションにはいくらかのリクスがあり、幾つか予測できるアク うな存在なので、万が一批判されたのであれば自分自身も批判されているように感じるのではな いです)。アメリカに留学中のときにホストファミリーが購入したもので、時々触っていまし スクが低いものを選択しなければならない いでしょうか。IDEOの Time Brown 氏が TED の講演で「デザインはデザイナーだけに任せるに た。学校にはブルースクリーンが目に刺さる IBM のパソコンしかなかったので、Mac のやさし (報酬) Reward (報酬) は重要過ぎる」という言葉を残しているとおり、デザインを皆で考える機会を作るべきです。デ さを感じるインターフェイスは驚きでした。当時はどこか人を寄せ付けない雰囲気をもっていた 多くのリスクを背負いながらも、その分何か大きな報酬をえることができ ザイナーは早い段階から他の誰かとアイデアを共有するべきですが、会話が批判的なものになり パソコンでしたが、Mac には逆に人を引きつける『何か』があったのは今でも覚えています。 読みモード ランダム ガイド 読みモード ランダム ガイド 読みモード ラン Review: 映画 ザ・コーポレーション TV インターネット 私が LOST を愛した理由 私にとってのLOSTの魅力は、島を取り巻く謎はもちろんですが、人を中心とした物語が最大の魅力だと感じています。ストーリーだけでな 私にとってのLOSTの魅力は、島を取り巻く謎はもちろんですが、人を中心とした物語が最大の魅力だと感じています。ストーリーだけでな く、番組そのものがもたらした影響力について解説します。 2010年5月30日 5:26 pm 法律によって「人」とされている法人に対して精神分析をしたらどうなるだろ 2010年 30日 0 コメント メンタリー映画『ザ・コーポレーション』のテーマです。どん欲に利益を求め メンタリー映画『ザ・コーポレーション』のテーマです。どん欲に利益を求め が、環境・社会・動物・人を傷つけていることがあります。嘘つきで長期的な 先週終了したTVシリーズ「LOST」についての記事ですが、ネタばれは書かれてい が出来ない法人は、人格障害者と変わらないと判断されてもおかしくないそう ません。記事の内容は全体的なテーマや番組が試みた手法について書かれているの で、特定の謎についても説明されていません。ただし、リンク先がネタばれに繋が に守られ、法によってつくられた人であるが故に犯罪にならず、今日も利益を る場合があるので注意してください。 す。 映画でも指摘していますが、利益をどん欲に追い求める法人に働く人たちも悪 うではありません。法人がもつ独立した人格は、そこで働くひとりひとりの人am 1 コメント LOSTを取り巻く神話 わけではないわけです。もちろん、彼等の仕事が何らかの形で求められる利益 LOSTがおもしろい理由のひとつとして数多く存在する象徴的表現にあると思います。John LOSTがおもしろい理由のひとつとして数多く存在する象徴的表現にあると思います。John を満たしていることはあるでしょう。劇中でも自分は自分の仕事をしているわrse designed by committee. (ラクダとは委員会によって設計された馬であ Locke や Rousseau など有名な哲学者や科学者の名前を引用したものや、キリスト教、仏教、 きちんとこなすことが重要であると主張している方はいます。それと同時に環 ヒンドゥー教をはじめとした宗教観や、ギリシア・エジプト神話の神々の物語をそのまま描写し 企業の CEO は一般市民の声に真剣に耳を傾けている姿もでてきます。時に法
  • ウソ ホント
  • 静的過ぎる 固定レイアウト 高コンテキスト 間違った期待
  • 静的過ぎる 固定レイアウト 高コンテキスト 感情の共有
  • このカンプ良いね!
  • タイポグラフィインタラクションアニメーションソフトウェア ハードウェア
  • なんか違う! タイポグラフィ インタラクション アニメーション ソフトウェア ハードウェア
  • カンプ完成 リリース
  • クリックプッシュ
  • スワイプドラッグ&ドロップ マルチタッチ ジェスチャー
  • 触れる『カンプ』 指がインプットデバイスphoto by Innovation Lab
  • 利用シーンスクリーンサイズ インプット UIがデザインそのもの
  • 「とりあえず作ってみて。みてみないとわからないから」つぶやきまとめ とりあえず家作ってみて、住んでみないとわからないから それが分かるクライアントだったらどんなにラクか これはどちらの立場もわかる。 アイディアも技術も無料じゃない
  • メリット ゴール ツール
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的 誰でも出来る 無形 早い 本人しか分からない 安い 高い話術が必要
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的 手軽 具体性が欠ける 共有の敷居が低い 読み取る時間 論理構築 高い文章力
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的 印象が掴める 遷移と動きがない ある意味スタンダード 柔軟性の欠落 共有しやすい 高いリテラシー
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的限りなくホンモノ コスト 世界観が伝わる コスト!誰でも分かる コスト!!
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的 印象が掴める 具体的な対話ができる アイデアを洗練させる 失敗を早期にできる
  • アイデア 文章 カンプ/モック プロトタイプ ビデオ抽象的 具体的
  • 早く 安く 動作する テスト可能 測定可能
  • コストミスコミュニケーションインタラクションの複雑化
  • photo by Almond Butterscotch
  • 情報共有
  • デザインの明確化
  • アイデアのアピールphoto by Morten Skogly
  • ユーザビリティテストphoto by Luca Mascaroy
  • 情報共有 デザインの明確化 アイデアのアピール ユーザビリティテストphoto by Almond Butterscotch
  • 紙 プレゼン ツールFlash Flex その他
  • 何がゴールか 誰が触るのか どれくらい手軽か 学習難易度は 拡張・柔軟性はphoto by Rich Jones
  • メリット ゴール ツール
  • Design is Team Play
  • @yhassy Thank you mail@yasuhisa.com yasuhisa.com/could