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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Yuichi Yazaki
July 18, 2016
Design
1
640
ともにつくるには 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
300
世界の行政機関 情報可視化 事例
n1n9
0
2.3k
コロナ禍におけるデータ可視化
n1n9
2
220
発信者主体の情報可視化作品作りにおけるスケッチの行い方考察
n1n9
2
750
残された我々のための「データ・ヒューマニティ」
n1n9
6
2k
Open Data Day logo generator
n1n9
0
290
データビジュアライゼーション講習のご案内
n1n9
0
300
IxDA Tokyo #3 Community Talk: Dissolving boundaries, building connections.
n1n9
0
1.2k
ハッカーズチャンプルー2017「データ・ビジュアライゼーションによる 地域や社会との関わり方」
n1n9
0
1.2k
Other Decks in Design
See All in Design
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
370
AIでデザインをつくる:基礎編
kenichiota0711
3
2.4k
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
920
hicard_credential_202601
hicard
0
150
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
540
kintone_aroma
kintone
0
1.3k
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
140
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
1.4k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
490
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
9
3k
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.4k
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
0
280
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.4k
Design in an AI World
tapps
0
140
SEO for Brand Visibility & Recognition
aleyda
0
4.2k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Fireside Chat
paigeccino
41
3.8k
The browser strikes back
jonoalderson
0
370
The Invisible Side of Design
smashingmag
302
51k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.6k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
430
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
280
The Spectacular Lies of Maps
axbom
PRO
1
520
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