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
450
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
59
Webデザインのトーン&マナーを導き出す手法
taz8
0
890
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
taz8
0
290
Other Decks in Design
See All in Design
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.1k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
210
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.3k
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
150
Cyber Heart Online Book
hjnasby
0
110
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
200
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
570
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
460
sachi_y_portfolio
sachi337
0
250
portfolio_YumiYasuda
yum0418
0
290
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
610
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Faster Mobile Websites
deanohume
307
31k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
The Cult of Friendly URLs
andyhume
79
6.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Speed Design
sergeychernyshev
32
1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Become a Pro
speakerdeck
PRO
28
5.4k
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