Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ともにつくるには Civic Tech Live!7月号 「社会を変えるデザイン」 ~なせ...
Search
Yuichi Yazaki
July 18, 2016
Design
1
630
ともにつくるには Civic Tech Live!7月号 「社会を変えるデザイン」 ~なぜ今デザインが課題解決に求められているのか~
7月22日(金)株式会社エウレカで開催予定のイベント登壇用の資料です。
https://www.facebook.com/events/101307533639765/
Yuichi Yazaki
July 18, 2016
Tweet
Share
More Decks by Yuichi Yazaki
See All by Yuichi Yazaki
Data visualization to expand your skills as a creator
n1n9
0
260
世界の行政機関 情報可視化 事例
n1n9
0
2.2k
コロナ禍におけるデータ可視化
n1n9
2
200
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
720
残された我々のための「データ・ヒューマニティ」
n1n9
6
1.9k
Open Data Day logo generator
n1n9
0
240
データビジュアライゼーション講習のご案内
n1n9
0
280
IxDA Tokyo #3 Community Talk: Dissolving boundaries, building connections.
n1n9
0
1.1k
ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」
n1n9
0
1.1k
Other Decks in Design
See All in Design
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
380
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
360
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
290
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
170
What makes a great Director?
_limex_
0
110
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
380
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
100
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
110
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
240
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.6k
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
670
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Docker and Python
trallard
45
3.5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
What's in a price? How to price your products and services
michaelherold
246
12k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
It's Worth the Effort
3n
186
28k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Transcript
ͱʹͭ͘Δʹ ࡚ ༟Ұ http://notation.co.jp/ Civic Tech Liveʂ7݄߸ ʮࣾձΛม͑ΔσβΠϯʯ ʙͳͥࠓσβΠϯ͕՝ղܾʹٻΊΒΕ͍ͯΔͷ͔ʙ
ύλʔϯɾϥϯήʔδ
ݐஙݐஙՈͱେ͕ݐͯ·͕͢… F. L. Wright - Fallingwater http://www.fallingwater.org/
͔ͦ͠͠ͷॅΉॴͷ͜ͱ ͦ͜ʹॅΉਓͷํ͕Α͍ͬͯ͘Δ http://yonesou.cocolog-nifty.com/yo/2013/03/post-a03f.html
͍ͮΒ͍ͱͨ͠Βɺ͏ਓ͕ɺͦͷ੍࡞ϓϩηεʹ ࢀՃ͍ͯ͠ͳ͍͔ΒͰ…ʁ http://yonesou.cocolog-nifty.com/yo/2013/03/post-a03f.html
ύλʔϯɾϥϯήʔδ • ͷ͋ͨΔॴ • ͞ΘΕΔՖ • ·ͪ·ͪͷҜࢠ … • ղܾͷҰൠతͰநతͳݴޠԽ
• ϩʔίϯςΫετԽ
ެॿ ࣗॿ ڞॿ ڞॿº*5
ݴ༿ͷఆٛ • ϢχόʔαϧσβΠϯ • ΠϯΫϧʔγϒσβΠϯ • ڞ • Co-Design •
… ͱʹͭ͘Δʹ
Code For…
None
http://code4japan.org/ Code for Japan
http://code4japan.org/ Code for Japan
http://code4japan.org/ Code for Japan
None
None
Cyd Harrell͞Μ Frances Berriman͞Μ Code for America Summit 2014
• σβΠϯαΠΫϧ3ʙ5 • ίϯαϧλϯτʹؙ͛ • ΞΫγϣϯυϦϒϯʢͳใઃܭ͕ͳ͞Ε͍ͯΔ༁ʣͰͳ͍ • πʔϧͱ͍͏ΑΓϒοΫϨοτ • յΕͨใઃܭ
• ελοϑʹͱͬͯຊۀͱ͍͏ΑΓαΠυϫʔΫ • σʔλυϦϒϯ • ਝͰɺ࣮༻తͰɺ͙͢ʹؔ࿈͢ΔͷΛ • ʢதԝूݖతͰͳ͘ʣݖత Redesign the design ࣏ࣗମαΠτ վળϓϩδΣΫτ
• σʔλμογϡϘʔυΛ༻ҙͨ͠ • ΣϒੳΫϥϒΛ࡞ͬͨ • ελοϑͷΠϯλϏϡʔ • ࢢຽͷΞϯέʔτ ʮ1.σʔλυϦϒϯʯ
ΠΪϦεͷ10Λ͑ΔলிͷαΠτ͔ΒɺϫϯετοϓˍΞΫγϣϯυϦϒϯͰԣ அతʹใΛ୳ͤΔҰͭͷαΠτ౷߹ ʮ2.ਝͰɺ࣮༻తͰɺ͙͢ʹؔ࿈͢ΔͷΛʯ https://www.gov.uk/
ʮ৫Λ௨ͯ͡ΠϊϕʔγϣϯΛ֦ࢄ͢Δʯͱ͍͏͜ͱΛࢦͯ͠ ͍ΔɻτοϓμϯͰͳ͘ɺࢢ͕ԿΛ͍ͯ͠Δ͔͕Θ͔Δɺ 360։͔Εͨࢢ৫Λࢦ͍ͯ͠Δɻ ςΫϊϩδʔ໘ͰCode for Americaʹڠྗͯ͠Βͬͯɺπʔϧ τϨʔχϯάΛఏڙͯ͠Β͍ͬͯΔɻ ʮʢதԝूݖతͰͳ͘ʣݖతʯ
https://www.gov.uk/design-principles
• σβΠϯͷߟ͑ํΛɺҰൠͷਓͨͪʹ͍͛ͯ͘ɻ • σβΠϯͷϓϩηεࣗମʹɺҰൠͷਓͨͪΛר͖ࠐΜͰ͍͘ɻ Code for Americaͷࣄྫ ϘτϜΞοϓܕΞϓϩʔν
Code for TokyoͰͦΕʹՃ͑ͯ… • σʔλΛڌʹ͢Δɻ • ٞࣗମΛՄࢹԽ͢Δɻ ၆ᛌࢹܕΞϓϩʔν ΛऔΓ͍ͨ
drawing by ཬਯ͞Μ
อҭԂϚοϓ 23۠
TokyoอҭԂϚοϓβ൛ http://hoikuenmap.codefor.tokyo/
http://log.notation.co.jp/event/cft160420/ อҭԂʹ͍ͭͯ՝Λ࣋ͪدΔ
http://log.notation.co.jp/event/cft160420/ อҭԂʹ͍ͭͯ՝Λ࣋ͪدΔ
ࢦ͍ͯ͠Δ͜ͱ • ߦ͕ख͕ճ͍ͬͯͳ͍͜ͱΛɺͭͷͰͳ͘ɺ ࣗͨͪͰ࡞ͬͯ͠·͏ • ͍ۙ͠ҙࣝΛ͍࣋ͬͯΔਓͨͪΛר͖ࠐΉ • Φʔϓϯιʔεͷੈք౦ژ͕த৺͡Όͳ͍͍ͯ͘ • σʔλඪ४Խ
ֳ RESASϫʔΫγϣοϓ
https://www.facebook.com/events/907043616033052/ RESASͳͲΛར༻ͯ͠ɺҬͷಛΛՄࢹԽ
https://www.facebook.com/events/907043616033052/
https://data-visualization-japan.doorkeeper.jp/events/36366
ࢦ͍ͯ͠Δ͜ͱ • σβΠφʔɺΤϯδχΞͰͳ͍ਓͨͪͰɺԾઆΛ ཱͯͯɺσʔλͰࣄΛදݱ͢Δํ๏Λʹ͚ͭΔ • ౷ܭσʔλ͔Βൃݟ͕͋Δ͜ͱΛମݧ͢Δ • ߦͱॅຽͷίϛϡέʔγϣϯճ࿏Λ૿͍ͨ͠ • ʢύϒϦοΫίϝϯτ=1:nʣ
• ʢRESAS=n:nʣ
ࠃཱࠃձਤॻؗ ํ࣏ࣗମΣϒαΠτͷՄࢹԽ
http://visualizing.jp/ndl-dataviz/ ํ࣏ࣗମͷΣϒαΠτΛՄࢹԽ
ࢦ͍ͯ͠Δ͜ͱ • ํ࣏ࣗମ͝ͱͷҙ֎ͳಛɺҙ֎ͳؔੑΛσʔ λ͔Β୳͠ग़͢ɻ • ΤϯδχΞͷ࣮ྗͱσβΠφʔͷൃྗͷ༥߹ • σʔλར׆༻ʢՄࢹԽʣͷࣄྫ࡞Γ
Open Design Lab.
https://www.facebook.com/groups/opendesignlabjp/ InfoGraphics + Graphic Recording + Data Visualization photo by
Akiko Yanagawa.
ࢦ͍ͯ͠Δ͜ͱ • InfoGraphicsɺGraphic RecordingɺData Visualizationͷख๏Λ࣋ͪدͬͯΈΔ • σβΠφʔ͕ϓϩδΣΫτͷओମऀʹͳΔ • σβΠφʔ͕ʮडୗʯऀʹͳΒͳ͍
σʔλͰֆΛඳ͘
ϫʔΫγϣοϓ ࢀՃऀͷ࡞
ϫʔΫγϣοϓ ࢀՃऀͷ࡞
ࢦ͍ͯ͠Δ͜ͱ • ઐੑʹͱΒΘΕͳ͍ࣗ༝ͳൃ • ΞταΠμʔɾΞʔτతͳ͋Γํ • طଘͷϏδϡΞϧม࠲ඪܥΛ͑ͯɺֆͱͯ͠ ͷ໘ന͞ʗ৺Α͞Λٻ ɹɹɹ ↓
• ৽͍͠νϟʔτάϥϑͷੜ • खඳ͖ͱϓϩάϥϛϯάͰಉ͡࡞ۀΛ͢Δ͜ͱʹΑ Δϓϩάϥϛϯάڭҭͷํ
YahooΈΜͳͷ࣏ 18ࡀબڍݖ ࣾձ՝ΞΠσΞιϯ
http://seiji.yahoo.co.jp/youth/ideathon/
http://seiji.yahoo.co.jp/youth/ideathon/ ߴߍੜͷࣾձ՝ҙࣝΛ࡞Խ
ࢠڙ͚ϫʔΫγϣοϓ
ϖϯϩʔζɾλΠϧܕΞΫϦϧͰϒϩʔν࡞Γ http://toy-by-algorithm.com/04_ToyMuseum/detail.html
େྔͷഇغ͓ͪΌͰָثͭ͘Γ http://toy-by-algorithm.com/01_Fuji/detail.html
ࢦ͍ͯ͠Δ͜ͱ • ࢠڙͷࣗ༝ͳൃΛҾ͖ग़͢ • ݴ༿ΛΘͳ͍ɺੈΛ͑ͨίϛϡχέʔγϣϯ
·ͱΊ
ࢦ͍ͯ͠Δ͜ͱ • σβΠφʔ͕ϓϩδΣΫτͷओମऀʹͳΔ • ͍ۙ͠ҙࣝͷଟ༷ͳਓͨͪΛר͖ࠐΉ • Φʔϓϯιʔεͷੈք౦ژ͕த৺͡Όͳ͍͍ͯ͘ • ݴޠɾඇݴޠͷίϛϡέʔγϣϯճ࿏Λ૿͢ •
ઐੑʹͱΒΘΕͳ͍ࣗ༝ͳൃ͕େࣄ • ΤϯδχΞͷ࣮ྗͱσβΠφʔͷൃྗͷ༥߹Λ ࢦ͢
ͱʹͭ͘Δʹ… • Ͱ͖Δ͚ͩσβΠφʔ্͕ྲྀఔʹࢀՃ͢Δ͜ͱ͕େࣄɻ ίϯηϓτ༷͕͔ͬ͠Γ͍ͯ͠ΕɺԼྲྀఔͰɺͱ ʹͭ͘Δ͜ͱཱ͕͘͢͠ͳΔͷͰɻ • ͱʹͭ͘Δ͜ͱ͕;͞Θ͍͠ͷͱͦ͏Ͱͳ͍ͷ͕͋ Δɻ • ਓΒͳ͍͜ͱΛΕͳ͍ɺͱ͍͏͜ͱΛΔɻ
• ਓ͍ͬͯΔ͜ͱΛɺΒͳ͍͜ͱʹ͢Δͷ͕ࠔɻ • σβΠϯఔͷ8ׂݴޠԽՄೳɻΓ2ׂ͕ࣗ༝ԋٕ ʢηϯεʣɻηϯεͷ͋Δͳ͠ʹಀ͛ͳ͍ɻ • ՝ղܾɺʮ෩ͱଠཅʯͩͬͨΒʮଠཅʯ͕͍͍ɻ
None