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
「みんなではじめるデザイン批評」 DevLOVE関西 ビブリオバトル
Search
matsuo
November 21, 2016
Design
0
160
「みんなではじめるデザイン批評」 DevLOVE関西 ビブリオバトル
2016.11.21 DevLOVE関西 ビブリオバトル でのスライドです
https://devlove-kansai.doorkeeper.jp/events/53270
matsuo
November 21, 2016
Tweet
Share
More Decks by matsuo
See All by matsuo
「偏愛マップ」ワークショップ導入 / eccentric love map
matsuoshi
0
1.4k
Backlogの運用ルールをチームみんなで決めた話 / JBUG Osaka 2
matsuoshi
2
1.3k
Speaker Deck のURLをなんとかする / speakerdeck's url
matsuoshi
3
1.1k
モブプログラミングやってみた (PHPカンファレンス関西2018懇親会LT) #phpkansai / mobmob
matsuoshi
0
1.9k
俺とTrelloと終わらんタスク (DevLOVE関西 "個人のタスクマネジメント"のコツや悩みを話す場 資料) #devkan
matsuoshi
7
8.1k
カスタム・プロパティと cssnext #csstalk
matsuoshi
2
2.3k
Yeoman で Gulp環境をさらっと作る / gulp+yeoman
matsuoshi
1
61
Other Decks in Design
See All in Design
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
160
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
180
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.5k
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
610
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
200
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.9k
Personal Story Sequence - Vendetta(WIP)
elrns88
0
340
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
450
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
2.6k
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
470
Design System for training program
mct
0
160
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
580
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
4
170
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
17
2.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Being A Developer After 40
akosma
87
590k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
Docker and Python
trallard
42
3.1k
Building an army of robots
kneath
302
44k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
A better future with KSS
kneath
238
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Building Adaptive Systems
keathley
38
2.3k
Transcript
ʮΈΜͳͰ͡ΊΔ σβΠϯ൷ධʯ DevLOVEؔ ϏϒϦΦότϧ 2016.11.21 দඌ (TAM inc.)
ࣗݾհ • ·͓ͭ ͻΖ͠ • TAM inc. CTOɾΤϯδχΞɾςΫχΧϧσΟϨΫλ • TAM
: डୗϝΠϯͷWEB੍࡞ େࡕɾ౦ژɾγϯΨϙʔϧɾϩϯυϯ • PHPΧϯϑΝϨϯεؔ ελοϑ ΄͔
հ͢Δຊͪ͜Β
σβΠϯຊ???
ݪॻΦϥΠϦʔ͔Βग़ͯ·͢
σβΠϯͱΤϯδχΞͷؔ • UIσβΠϯɺจݴͻͱͭͱͬͯσβΠϯ • Ϣʔβ͕৮Δͳʹ͔͠ΒΛ࡞͍ͬͯΔਓʹ ແؔͰͳ͍ • ݴޠԽɺΓͱΓ͕͍͠ྖҬ
͜ͷຊͰͷσβΠφʔͷఆٛ w ΞΠσΟΞΛࢥ͍͖ͭɺԿΒ͔ͷํ๏Ͱ ΞΠσΟΞͷग़ʹऔΓΉશͯͷਓΛ ʮσβΠφʔʯͱݺͿ • ͓Αͦઃܭ͔ΒܞΘΔΤϯδχΞؚ·ΕΔ
൷ධͬͯ???
൷ධͱʮੳํ๏ʯ • (ίʔυϨϏϡʔతͳ) ϑΟʔυόοΫ ʹ3छྨ͋Δ • Ԡ • ࢦࣔ •
൷ධ
ϑΟʔυόοΫͷ3λΠϓ • (1) Ԡ ʮ͏ʔΜɺͳΜ͔ҧ͏ʯ ʮΊͬͪΌ͍͍Ͱ͢Ͷʂʯˠ ͨͩͷԠ • (2) ࢦࣔ
ʮ˓˓ʹม͍͑ͯͩ͘͞ʯ ʮ××Θͳ͍Α͏ʹʯˠ എܠઆ໌͕ͳ͍
ϑΟʔυόοΫͷ3λΠϓ • (3) ൷ධ ʮతʹԊͬͨੳʯ͕͋ΓɺՌΛΑΓ Α͘͢ΔใΛɺ͖ͪΜͱ૬खʹಧ͚Δ͜ͱɻ • తʹ͔ͬͯલʹਐΊΔͨΊͷ൷తࢥߟɺ ੳํ๏ •
ΰʔϧɾత͕ڞ༗͞Ε͍ͯΔ͜ͱ͕ඞਢ
൷ධͰେࣄͳ͜ͱ
൷ධͷϙΠϯτ • ͓ޓ͍ʹʮతʯΛΕͳ͍ • ےҧ͍ͷҙݟ͕νʔϜΛർฐͤ͞Δ • ࡞ͬͨͷΛઆ໌͢ΔεΩϧɺ Α͍ʮ൷ධʯΛ͢ΔεΩϧ → ࿅श͕ඞཁ
ʮࢥ͍ࠐΈʯΛආ͚Δ • ͍ͪΜྑ͍ํ๏
ʮࢥ͍ࠐΈʯΛආ͚Δ • ͍ͪΜྑ͍ํ๏ ʮ࣭͢Δʯ • جຊͷίϛϡχέʔγϣϯ
จԽͷҭ (దͳظͱΠςϨʔγϣϯ)
൷ධͷϑΝγϦςʔγϣϯ
ѻ͍ʹ͍͘ਓʑɺ ͔͍ͬͳঢ়گͷ ରॲ๏
ϦϞʔτϫʔΫͰͷ൷ධ
10ͷΞϯνύλʔϯ
w Ԡ͢Δ w ࣗݾத৺తʹͳΔ w ࣗݾӴతʹͳΔ w ج൫͕ҟͳΔ w য͕߹͍ͬͯͳ͍
w ػೳ͍ͯ͠ͳ͍͜ͱ͚ͩ ʹ͢Δ w σΟεΧογϣϯ͕ߦΘ Εͳ͍ w ࢀՃ͠ͳ͍ w Λղܾ͠Α͏ͱ͢Δ w ൷ධͱσβΠϯϨϏϡʔ Λࠞಉ͢Δ
͜ͷຊͰ ҹతͩͬͨͱ͜Ζ
൷ධ = ϥΠϑεΩϧ w ൷ධ ͬͱΑ͍ͨ͘͠ͱࢥ͏ͲΜͳ׆ಈɺ ͲΜͳ͜ͱʹɺ͍ͭͰ׆༻Ͱ͖Δ w తΛ೦಄ʹஔ͖ͳ͕ΒԿ͔Λߦ͏ͱ͖ɺ ൷ධͱͬ͘͡Γߟ͑ΔߦҝͰ͋Γɺ
ֶशϓϩηεͷҰ෦ɻ w ୯ͳΔσβΠϯεΩϧͰͳ͘ɺϥΠϑεΩϧɻ
·ͱΊ • ൷ධϥΠϑεΩϧɺ͍ͭͰ׆༻Ͱ͖Δ • ߟ͑ํɺόοΫάϥϯυ͕ҟͳΔଞऀͱ ͷίϥϘϨʔγϣϯ (ͭ·Γɺ΄ͱΜͲͷνʔ ϜͰͷ׆ಈ)ʹ͓͚Δɺίϛϡχέʔγϣϯख ஈͱ͍͑Δ