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
himagはいかにして1年半で累計300万ページビューの人気ブログになったのか?
Search
Katsumi TAZUKE
October 08, 2016
Design
0
460
himagはいかにして1年半で累計300万ページビューの人気ブログになったのか?
映像クリエイター川井拓也氏の個人ブログhimagの制作、運営の秘密を徹底解説!
Katsumi TAZUKE
October 08, 2016
Tweet
Share
More Decks by Katsumi TAZUKE
See All by Katsumi TAZUKE
Katsumi TAZUKE's portfolio
taz8
0
350
初心者のためのUser Centered Designの考え方(入門編)
taz8
0
100
ブランディングの観点から考察するWebサイトの価値について
taz8
0
160
エンジニアのための User Centered Design の考え方(入門編)
taz8
1
61
Webデザインのトーン&マナーを導き出す手法
taz8
0
910
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
taz8
0
310
Other Decks in Design
See All in Design
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
390
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
190
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.3k
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
850
The Spectacular Lies of Maps
axbom
PRO
1
300
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
「UXとUIの違い」v2
shirasu3
0
250
Memory Man v3 (WIP)
storybychad
PRO
0
2.7k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
2k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
270
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
700
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
170
Featured
See All Featured
Designing for humans not robots
tammielis
254
26k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Done Done
chrislema
185
16k
How to train your dragon (web standard)
notwaldorf
96
6.3k
The Cult of Friendly URLs
andyhume
79
6.6k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
How to Ace a Technical Interview
jacobian
280
24k
Building Applications with DynamoDB
mza
96
6.7k
What's in a price? How to price your products and services
michaelherold
246
12k
Scaling GitHub
holman
463
140k
Typedesign – Prime Four
hannesfritz
42
2.8k
Transcript
IJNBH͍͔ʹͯ͠Ͱ ྦྷܭສϖʔδϏϡʔͷ ਓؾϒϩάʹͳͬͨͷ͔ IJNBHެࣜΞυόΠβʔ ాෟɹࠀາ
ࣗݾհ ాෟɹࠀາʢ͚͔ͨͮͭΈʣ 8FCσΟϨΫλʔʗϓϥϯφʔ ͍͢͞ʹ͍ͭͯపఈతʹݚڀ͠ɺͲ͏͢Ε͍͘͢ͳ Δ͔Λʑߟ͍͑ͯ·͢ɻ ίϯςϯπ੍࡞ձࣾʹۈ͠ɺσΟϨΫλʔɾϓϩδΣ ΫτϚωʔδϟʔͱͯ͠ɺίϯςϯπߏஙͷاըɾઃܭɾσΟ ϨΫγϣϯΛ୲ɻϢʔβΤΫεϖϦΤϯεͷݚڀɾ࣮ફʹؔ Θ͍ͬͯ·͢ɻ
ಠཱ͠ɺϑϦʔϥϯεͷ8FCσΟϨΫλʔͱͯ͠׆ಈதɻ )$%/FUೝఆਓؒத৺ઃܭઐՈ IJNBHެࣜΞυόΠβʔ ͨͮ,!UB[
IJNBHͱ
IJNBHͱ IJNBHө૾ΫϦΤΠλʔҪࢯ ͷݸਓϒϩάͰ͢ɻ ݄ʹ։ઃޙɺظؒͰ ݄ؒฏۉສϖʔδϏϡʔΛୡ͠ɺ هࣄຊɺདྷऀສਓɺ ݄ʹྦྷܭສϖʔδ ϏϡʔΛಥഁʂ
ʮϥΠϒυΞϒϩά0'5)&:&"3 ʯΛड͍ͯ͠·͢ɻ
ΞυόΠβʔͱ͓ͯ͠ख͍ͨ͜͠ͱ ϖʔδσβΠϯIUNMίʔσΟϯάʹ ؔ༩͍ͯ͠·ͤΜɻ ίϯηϓτͦͷදݱͷํʹ͍ͭͯɺ ΞυόΠεΛܧଓͯ͠ߦ͍ͬͯ·͢ɻ
ࢀߟࣄྫ ࠷ۙαΠόʔΤʔδΣϯτࣾͰɺ ʮηϨϒϦςΟϚʔέςΟϯάε λδΦʯͱ͍͏৫Λઃཱ͠ɺஶ ໊ਓͷ4/4ʹΑΔใൃ৴ͷα ϙʔτΛ࢝ΊͨΑ͏Ͱ͢ɻ IUUQTXXXDZCFSBHFOUDPKQ OFXTJOGPQSFTTEFUBJMJE
ίϯηϓτ
IJNBHͷίϯηϓτ ᶃϩϯάςʔϧΛࢦ͢ ΠϚίί ͍ࣺͯͰͳ͘͘ΔΞʔΧΠϒΛ ࢤ͢ΔͳΒɺٸܹͳ17૿ΑΓɺهࣄ ͷੵʹΑΔ૿Λࢦ͢ͷ͕·͍͠ ͱߟ͑·͢ɻ ݸਓϒϩάɺਓΛݟʹདྷΔͷͰචऀ ͷΩϟϥΫλʔ͕ͯ͢ͱݴͬͯաݴͰ ͋Γ·ͤΜɻݟͰͳ͘ɺݸਓͷ
झຯɾᅂʹప͢Δ͜ͱ͕ϑΝϯͰ͋Δ ಡऀͷϦϐʔτΛݺͼ·͢ɻ ಈ͋͘·Ͱʮಈ͍͍ͯΔʯʮ׆ಈͯ͠ ͍ΔʯΠϝʔδͰ͋ΓɺΞΫςΟϒ͞Λ ىͤ͞ΔͷͰ͢ɻ ϑοτϫʔΫͷྑ͕͞هࣄʹදݱ͞Εͯ ͍Δͱ·͍͠ͱߟ͑·͢ɻ ᶄҪͷΈʹప͢Δ ᶅ੩ΑΓಈͷΠϝʔδ
IJNBHͷϙδγϣχϯά Χϥοͱͨ͠ IJNBH δϝδϝ ઐੑ σΟʔϓͳੈք ෯͞ IJNBHͷهࣄΛҰݟ͢Δͱɺͬ ͱ෯͍ςʔϚΛѻ͍ͬͯΔͱ͍
͏ΠϝʔδΛ࣋ͪ·͕͢ɺ࣮ࡍʹ Ұൠతͳδϟϯϧͱͯͦ͠Ε ΄Ͳ෯͋͘Γ·ͤΜɻ IJNBHΛಛ͚ͮΔͷɺؾ࣋ͪ ͷΑ͍ʮס૩ʯͰ͋Γɺൈ͚ͷ ྑ͍Χϥοͱͨ͠จମ͕IJNBHͷ ҹΛܗ࡞͍ͬͯΔͱߟ͑ΒΕ· ͢ɻ
IJNBHͷϙδγϣχϯάʢผͷෳࢹ͔Βʣ ಈత EZOBNJD ੩త TUBUJD νϟϥ͍ ॏް ໌Δ͍
҉͍ εΧοͱ ष͍ ͋ͬ͞Γ ೪ண࣭ தੑత உͬΆ͞ Ϛονϣ ͍ ͍
IJNBHϒϩάͱଞͷ׆ಈͱͷ࿈ܞ UXJUUFS GBDFCPPL ө૾ͷ͓ࣄ ςϨϏϥδΦग़ԋ ࡶࢽͳͲ ଞϝσΟΞͷ࿐ग़ Ҫ͞ΜΛΒͳ͍ ৽͍͠ͷऔΓࠐΈ ຊۀຊۀ͔Βͷ
ϑΟʔυόοΫ Ҫ͞ΜΛΑ͘Δ ϑΝϯͷఆணΛ ΑΓڧԽ هࣄΛಡΉ͖͔͚ͬ ͱͯ͠ɺ4/4͔Β ͷϦϯΫ͕ఔ͔ IJNBH
ͳͥϖʔδϏϡʔ͕ ٸ্ঢͨ͠ͷ͔
ϖʔδϏϡʔٸ্ঢͷൿີ ᶃهࣄͱ͍͏ڻҟతͳߋ৽ස ᶄJ1PEͰॻ͘ϥΠϒײ͋;ΕΔจମ ᶅUXJUUFSGBDFCPPLʹΑΔߋ৽ͷ௨
ݸผͷվળʹ͍ͭͯ
ݸผͷվળΧςΰϦ Ұൠͱͯ͠ɺΧςΰϦ૿͠ ͗͢ͳ͍ͷ͕·͍͠Ͱ͢ɻͬ͟ ͘ΓҰʹύοͱѲͰ͖Δͷ ̑ʙ̕ݸ͙Β͍ͱݴΘΕ͍ͯ·͢ɻ ·ͨɺࣅͨΑ͏ͳδϟϯϧ̍ͭ ʹ·ͱΊͯɺར༻ऀαΠυ͔Β ݟΕҧײͳ͍ͱࢥΘΕ·͢ɻ CFGPSF
ݸผͷվળΧςΰϦ େΧςΰϦΛ̕ݸʹߜΓࠐΈɺ ϑΝʔετϏϡʔͰඞͣݟ͑Δը ໘্෦ʹϝΠϯϝχϡʔΛදࣔ͠ ·ͨ͠ɻ ͲΜͳίϯςϯπ͕͋Δ͔ɺ͞ ΒͬͱҰݟ͢Δ͚ͩͰ֓ཁΛ͔ͭ Ή͜ͱ͕Ͱ͖·͢ɻ αϒΧςΰϦҎԼӈαΠυόʔ
͔ΒબՄೳʹͳ͍ͬͯ·͢ɻ BGUFS
ݸผͷվળهࣄλΠτϧͱϦʔυจͷදࣔํ๏ Ұཡϖʔδʹදࣔ͞ΕΔͷ͕αϜ ωʔϧͱهࣄλΠτϧ͚ͩͰɺ ͋ͬ͞Γ͠ա͍͗ͯΔײ৮͕͋Γ ·ͨ͠ɻ αϜωʔϧʹҾ͖͕ͳ͍ͱڵຯΛ ࣋ͨΕͳ͍Մೳੑ͕͋Γ·͢ɻ CFGPSF
ҰཡϖʔδʹɺαϜωʔϧͱͱ ʹɺେ͖Ίʹཱͨͤͨهࣄλ ΠτϧͱɺϦʔυจΛදࣔ͢ΔΑ ͏ʹมߋ͠·ͨ͠ɻ هࣄ༰ʹڵຯΛ͍͖࣋ͬͯͨͩɺ ΫϦοΫͯ͠ಡ·ΕΔՄೳੑ͕ߴ ·͍ͬͯ·͢ɻ BGUFS ݸผͷվળهࣄλΠτϧͱϦʔυจͷදࣔํ๏
ݸผͷվળؾ߹͍ΛೖΕΔ͖ΧςΰϦ ؾ߹͍ͱɺϒϩάهࣄʹࠐΊΒ ΕΔྔɾѪͷΑ͏ͳͷͰɺ Ҫ͞Μ͝ઐͷөըɺੲͷө ૾ίϯςϯπͳͲʹ͍ͭͯɺ ͘ޠͬͯྑ͍ͱߟ͑·͢ɻ Ҫ͞ΜϑΝϯͦΕΛظͯ͠ ͓ΓɺଟগઞΔײ͡ʹͳͬͯྑ ͍ͱࢥΘΕ·͢ɻ ରΧςΰϦ
ɹө૾ߟݹֶ ɹөըͷ ɹϕετ࠲੮γϦʔζͳͲ CFGPSF
ݸผͷվળؾ߹͍ΛೖΕΔ͖ΧςΰϦ ө૾ߟݹֶͷڧԽޙɺίϯςϯπ ૿Ճɺ̍݅͋ͨΓͷݪߘจࣈ େ෯Ξοϓɻ ຊϒϩάͷಛʹͳΓྔ͕ ΘΔΠνԡ͠ͷΧςΰϦͱͳͬͯ ͍·͢ɻ ύϫʔΞοϓ͞ΕͨΧςΰϦ ɹө૾ߟݹֶ ɹٖࣅۭࡱ
BGUFS
վળʹ͋ͨͬͯͷ
ݱࡏͷίϯγϡʔϚ͚ ϒϩάγεςϜͰ͋Εɺ ϨΠΞτσβΠϯͰ ݸੑΛग़͢ͷࠔ
ݸਓϒϩάΤϯλςΠ ϯϝϯτͰ͋Γɺతୡ ܕͷΞϓϩʔνద༻ ͠ʹ͍͘
ແཧʹ)$%ϓϩηεΛ ಋೖ͠ͳ͔ͬͨͷ͕উҼ ͍ΘΏΔ
*40 +*4; ɿ ΠϯλϥΫςΟϒγεςϜͷਓؒத৺ઃܭϓϩηε
*40 +*4; ɿ ΠϯλϥΫςΟϒγεςϜͷਓؒத৺ઃܭϓϩηε
࠷ॳͷεςοϓͰ)$%Λ ಋೖ͠ͳ͍ͱ͍͏ܾஅΛ ͢Δ͜ͱ ͍ΘΏΔ
͜Εཱͳ)$%Ͱ͢ )VNBO$FOUFSFE%FTJHO
࠷ॏཁͳͷʜ
ίϯηϓτ͕ϒϨͳ͍͜ͱ ώϚφΠψҪ͕ϋοͱͨ͜͠ͱΛαοͱॻ͘εϚϗ࣌ͷϥΠϑϩάʂ ΠϚίί
ॻ͖खͷݸੑ͕ΘΔ͜ͱ
IUUQIJNBHCMPHKQ