Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
コンテンツ作成者の体験を設計する
Search
Chiaki Okamoto
December 21, 2025
Design
230
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
コンテンツ作成者の体験を設計する
2025/12/21にWebサイトの運用棚卸。価値ある制作は運用から! [UI, UX, WordPress, アプリ]ではなした内容です
Chiaki Okamoto
December 21, 2025
More Decks by Chiaki Okamoto
See All by Chiaki Okamoto
20260315 AWSなんもわからん🥲
chiilog
2
220
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
520
20251102 WordCamp Kansai 2025
chiilog
1
2.2k
2025/09/18 AIコーディングで「保活手帳」を作ってみた
chiilog
0
130
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
3
1k
私の推しはブロックエディター 〜デフォルトブロックに触れ合う〜
chiilog
0
490
この一年で身についた“マトモ”な WordPressテーマの作り方
chiilog
7
2.2k
WordPressテーマの作り方 2019 私のベストプラクティス
chiilog
24
14k
Google Optimizeで始めるA/Bテスト #wbkyoto
chiilog
1
3.6k
Other Decks in Design
See All in Design
Webブラウザで動く VJツールをつくる
akirafukuoka
0
120
プレゼンスライド作成で意識していること
kimichan
0
150
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
150k
2026/8/20 Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり〜リビングラボの事例を通じて〜
a2k
0
110
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
3.5k
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
810
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
mukai_takeru
0
370
decksh object reference
ajstarks
2
1.8k
[Unity] VAT×VFX Graphがいま個人的にアツイという話
sakiyama
0
130
デザイン組織の"次の"強みづくり
isaikaori
2
330
The decksh tutorial
ajstarks
1
110
Starfall (2025)
rezaline
0
170
Featured
See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
Side Projects
sachag
456
43k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
The Cult of Friendly URLs
andyhume
79
7k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Raft: Consensus for Rubyists
vanstee
142
7.8k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
2
2.9k
Designing for Timeless Needs
cassininazir
1
530
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
palkan
1
870
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.4k
The Limits of Empathy - UXLibs8
cassininazir
2
730
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.5k
Transcript
Authoring Experience (AX) コンテンツ作成者の 体験を設計する Managing Design & CMS Operation
Strategy
今回は編集者の編集体験に 特化したお話し
記事の更新を担当する⼈々の体験を指します。 UX: 訪問者の体験 (User Experience) DX: 開発者の体験 (Developer Experience) AX:
作成者の体験 (Authoring Experience) UX, DX, そして「AX」
認知負荷の軽減 「何を選べばいいか」という迷い を排除する設計。 操作の可視化 直感的なフィードバックにより、 安⼼感を提供するUI。 完成形の提供 パターンの活⽤により、ゼロから 組む負担を軽減。 AX設計における3つの柱
「あえて選ばせない」という設計 ⾃由度が⾼すぎると、作成者は毎回デザインの判断を 迫られ、⼼理的に疲弊してしまいます。 カラーパレットやフォントサイズを制限することで、 本来の⽬的である「執筆」に集中できる環境を構築し ます。 1. 認知負荷を減らす
2. 操作の可視化 「直感操作」で不安を解消する 管理画⾯の設定がどこに反映されるか分からない不安 は、運⽤を停滞させます。 ⾒たままを編集できるライブプレビュー環境を整え、 操作の結果が即座に分かるフィードバックを重視しま す。
検証済みパターンの再利⽤ ブロックを⼀つずつ組み合わせるのは⾼度な技術を要 し、ミスや品質低下を招きます。 あらかじめ最適な組み合わせを「ブロックパターン」 として登録し、「選んで⽂字を⼊れるだけ」の状態を 作ることで品質を⾃⾛させます。 3. 完成形を提供する
theme.json の最適化 標準パレットを無効化し、ブランド固有の設定のみを許 可。作成者が迷う余地をシステム側で制限します。 カスタムパターンの活⽤ デザインシステムのコンポーネントをパターン登録。複 雑なコードを意識せずにリッチな表現を可能にします。 WordPressでの具体的な実装例
ブランド品質の安定 制約を設けることで、誰が更新し てもブランドの整合性が保たれま す。 更新スピードの向上 迷いや検証の時間が削減され、情 報を世に出すまでの速度が上がり ます。 ⼼理的負担の軽減 「壊してしまうかも」という不安
を排除し、前向きに更新できる環 境に。 AX向上がもたらすメリット
システム操作の負荷を下げ、「本来届けるべき価値」に時間を充てる ⾮クリエイティブな時間 本来の価値に向き合う時間 運⽤コストの質の変化(イメージ)
まとめ 作成者が「迷わず、安⼼して、楽しく」更新できる環境。それ こそが、Webサイトを新鮮に保ち、UXを⾼めるためのエンジ ンとなります。
Q&A ご清聴ありがとうございました