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
UIデザイナーが500ページ超のヘルプを書いて得られたもの
Search
Keisuke Miyajima
July 07, 2020
Design
390
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
UIデザイナーが500ページ超のヘルプを書いて得られたもの
UX JAM Online #05 のLTの資料です。
Keisuke Miyajima
July 07, 2020
More Decks by Keisuke Miyajima
See All by Keisuke Miyajima
UXを視野に入れたUIリニューアルのプロセス
myzksk
1
880
Other Decks in Design
See All in Design
人工知能のための哲学塾 ニューロフィロソフィ篇 第参夜「河合隼雄と中空構造」
miyayou
0
110
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
340
SERVICE PAMPHLET
mhand01
0
5.7k
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
830
このスロップ時代に良きデザインをつくるには? / good-design-in-the-slop-era
kgsi
1
990
Typographie et intégration web
goetter
0
160
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
290
プレゼンスライド作成で意識していること
kimichan
0
140
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
410
インターンから2年新卒フロントエンドエンジニアから見たサイボウズのアクセシビリティ
taku10101
0
180
Navigating the journey into design leadership - Hatch Atelier, Berlin, 2026
apolaine
0
120
HeartLanguage - DesignProcess
heartlanguage
0
210
Featured
See All Featured
The SEO Collaboration Effect
kristinabergwall1
1
590
Fantastic passwords and where to find them - at NoRuKo
philnash
53
4k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
300
The SEO identity crisis: Don't let AI make you average
varn
0
590
The Language of Interfaces
destraynor
162
27k
30 Presentation Tips
portentint
PRO
1
430
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
300
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
ラッコキーワード サービス紹介資料
rakko
1
5.3M
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
880
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.6k
Ruling the World: When Life Gets Gamed
codingconduct
0
400
Transcript
UIデザイナーが500ページ超の ヘルプを書いて得られたもの 株式会社グラッドキューブ 宮島 敬右
宮島 敬右 Keisuke Miyajima UIデザイナー HCD-Net認定 ⼈間中⼼設計スペシャリスト 3級 テクニカルライティング
「SiTest (サイテス ト) 」 は、 ウェブサイ トの解析・改善によく⽤いられる 「ヒートマップ」 や 「A/Bテス
ト 」 などのツールを 『オールインワン』 で提供する、 SaaSのウェブアプリケーションです。
情報設計 ユーザー コンテンツ コンテキスト
情報設計 ユーザー コンテンツ コンテキスト
コンテキスト 背景 多機能なツールでありながら、 ヘル プページの情報量が少ない。 お問い合わせに対してヘルプに誘導 しにくいので、 利⽤者が増えるほど サポートコストも増える。 ヘルプとしての
「あたりまえ品質」 を 提供しなければならない。
コンテキスト ⽬的 品質の下⽀え →「サービス利⽤者」 の体験向上 お問い合わせ対応の⼯数削減 →「サービス提供者」 の体験向上 社員教育のための資料化 →「サービス提供者」
の体験向上
不安を抱かずに サービスを利⽤できる コンテキスト ゴール
情報設計 ユーザー コンテンツ コンテキスト
どのレベルの 「リテラシー」 の ユーザーが⽇常的に使⽤してい る⾔葉で書く? どのレベルの 「リテラシー」 の ユーザーが理解できる説明量で 書く?
ユーザー
カスタマーサポート担当者からの 情報をもとに 「初⼼者〜中級者」 に設定
サービス全体と各機能の 「利⽤ 前〜利⽤中〜利⽤後」 の時系列 「何を達成したいのか」 ・ 「何に 困っているのか」 ユーザー
利⽤の時系列とUIの画⾯構成に沿った サイ トの構成にする 「機能の説明」 と 「よくある質問」 を 分類する
情報設計 ユーザー コンテンツ コンテキスト
対象のドメインで⼀般的に通⽤ する⽤語・略語にもなるべく説 明をつける 「画⾯上の要素の説明」 と 「タス クの⼿順」 をそれぞれ⽤意する 「問題解決」 だけでなく、
機能か ら得られる 「価値」 も伝える コンテンツ
ヘルプもサービスの重要な タッチポイントと位置づけて、 利⽤のモチベーションが上がる コンテンツを⽬指す
UIとタスクのフローについては デザインした⾃分がすべて説明 できる (べき) 技術やユーザーとの契約に関す るは内容はエンジニアとセール ス担当者の協⼒が必要 コンテンツ
正確性の担保や抜け漏れの防⽌には 部⾨・役割を横断した コミュニケーションが不可⽋
3級テクニカルライ テ ィ ングの資格 コンテンツ
推薦図書を買って1回講習を受けて 10時間ほど勉強すれば、 わりと⾼い確率で合格できる 受験の費⽤は16,000円く らいで、 HCD認定のような更新の⼿続きもない
過剰にへり くだらない ✕:〜させていただきます。 ◦:〜できます。 修飾語の係り受け ✕:⼤幅に時間と費⽤を節約できます。 ◦:時間と費⽤を⼤幅に節約できます。 簡潔に ✕:〜することが可能になります。 ◦:〜できます。
なるべく肯定的に ✕:〜しないでください。 ◦:〜してください。 漢字をひらく ✕:頂く ◦:いただく ✕:下さい ◦:ください など ⼀⽂⼀義 ⽂⾔の統⼀
https://support.sitest.jp/hc/ja
成果 ヘルプページへのアクセスが増加 ヘルプの活⽤の頻度が向上して サポート⼯数が減少 カスタマーサポート担当者以外の 担当者も、 問い合わせに回答で きるようになった
※個⼈の感想です。 1. プロダクトとサービスに対する客観性 2. 説明の⽂章を考えるときのスピード 3. 簡潔に伝えるための⽂章⼒
テクニカルライテ ィ ングの基礎を学ぶのは、 UIデザインやコミ ュニケーショ ンの ち ょ っと したスキルア
ッ プにおすすめです ※個⼈の感想です。
参考にした書籍 『⽇本語スタイルガイド』 『ヘルプサイトの作り⽅』 『⽇本語の作⽂技術』 『実践・⽇本語の作⽂技術』 『分かりやすい表現の技術』 『理科系の作⽂技術』 テクニカルライティングの基礎を 学べる推薦図書 ヘルプサイトを作るプロセスと、
公開後の運⽤を学べる ⽇本語の作⽂の正しい⽂法・構成 を学べる 相⼿に伝わりやすい筋道の⽴て⽅ と、説明の表現や構成を学べる 38年前に出版された名著 「説明書」について⾔及している のは10ページほどだが、本質がす べて書かれている