コンテンツ デザイナーでも始められるコンテンツ戦略 コンテンツ戦略を実践するには運用や・管理まで含み込まないといけなくなります。しかし、そこからやらなくてもデザイナー発でボトムアップで始められることもあります。
コンテンツ ラベルデザインから読み解くコンテンツ設計の課題 色やタイポグラフィだけでなく、言葉でプロダクトの雰囲気が決まることがあります。早期からダミー文字を避けて [https://yasuhisa.com/could/article/lorenipsum-isnot-good/] コンテンツをデザインするべきですが、簡単に作れるものではありません。 良い事例を探そうとすると必ず辿り着くのが Mailchimp の Voice and Tone [https://styleguide.mailchimp.com/voice-and-tone/] 。「Mailchimp らしさ」が明文化されているだけでなく、ライティングの基礎も書かれている優良コンテンツです。しかし、英語の壁がありますし、文化の違いもあるのでそのまま真似するのは困難です。 そこで今回はラベルのライティングというミクロの視点と、出来上がるまでのプロセスを把握するマクロの視点からコンテンツの課題と対策を紹介します。 ラベルデザインにある3つの特徴 UI のラベルをどのようにデザインすれば良いのかを考える上で、 Airbnb [https://www.airbnb.jp/]
コンテンツ Q&A 文章のトーン＆マナーや文章構造で気をつけていること > 文体のトンマナづくりについて実践されていること、意識されていることがあれば教えてください。 @mjmjsachi [https://twitter.com/mjmjsachi] ライターを雇うのが理想的ですが、予算の都合上それが難しい場合があります。ライターを雇わなかったとしても、複数人でコンテンツを作ることもあるので、それぞれトーン＆マナーがバラバラになることがあります。私はライターと呼べるほどのスキルも経験もないですが、以下のようなことを気をつけています。 構造が意味を生み出す 大学時代ジャーナリズムを受講した際に「逆ピラミッド」というメタファーを学びました。どのような優先順位をつけて構造化するべきかを考える際に逆ピラミッドの考え方が役立ちます。逆ピラミッドは以下のような情報構造を持っています。 1. 最も価値のある情報 2. その情報に関する詳細 3. その他、知っておきたい情報 重要な情報を最優先に掲載することで、使いやすさも向上するとヤコブ・ニールセン博士も提唱 [https://u-site.jp/alertbox/mobile-content]
コンテンツ Q&A 運用の重要性を伝えたい > 「運用」の重要性を説く場合、やはり企業内部の担当者を始めとする運用側の方たちに伝えたい／理解してもらいたいこともあると思います。 運用側に直接メッセージを届けられない場合、制作側の方やデザインシステム／スタイルガイドなどを通して、メッセージを伝える何か工夫をされているでしょうか？ @SawadaStdDesign [https://twitter.com/SawadaStdDesign] 最近は運用側に直接メッセージが伝えられない環境で働いていないこともあり、的確なアドバイスができないかもしれません。ただ、運用について誰かに伝えるとき以下のようなことを考えて企画・提案するようにしています。 * 運用を考えないと、どのような課題が生まれるか * 組織に合う運用はどのような体制で、何から始めることができるか * 運用をすることで、成果があったと言えるものは何か 簡単なことでも実践していると言える コンテンツ運用の重要性は何度も書いています [http://www.yasuhisa.com/could/tag/%E3%82%B3%E3%83%B3%E3%83%86%
コンテンツ ソーシャルメディアで変わったwebサイトの役割 Webサイトが起点？ 利用者のニーズを考えて web サイトを設計し、ゴールまで導く。 Web サイトに限らずアプリケーションにも言える基本的な考え方です。昔から言われている当たり前の事ではあるものの、「Web サイトへ訪れる」という利用者の行動を大前提にしていることに疑問を感じています。 ブランド名など、何かキーワードが思い付けば検索をするでしょう。人によっては、ふと思い出して訪問することもあるかもしれません。しかし、そういったタイミングが 1 日でどれくらいあるでしょうか。Web サイトへわざわざ訪れるのが面倒と感じることもあるくらいです。 ターゲットにしている市場によっては検索が強かったり、わざわざブックマークしてサイトを訪れる人が多いかもしれません。しかし、そうした能動的な行動ではなく、ニュースフィードで偶然見かけた情報をキッカケに行動する人は少なくありません。ジャストシステムによる「 モバイル＆ソーシャルメディア月次定点調査 [http://markezine.jp/article/detail/26184] 」によると、10代のスマートフォン利用者のうち、7割はソ
コンテンツ 必要なコンテンツを発見するための簡単調査方法 コンテンツ発見のために必要な調査 現存コンテンツの課題を発見するためにコンテンツ・イベントリー [http://www.yasuhisa.com/could/article/creating-content-magic-sheet/] は欠かせない存在です。スプレッドシートにひたすらデータを入力するという地味な作業が伴いますが、コンテンツを一望することで「なんとなく」と察していた課題を目に見える形にして共有できるようになります。コンテンツを気軽に作って配信できるようになりましたが、それが利用者にとって意味のあるものなのか評価も必要ですし、そもそも現存コンテンツは誰がどう管理しているか把握しておかなければ改善すらできない場合があります。 自分たちが持つコンテンツから課題を発見するだけでなく、利用者が求めるコンテンツは何かも知る必要があります。そのためにユーザー調査があるわけですが、調査を通してコンテンツに関わる以下の課題を解決することができます。 * 言葉 : 配信側の言葉遣いや分類の仕方が、利用者と同じとは限りません。ニュアンスが似ているだけでまったく違う言葉を使っている可能
ガイドライン コンテンツ運用に役立つツールあれこれ 意外と忘れがちな運用向けツール Web サイトは作ってからが本番と言われて久しいですが、運用は簡単なことではありません。 CMS を実装することでコンテンツ入力の敷居は下がりますが、誰かがコンテンツを作らない限り何も始まりません。また、コンテンツ設計・制作・配信・分析の各ステージで必要になるツールが異なることがあります。例えば設計時であれば、ペルソナや運用ガイドラインが必要ですが、配信時であればエディトリアルカレンダーやソーシャルメディアガイドラインが求められます。 デザインもイラストも文章もひとりで作って出せる場合があります。しかし、こうした個に頼る運用では成長が難しくなります。コンテンツが作れたとしても、何か基準がなければ「我が社として適切なコンテンツを出している」と言い切れないですし、配信を躊躇することもあるでしょう。チームで役割分担した場合でも課題はあります。デザインチームがグラフィックを作るまで何もできないという状態はなるべく避けたい一方、不本意な見た目のまま公開されるのも困ります。 日々の運用に役立つツールを揃えるのは、短期的には効果が見難いですが、コンテンツ制
コンテンツ 次へ繋げるためのコンテンツファーストなプロセス 7月2日 Web Creators Kochi 主催で「コンテンツ設計から考えるUXデザイン基礎講座 [http://www.kochiweb.com/event/sessions/sessions_archives/entry-108.html] 」が開催されました。これは、金沢や高松など数カ所で開催したワークショップ [http://www.yasuhisa.com/could/article/ux-content-workshop/]のアップデート版。以前は カスタマージャーニーマップ [http://www.yasuhisa.com/could/article/customer-journey-map/] を活用して必要なコンテンツを見つけ出すというワークがありましたが、今回はコンテンツインベントリ [http://www.yasuhisa.com/could/article/creating-content-magic-sheet/] を使うなど、現状を監査しながらニーズを見つけ出すという内容に調整しました。 抽象的なデザイン手法の課題 私は「利用者」
コンテンツ リニューアルやCMS導入前に解決したいコンテンツの課題 2016年6月25日、仙台市で MTDDC Meetup TOHOKU 2016 [http://mtddc2016.mt-tohoku.net/] が開催されました。本イベントは、Web 解析、パフォーマンス、セキュリティなど「Movable Type」という言葉を一度も聞かないセッションが半分以上占めていました。イベント運用チームに伺ってみたところ、Movable Type を開発している Six Apart [http://www.sixapart.jp/] も製品に止めず幅広いトピックを扱ってほしいと助言しているそうで、それが講演者のラインナップにも影響しているのかなと思いました。 ツールやプログラミング言語のイベントだと、同じ言葉、同じ趣向をもった人達が集まる傾向があります。コミュニティを育てるという意味で深く学ぶキッカケを作るのは大切なことですが、内向化してしまう恐れもあります。どちらが良いとは言えないですが、新しい人にも興味を持ってもらうためにトピックの幅を特定のツールや言語を超えるのは有効な手段でしょう。 私は「2020年以降を見据えたコンテンツ設計」という
UI UIガイドラインから学ぶライティングの基礎 言葉で決まるアプリの印象 2 年前に発表 [http://www.yasuhisa.com/could/article/material-design/] されて以来、細かな更新が続いている Material Design [https://www.google.com/design/]。最近、UI の動きに関するガイドが大幅に改変 [https://www.google.com/design/spec/motion/material-motion.html] されたことで、感覚的なところも共有しやすくなってきました。Android アプリにおける UI デザインの基礎を固める上で、Material Design は非常に参考になりますが、このガイドラインは見た目のことばかり書かれているわけではありません。 Material Design の中には「Writing [https://www.google.com/design/
コンテンツ コンテンツに関わる5つ課題と発見の共有 人とコンテンツとの関係 コンテンツは既にあるから、デザインができる。 あとで流し込めば良いから、コンテンツ制作は先送りができる。 こうした考えが、自己主張ファーストなコンテンツ [http://www.yasuhisa.com/could/article/me-first-content/] になっていたり、後付けのマルチデバイス対応に繋がります。現存のコンテンツが十分利用可能だったとしても、一度立ち止まってコンテンツに関わる様々な課題の発見に時間を削ぐようにします。以下の 5 つの課題の洗い出しは、大幅なリニューアルから、ランディングページまで様々な規模のプロジェクトで必要になります。 * 訪問者（読者）が求めていること * 配信側が求めていること * 配信側が実際必要になるアクション * いつ、何を配信するか * どのチャンネルでコミュニケーションをとるか 例えば CMS の選択や、そこでのカスタマイズも、どのようなコンテンツが保管・管理がされて、どのように配信されるかをあらかじめ知っておくと大きく変わります。利用者のことを見るだけでなく、配信側（企業・団体）のニ
コンテンツ デザイナーが見たオウンドメディアの課題と接点 4月21日に開催されたオウンドメディア勉強会 [https://blog.sixapart.jp/ownedmedia-group.html] に参加してきました。肩書きがデザイナーの参加者は私ひとりという個人的に珍しい環境での集まりでしたが、自身のサイトでもコンテンツに関わる記事 [http://www.yasuhisa.com/could/article/who-does-content-work/] を幾つか書いていますし、何か学べることがあると思って参加しました。バズワードと化したオウンドメディアやコンテンツマーケティングですが、第一線で活躍されている方たちの実態を知るという意味でも有意義な時間になりました。 バズることは重要なのか 毎回テーマを変えてディスカッションをしているオウンドメディア勉強会ですが、今回の議題は「バズ記事を生み出す編集会議」。バズ記事という言葉を聞くと、PV を稼ぐために釣り記事を作るための施策？と思う方もいるかもしれません。Yahoo! トピックスに載るという緩い目標も耳にしましたが、そもそも何をもって『バズ』と呼ぶのかといった根本的なところから
コンテンツ Mediumでコンテンツ配信して気づいたこと 遠くなりはじめた Web サイト 2015年11月から12月にかけて Medium [https://medium.com/] のほうでコンテンツ配信をしていました。 Medium は昨年から日本へ本格進出をしていることから、注目している方も少なくないと思います。Medium の人気の秘密は、使いやすくコンテンツの邪魔をしないライティング環境を提供している部分だけではありません。Twitter の創業者のひとりであり、現 Medium の CEO である Evan Williams [https://twitter.com/ev] を中心としたスタートアップ & テック界隈から徐々に Medium の文化が広がったという背景も魅力。こうした機能やデザインだけでは表現できないところまで日本語化されているわけではないですし、日本では昔からあるブログプラットフォームをはじめ、書く環境が豊富に揃っています。 私の場合、情報発信ができる環境が既にあるので Medium に魅力を感じていなかったわけですが、ある実験・検証をしたくて始めることにしました。 [https://medium.
アクセシビリティ コンテンツデザインから始めるWebアクセシビリティ [http://www.yasuhisa.com/could/content/images/wordpress/2015/12/cover-content-a11y.png] 理解という名のアクセシビリティ Web アクセシビリティの課題には大きく分けて 2 種類あります。ひとつは、色、形状、動きといった視覚に関わること。そしてもうひとつは、マークアップをはじめとしたマシンリーダブルに関わることです。マークアップが正しく記述されていて、視覚的にも分かりやすいことは Web アクセシビリティの確保において必須ですが、これらとは別に『第三の課題』のようなものがあると考えています。 それは利用者が理解できるコンテンツを制作・配信する という課題です。正しくマークアップされていたとしても、そのマークアップされたコンテンツが人にとって理解しにくいものであればどうなるでしょう。利用者はタスクを達成することができないでしょうし、情報を求めて彷徨うことになるかもしれません。 単に情報へアクセスできるだけでなく、意味のある情報へアクセスできるようにする必要があります。利用者の目的が達成されない
コンテンツ コンテンツをデザインするということ 見た目はとても重要だけど 第一印象は Web サイトやアプリデザインでも重要です。見た目が良いということで、使い始めてくれる場合がありますし、製品やサービスの評価が中身ではなく見た目で判断されることがあります。人は 0.05 秒で Web サイトの良し悪しを判断する [http://www.tandfonline.com/doi/abs/10.1080/01449290500330448#.VmtzuBp96Aw] 傾向にあるので、見た目は良くしておくべきでしょう。しかし、長く使われる要因がビジュアルではなく、コンテンツということは多々あります。 例えば Reddit [http://www.reddit.com/] はデザインが洗練されたサイトとは言えませんが、世界的に利用されているサイトです。 利用者が求めているコンテンツがそこにあれば、見た目が少し良くなくても人は戻ってきます。 しかし、これは良質のコンテンツがあれば、デザインは必要ないという意味ではありません。先述したように、見た目で印象が変えることができますし、使い勝手も向上すればコンテンツへアクセスしやすくなる
コンテンツ Webサイトの成熟へ導くシンプルな視点 11月7日に Jimdo で作成された年間ベストページを決定する「Jimdo Best Pages 2015 [http://www.jimdopages.com/]」が開催されました。このイベントで、株式会社ウェブライダー [http://www.web-rider.jp/]の松尾 茂起さん、株式会社インプレス [https://netshop.impress.co.jp/]の瀧川 正実さんと一緒にベストページの審査をしました。 個人的に文脈をきちんと理解していない Web サイトを評価することに躊躇がありました。漠然とした印象の評価にならないように、自分なりに情報収集をしたり、アワードとは別の視点から評価指標を設けるなど工夫をしました。手間のかかる作業になりましたが、Jimdo の枠を超えた課題を幾つか見つけることができました。CMS、画面設計、コンテンツ運用の課題が、表層的なデザインにも影響するものだと改めて思いました。 初めての次へどう進むか Jimdo のユーザー層で特徴的なのが、本サービスで初めて Web サイトを作ったという方が多い点。Jimdo は多くの方に「始
コンテンツ Webサイトにある3つの成長段階 成長するWebサイトの違いはなにか 昔は立ち上げることだけで価値があった Web サイトですが、次第にそうではなくなりました。きちんとした戦略を立てなければ、ターゲットにしているお客様に届かなくなりましたし、関係を維持するための施策がなければ、すぐに関係が絶たれることもあります。今は Web サイトを作ったことだけで満足していては自己満足で終わってしまいます。 Web サイトはどのように成長していくのでしょうか。作っただけのサイトと、成長過程にあるサイトの違いは何でしょうか。Web サイトが成熟するための段階が 3 つあると考えられます。 まず最初の段階にあるのが、企業側（コンテンツ配信者側）が必要だと感じることを優先的に出す状態。自分たちが扱っている製品やサービスがどれだけ素晴らしいかをアピールしたり、短期的に利益を上げるための施策を重要視します。見せたいコンテンツがたくさんあるので、訪問者側が欲しいと思うコンテンツの優先順位が低かったり、見せたいコンテンツは訪問者も欲しいと思い込んでいる場合もあります。 Web サイトを初めて立ち上げる企業は、Web サイトは自分たち
コンテンツ コンテンツタイプの理解と分類のコツ コンテツタイプの把握が不可欠な理由 コンテンツモデルの基礎と活用メリット [http://www.yasuhisa.com/could/article/content-model/] で、コンテンツをひとくくりにまとめるコンテンツタイプ を紹介しました。コンテンツタイプには、ニュースリリース、レビュー、レシピ、チュートリアルなど様々な種類があります。これらがどのような項目で構成するのか考える前に、そもそもどのようなタイプのコンテンツが制作・管理されているのかを知る必要があります。 様々なコンテンツタイプがあるにも関わらず、CMS では「本文」という大きな枠にまとめて入力することがあります。カスタムフィールドやプラグインで解決するといった方法もありますが、五月雨式に項目を増やすよりコンテンツタイプごとに設計できたほうが維持・管理がしやすくなります。 CMS の設計のためにコンテンツタイプを把握するのも目的のひとつですが、それだけではありません。様々なコンテンツタイプがひとまとめで管理されていることのデメリットをクライアントに理解してもらう必要があります。コンテンツタイプ幾つか用意
コンテンツ 脱ダミー文字から始めるコンテンツデザイン ダミー文字はリスク ユーザーは読まないと言われているものの、言葉はユーザーとコミュニケーションをするための基盤です。流し読みでも理解できるような設計がされているか。次のアクションへ結びつく動機が提供されているかは、言葉で決まることがあります。ビジュアルが注目されがちな UI デザインですら言葉が重要なデザイン要素 [http://www.yasuhisa.com/could/article/text-is-ui/]になります。 デザインはコンテンツの価値を増幅したり、利用者の欲求を満たしたり目的達成の補助をするためにあります。もし、ダミー文字をつかってデザインすることは、ユーザーとのコミュニケーションを破棄した状態で彼等がもつ課題を解決しようとしているようにみえます。デザイナーはダミー文字をもっと敵視しても良いと思います。 ダミーの情報を入れるのは簡単です。Loren Ipsum [http://www.lipsum.com/] のようなジェネレーターがありますし、日本語でも似たようなものはあります。今は文字だけでなく、ユーザーアイコン [http://uifaces.com
コンテンツ わたしが広告を掲載しない理由 このサイトに始めて訪れた方は、広告がないことに気付いたでしょうか？ 以前から読者である方のなかには、このサイトにはなぜ広告がないのか不思議に思っている方もいるかもしれません。現在の Web 広告には以下 5 つの問題を抱えていると考えており、掲載を控えています。 1. 技術の問題 2. ユーザー体験の問題 3. デザインの問題 4. コンテンツの問題 5. モラルの問題 読者の足を引っ張る広告たち 何度か広告ネットワークから掲載オファーをいただいたことがあります。多くの場合、複数の JavaScript を埋め込む必要があり、パフォーマンスへの多大な影響がでることから掲載を断っています。うちのような小さなサイトであれば大きな変化はないかもしれません。しかし、ちょっとしたパフォーマンスへの負債が積み重なれば読者への影響も多大なものになります。 上記の数値は、ある有名な日本のブログメディアのトップページのファイルサイズとリクエスト数です。広告ブロックを使うことで、ファイルサイズとリクエスト数が著しく変わるところからみても分かる通り、広告はパフォーマンスの大きな足か
コンテンツ コンテンツを見直すための魔法のシートが必要な理由 マーケティングとデザインの共通点 2015年6月27日大阪 Re:Creator’s Kansai [http://www.re-creators.jp/] 主催のイベント「基礎からきちんとマーケティング」に登壇しました。デザイナーとして働いているのでマーケティングは畑違いのように見えますが、以前から マーケティングを扱った記事 [http://www.yasuhisa.com/could/?s=%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0] をたくさん書いています。カスタマージャーニーマップ [http://www.yasuhisa.com/could/
