日本映像ソフト協会の調査によれば、映像ソフト・音楽ソフトの市場は微減つづき。映像では有料動画配信が順調に伸びていますが、有料音楽配信はここ数年大きな伸びがありません。そんな中、CD・DVDチェーンが新しい動きを起こしています。中でも筆頭のTSUTAYAは最近、全国的に店をたたんでいるようです。ショップの状況に詳しいO.D.A.さんが、大量閉店の背景を分析します。 「WASTE OF POPS 80s-90s」というブログをやっているO.D.A.と申します。ブログ内で様々なCD・DVD取扱店の動向を観察しているついでに、ただCD・DVD関連店舗の開店と閉店を記録するだけのブログも運営しています。今回は運営中に見つけた最近のTSUTAYAの動向を中心にお話ししたいと思います。 神奈川県の東海大学北門そばにあるTSUTAYA東海大学前店が9月15日に閉店しました。「若者の××離れ」という言葉を安

Web制作会社H2O spaceを率いる谷口允（たにぐちまこと）氏がkintoneに関わるようになったのは、大きな変革期を迎えつつあるWeb制作業界に対する危機感がある。社内システムとWebサイトの架け橋をkintoneで作り始めた谷口氏に、Web界隈とkintoneという観点で話を聞いた。（インタビュアー　TECH.ASCII.jp 大谷イビサ） Webサイト制作を通じて中小企業の悩みにたどり着く 現在、kintoneのエバンジェリストとしてWeb界隈でのkintone活用を拡げている谷口氏。学生時代はゲームのクリエイターを志したが、ゲーム開発会社への就職はうまくいかず、システム開発会社に入社。その後、So-netに入社し、インターネット事業に携わった後、24歳で独立する。 「もともと独立志向があったので、会社員を続けるつもりはなかったですね。親から3年くらいは会社員やっておけと言われ、

8月2日、サイボウズはkintoneのUI/UXの改善に関する技術説明会を開催した。事業部門の支持が厚いkintoneが目指すデザインのコンセプトや、1年かかったkintoneのアプリ作成画面開発の舞台裏などが披露された。 参加型のシステム開発にはデザインが重要 冒頭、登壇したサイボウズ kintoneプロダクトマネージャーの伊佐政隆氏は、kintoneビジネスの概況やデザインへの投資の重要性について説明した。 創業以来、20年近くに渡ってチームワークの向上に寄与するグループウェアを追求してきたサイボウズ。「チームあるところにサイボウズあり」をテーマに売り上げや利益ではなく、利用者数にこだわり、グローバルで使われる製品・サービスを目指している。こうしたサイボウズの戦略製品であるkintoneにおいて、デザインを重視するのはなぜか？　これはひとえにkintoneのメインのユーザーが専門知識を

富裕層向けの資産運用サービスを個人で手軽に受けられるように！ 資産運用というと超金持ちのプライベートバンクみたいなものを想像する人が多いかもしれないが、ある程度の年齢になったらきちんと考えなければいけないところ。何も考えずにどこかにまとめておくと、インフレなどの経済状況の変化で資産価値が目減りしてしまう可能性がある。 超大金持ちであれば専門の担当者がついて、運用のコンセプトなどをヒアリングし、全世界のさまざまな金融商品に分散投資を行ってくれる。個人だと、自分で色々調べて投資する必要があるし、手間の問題もあり、限られた金融商品に全額を突っ込んでしまいがち。そんな問題を解決してくれるのが、個人向けの資産運用サービス「THEO」だ。 株式会社お金のデザインは2013年に設立されたが、「THEO」は2016年2月にスタートしたばかりの新サービス。最新の金融工学と独自のアルゴリズムに基づくロボアドバ

ライティング教室にUXの授業を取り入れたい理由 どもども。急に連載ペースを上げているRockaku森田です。この原稿、6限目の初稿を上げてから1時間後には書きはじめています。快挙です（書き上がったのがいつかは……秘密ですが）。 さて、前回は「サッカーでランディングページのレイアウトを監督する」という授業をやってみました。お気づきの方も多いと思いますが、アレはつまるところ、「書かなきゃいけない人」の立場から考える、「コピーを書くためのUI（User Interface）」の話だったわけです。で、「UIやったんだから、アッチもやんなきゃでしょ？」という、Web系メディアなら当然の流れとして、今回は「書かなきゃいけない人」の立場から考えるUX（User Experience）について、バカバカしくもわかりやすいお話を一席披露しましょう。 なぜ、「Webコピーライティング教室」を標榜するこの授業で

2月26日、サイボウズは無料グループウェア「サイボウズLive」にチャット機能を追加した。チャットのために別のサービスでアカウントを取得する必要がなくなるほか、更新情報をサイボウズLiveのみで確認できるという。 複数のメンバーとグループでチャットできる「テーマチャット機能」と、特定の相手と1対1のチャットを簡単にスタートできる「ダイレクトチャット機能」を備える。グループチャットの参加人数は300人、ユーザーがチャットに添付できるファイルの容量1GBとなっている。チャット機能は専用のスマートフォンアプリからも利用可能。 サイボウズLiveは、グループに登録されたメンバーだけでクローズドに情報共有できる無料のクラウド型グループウェアで、ファイル共有、掲示板、タスク管理、カレンダー、アンケートなどグループウェアの標準的な機能をすべて装備する。ビジネス用途だけではなく、大学のサークル、地元のグル

依頼は、Draw me!のサイトから写真をアップして、メールアドレスや要望を入力するだけ。PC、スマートフォンから依頼できます。 1週間以内に納品されるということなので、のんびり待つことにしたのですが、わずか5時間後には「[Draw Me!]似顔絵が完成しました！」という件名のメールが届きました。 届いた似顔絵がこちら。画像サイズは300×300pxで、「ポップな似顔絵をお願いします」と要望に書いたこともあり、星を散りばめたカラフルな仕上がり。納品のスピードや似顔絵の質にも満足です。 さらに4日後、メールをチェックしてみると、似顔絵が続々と届いていました。依頼した写真を削除しないと、イラストレーターさんに依頼がされ続けるようです。アップした写真を慌てて削除しました。 完成した似顔絵は、メールに書かれているURLからダウンロードでき、レビューを書くことでDraw me!内のギャラリーに公開さ

電子書籍「エクスペリエンス ポイント」の紹介ページを作ったときのプロセスがStorifyに掲載されています。スケッチからブラウザー上でデザインのアイデアを固めていく様子を見られます ワイヤーフレームはWebデザインに必要か？ ここ数年で Web とユーザーとの関わり方が劇的に変わり、開発環境も大きく変わりました。こうした中で、私たちが10年近く培ってきた設計・開発における“当たり前”を見直す時期に来ています。WebサイトやWebアプリケーションの設計・開発において必須といわれていた「ワイヤーフレーム」もそのひとつです。 「ワイヤーフレームは必須だ」と思って作っていることもあるかもしれません。しかし、ワイヤーフレームにはいくつかの課題があります。 ワイヤーフレームは実物とかけ離れた存在であるため、描かれている内容を理解するにはWebサイトやWebアプリケーションへの深い理解が必要になります。

アップルのサイトで印象的な「カルーセル（画像スライダー）UI」。しばらくすると、ページ上部の大きなエリアが右から左へなめらかに流れていきます。エリア下部のドットや左右の「＜」「＞」をクリックし、手動でも切り替えられます。 カルーセルにはバリエーションがありますが、本記事で取り上げるのは以下のようなスライダー型のUIです。 エリア全体が一定間隔で右から左へ流れていく エリア下部のドットが現在位置を表す ドットや左右の「＜」「＞」をクリックし、手動でも切り替えられる ページを遷移することなくコンテンツが切り替わるので、貴重なエリアを有効活用できる点が優れています。タブと違って、隠れたコンテンツが気付かずに埋れてしまうことも減りそうです。 ただし、広告だと無視されてしまうバナーブラインドネス効果が発生するリスクがあります。脈絡が無く連続性の低いプロモーション画像をつなげると違和感があるため、CD

cybozu.comをひっさげ、サイボウズがクラウド事業に本格参入して、すでに1年が経つ。同社がこの1年で体感してきた「クラウド的な市場観」とはなにか？　そして同社が突き進むグローバルへの夢は？　青野慶久社長に聞いてきた。 はっきりいってクラウドの方が優れている cybozu.comは、「サイボウズOffice」と「Garoon」という2つのグループウェアのほか、「ファストシステム」を標榜するPaaS「kintone（キントーン）」、共有型のメールソフトである「メールワイズ」などを展開するクラウドサービス。2011年11月からの開始から約半年で導入は1000社を突破し、パッケージソフト主体だった同社のビジネスを大きく変革しつつある。 クラウドか？　オンプレミスか？　多くの企業を悩ますこの質問について、青野社長は「はっきりいってクラウドの方が優れています」と断言する。コスト面でのインパクトし

Webページのコンテンツ量が多い場合、ページを分割し、ページ間を移動するためのナビゲーションを設置することがあります。巻物のように長いページと、分割された複数のページは、一体どちらが優れているのでしょうか？ 長いページは「素人っぽくてダサイ」「古い」「ユーザビリティが低い」とネガティブなイメージがありますが、上のように整理してみると、そうは断言できないようです。ページ分割は、通信回線が細く、ブラウザーの描画能力が低かった時代の考え方の名残であり、どちらもほぼ解消された今となっては、デメリットも目立つようになってきました。分割するとしても、スマートフォンやタブレット端末、デスクトップ用の高解像度ディスプレイ、と画面サイズが多様化したため、どの程度で区切るかの判断が難しいところです。 先入観を捨ててユーザー視点で考えると、小さなリンクを狙ってマウスを操作し、次のページが表示されるまで待たされる

ちょうど1年前に私が書いた記事（スマホ対応の新潮流「レスポンシブ・Webデザイン」とは？）を皮きりに、日本のWebメディアやブログでも「レスポンシブ・Webデザイン」が話題になっている。みなさんも一度はレスポンシブ・Webデザインについて聞いた、あるいは記事を目にしたことがあるのではないだろうか？ スマートフォン向けのWebサイトを提供する上で、レスポンシブ・Webデザインは有効な手段だという認識が海外で広がっているが、日本では「流行」「夢の世界」「現実的ではない」などと誤解している方が多いようだ。誤解を生む背景には、レスポンシブ・Webデザインの定義を勘違いしていたり、深く理解せずに言葉遊びとして捉えていたりする傾向があるように思う。 そこで、あらためてレスポンシブ ・Webデザインのメリットと今後の動向について紹介する。 レスポンシブ・Webデザインとは？ レスポンシブ・Webデザイン

国内外を問わず、多くのECサイトがお手本とする「Amazon.co.jp」。この連載でも以前、Amazonが採用する「カルーセル」（回転表示するスライドパネル）の作り方を紹介しましたが（関連記事）、Amazonは優れたユーザーインターフェイス（UI）の宝庫でもあります。 中でも、過去の閲覧履歴などからページの大半が動的に生成されるAmazon.co.jpのトップページは、ユーザーを商品購入へと導くさまざまな仕掛けが組み込まれています。今回は、このAmazon.co.jpのトップページに注目します。 今回のお手本サイト：『Amazon.co.jp』 米アマゾン・ドットコムの日本法人アマゾンジャパンが2000年から運営するECサイト。書籍販売から始まり、現在ではペットボトル飲料水や紙おむつ、キッチン家電まで1000万点超の膨大な商品を扱っている。取扱商品の拡大に合わせて、2008年4月に大規模

Facebookのいいね！ボタンやTweetボタンを設置するサイトが増えています。しかし、ボタンをクリックしてもらうことがゴールになり、ユーザーやサイトにとっての本来のゴールを忘れてしまってはいないでしょうか？　ソーシャル系ボタンのクリックだけをゴールにしてしまうと、刺激的なタイトルや賛否両論のあるテーマ設定に偏ってしまい、本来の対象ユーザーとは異なるユーザーが一時的に増えるだけで長期的にはあまり効果がなかった、ということもあります。 Facebookが無料で提供している解析機能「インサイト」(Insights)を導入しても、分かるのは次のようなデータのみです。 いいね！ボタンがクリックされた回数 Facebook上で見られたインプレッション数 クリックされてサイトを訪問した回数 これだけではサイト全体のソーシャル効果（共有された回数と増えたトラフィック）が分かるだけで、サイトのゴール達成

マーケティング、デザイン、Web技術と幅広い知識が要求される、Webサイトマスターの仕事。サイトマスターは何を考え、何を実行したらいいのか？　数々の企業サイトを成功に導いてきたコンテンツブレインの小池 勉氏が、サイトマスターが知っておきたい企業サイト運営のノウハウを提供します。

Webサイト制作の現場にも、根拠あるデザイン／UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません。 本連載では、マーケティング施策の効果測定として使われることが多いアクセス解析のツールと考え方を応用し、WebサイトのUIや機能の利用状況、効果を検証する方法を紹介します。Google Analyticsなどの無料ツールを使い、Web制作者が時間やお金をかけずにできる考え方と具体的なテクニックを実践的に解説します。 Webサイト制作の現場にも、根拠あるデザイン／UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません

日本での本格的なブレイクを前にFacebookページ（ファンページ）を開設する企業が相次いでいます。Facebookページの開設からカスタマイズ、ファンを獲得する方法まで、Facebook活用の具体的なノウハウをシェアします。

インターネットをにぎわしてきた名物記者、「IT戦士」こと岡田有花氏。2月10日に勤めていたアイティメディアを退社する旨の記事を掲載し、2月23日に引退会見を“ネタ風味”で実施した 2月10日、ITmedia Newsが編集部所属の名物記者・岡田有花氏（ツイッターアカウント）の退社を伝える記事をアップした。 岡田氏は彼氏のいないイヴをクリスマスグッズと過ごすレビュー記事や、ネットサービスの流行をレポートする記事で人気を集めつづけた。退社のニュースにも大きな反響があった。一社員の退職記事の掲載もその反響も異例だが、さらにニコニコ動画で引退記者会見を開くのも当然ながら異例。2月23日のライブ放送時には2万人以上の視聴者が集まり、根強い記者の人気が知らしめられた。 ITmediaで記事を書くようになって約8年。単に女性記者、個性をウリにするキャラクター記者という要因だけでは、ここまでの人気を継続す

サイトマスターには、ネットにアクセスしているユーザーの顔が見えません。つまり見えない相手、知らない相手とコミュニケーションを取るのがサイトマスターの仕事なのです。では、どうやれば見えないユーザーとコミュニケーションを取れるのでしょうか？　鍵を握るのが「リアクション」です。リアクションを喚起するフックをコンテンツに埋め込んで、ユーザーに自発的に動いてもらえばいいのです。 見えない顧客「透明人間」との信頼をいかにして築くか ネットでは、実店舗のように店員とお客さまが直接顔を合わせることがなく、画面を通じてコミュニケーションを取ります。ネットにアクセスしているのは、サイトマスターにとって「姿の見えないユーザー」。いってみれば「透明人間」と付き合わなければならないのです。 直接顔を合わせられる実店舗なら、お客さまの表情、しぐさを伺いながら、コミュニケーションを取れます。店員が何かのサービスをしたと

iPadの上陸、Googleの参入などで盛り上がる電子書籍市場。「Webに近い」性質を持つ電子書籍は、Web制作の世界とも決して無縁ではありません。本連載では、「JavaScriptラボ」でおなじみの古籏一浩氏が、主な電子書籍フォーマットのデータの作成方法を解説します。（編集部） 電子書籍にはPDF、EPUB、.book、AZW/MOBI、Topaz、XMDFなどさまざまなフォーマットがありますが、どのフォーマットがどんなコンテンツに適しているのか、どのような方法でデータを作成できるのか、電子書籍の課題や現実のワークフローは実際にデータの作成を体験することで見えてきます。そこで、本連載では現時点で広く使われている（もしくは仕様が公開されている）4つの電子書籍フォーマットについて、データの作り方を解説します。