ディレクターが意識すべき、サイトリニューアル前後の心がけ : LINE Corporation ディレクターブログ
こんにちは、ブログチームでlivedoor Blogポータルを担当している小出です。 最近、livedoor BlogのPC版ポータルはフルリニューアルを行い、大きく生まれ変わりました。私はディレクターとして担当したのですが、今回のサイトリニューアルを通して、技術的なトレンドやタスク管理ツールなどは日々進歩していると改めて感じています。今回はlivedoor Blogのリニューアルを通して感じた「ディレクターとしてのサイトリニューアルの心がけ」の要点をご紹介したいと思います。 同じサイトでもアクセスデバイス毎にユーザー層は異なる リニューアルを行うにあたり、まず私が行ったのがサイトのアクセス解析等の各種調査でした。 その調査を通し、ライブドアブログのポータルには PC版はブログ作成者の訪問が多いスマホ/モバイル版はブログ閲覧者の訪問が多いという２つの特徴があることが判明しました。 その結果
ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか？ 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に！IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした
説得力のある提案資料作成のすすめ : LINE Corporation ディレクターブログ
こんにちは。ティーンズメディアグループ/ブロググループのタルです。 最近私は、サイトの戦略資料を作成したり発表をしたりする機会が多くありまして、そこで感じたこと、学んだことを今回は整理する意味も含めて、事業計画書や企画書など“提案要素の強い資料作成において大事なこと”をあげていってみようと思います。 プレゼンテーションのための資料（スライド）ではなく、あくまで“資料単体としてどう説得力をもたせるか”ということと、また、大それた戦略資料だけでなく、日常でディレクションをしていてちょっとした企画書などの資料作成でも当てはまるようなことを書きますので、資料作成に苦労されている方は参考にしてみてください。 まず悩み過ぎない。とりあえず動き出す ある程度の主題（いいたいこと、やりたいこと）が決まっているとしても資料としてストーリーを持たせること（形にすること）を考えると、パッと資料の流れ・全貌が浮か
Webディレクターが社会人1年目のころの自分に伝えておきたい9つのこと : LINE Corporation ディレクターブログ
こんにちは、ポータルグループでWeb広告の制作を担当している阿部です。 ◆はじめに 先日、個人のブログで「今だから分かる、社会人1年目のころの自分に伝えておきたい、7つの大切な心がけ」というエントリーを書いたところ、何件かリツイートしていただいたり、Facebookの「いいね！」をしていただいたりと、一定の関心をいただきました。 せっかくなのでTipを2つ加え、Webディレクターにフォーカスして追記したものを紹介させていただきます。 1. 無口は"思慮深さ”ではなく、"無能”を演出する 先輩、上司はそもそも、新人にグッドアイデアや正論などを期待していません。期待しているのは、新人が何を考えているのか知りたいということと、経験の少なさからくる慣習にとらわれない意見だったりします。そして、会議で熟考していても "思慮深い人” とは受け取ってくれません。"何を考えているのか分からないやつ” ある
今どきのWebディレクターなら避けては通れないAPIの勘どころ : LINE Corporation ディレクターブログ
こんにちは。ライブドアのモリウチです。突然ですがWebディレクターのみなさん、「WebAPI」を使った企画や設計をしていますか？ APIとは「Application Programming Interface」の略で、特にWebAPIとはあるプログラムが、別のシステム (Webサービス) が持っているデータのCRUD (読み書き削除) や、一連の処理 (機能) の利用を可能にするための技術です。 WebAPIの活用の普及に貢献したのは2005年のGoogleMapのAPIでしょう。 WebAPIは、登場当初は地図情報や、都道府県やジャンルなどの静的な情報を取り出して利用することが主流でしたが、最近ではTwitterやFacebookのように利用ユーザーからの許可を受けてユーザーの個人データやソーシャルグラフを取り出して利用したり更新したりできるようなWebAPIが一般化してきました。そして
【スマホ集中連載 第9回】 "意味まで正確に理解していますか？" Androidアプリ開発における重要用語集 : LINE Corporation ディレクターブログ
こんにちは。スマートフォングループ ディレクターの石野です。 集中連載も残すところあと3回となりました。 今回はAndroidアプリ開発のディレクションを行う上で知っておいたほうが良い専門用語を紹介したいと思います。 アプリ公開時に知っておくべき用語 ◆.apk ファイル【エーピーケー】Android アプリケーションパッケージファイル(application package file)、アプリを公開する際の形式です。 端末で実行することでアプリをインストールできます。 PC Windowsアプリにおける.exe ファイルに当たるでしょうか。 また、ウィジェットやライブ壁紙、ホームアプリ/ランチャーアプリに関しても同様に.apk形式となります。 ◆マニフェストファイル(AndroidManifest.xml ファイル)アプリに関する必要不可欠な情報を記載するファイルです。 アプリを一意に識
【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる？" 〜メリット・デメリットを徹底研究！ : LINE Corporation ディレクターブログ
※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア（コーダー）と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの？ HTML5とCSS3を使うメリットは？ HTML5とCSS3で何ができるの？ そもそも、HTML5とCSS3ってもう使えるの？ 使えます。 （※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません） 現在のスマ
ネットサービスの競合分析で使えるツールと手法 : LINE Corporation ディレクターブログ
こんにちは。ブロググループの池田です。 今回は、マーケティングデータの収集・分析の中でも、入手できる情報が限られるために手薄になりがちな競合サイトの調査・分析方法を紹介します。 まずは基本データをおさえる PVやUU、ユーザ属性などを調べる際、ネットレイティングス (有料)、ComScore (有料) や Alexa (無料) といったツールがありますが、ここでは無料でかつ最近なかなかいい線いっていると思っている doubleclick ad planner by Google を紹介します。 使い方は簡単。doubleclick ad planner のページを開いて、調べたいサイトのURLを入力するだけ。表示されるページの「データを表示：」のプルダウンリストで「日本」を選択します。 以下、表示されるページの中で特におさえておきたいデータです。 トラフィックデータとユニークユーザ数推移基
サイトのリニューアル時に必要不可欠な課題の見つけ方 : LINE Corporation ディレクターブログ
はじめまして。ジェイ･リスティングの井上です。 コーポレートサイトのリニューアル、弊社新広告サービスの JLISTING Ads サービスサイトのディレクションを担当し、本日(2/1)、共にサイト公開となりました。 今回は、コーポレートサイトのリニューアルにフォーカスを当て、メンバーの想い・要望を知り、意識を共有するために、どういった形で要望を引き出し、まとめたかという点についてお話しさせていただきたいと思います。 課題を知る 関係者の想いや、要望を知り、意識を共有するためにはヒアリングが必要です。しかし、現在のコンテンツを把握していないことには、関係者へのヒアリングすらできません。まずは、ヒアリングを効果的に進め、この案件を無事に成功させるためにも現状分析が必要です。 現行サイトのコンテンツマップを作り、コンテンツのカテゴリー分けと導線の確認を進めつつ、サイトを見ていて気になったことや、
スマートフォン関連の基礎勉強法 : LINE Corporation ディレクターブログ
こんにちは、ブロググループの飯田 (@iishun) です。 2011 年はさらにスマートフォン市場の拡大が加速すると云われています。弊社でも 2010 年 10 月にライブドア全体のスマートフォン関連事業を推進していくスマートフォングループが設立されました。 が、各コンテンツのスマートフォンサイト・アプリは各グループのコンテンツ担当が運用するのでスマートフォン関連の知識は必須になります。 そこで今回は僕がここ最近実践しているスマートフォンに関する勉強法を、実際に使用した参考書籍と共に紹介してみます。これから「スマートフォンの事を勉強しなきゃ！」と思った人に役に立ってもらえればなと思います。 1. HTML5/CSS3 の特徴を知る HTML5/CSS3 がスマートフォン用のマークアップ言語というわけじゃありませんが、スマートフォンのウェブサイト (Webkit 系) は HTML5/CS
UX とユーザビリティ のお話 【基礎編】 : LINE Corporation ディレクターブログ
こんにちは。10月からブロググループのディレクターをしている真田 (さなだ) です。 これまで私はマークアップエンジニアをしていましたが、コンテンツの設計段階から参加できることは多くありませんでした。ディレクターとなったからには、根本からHCD (人間中心デザイン) を意識したコンテンツ作りをしていきたいと思っています。 そこで今回はまず、ユーザーエクスペリエンス (以後UX) とユーザビリティの基礎についてまとめてみたいと思います。 UXってなに？ なかなか明確に定義することが難しく、さまざまな解釈がなされているUXという言葉。 直訳すると「ユーザー体験」となりますが、国際規格のISO 9241-210の中では、「製品やシステム、サービスを使用、あるいは使用を予想した時の、人の知覚と反応」とされています。 それを利用したときに感じるあらゆる感情、また「使用を予想した時の」とあるように、製
mixiアプリで課金を導入する際に注意すべき4つのこと : LINE Corporation ディレクターブログ
こんにちは。モバイルディレクターのカワムです。 ライブドアでは2月より順次モバイル、PCにてmixiアプリをいくつか展開していますが、その中の占いアプリにて10月よりモバイルペイメントプログラム (以下、mPP) を開始しました。 PV・UU単価の広告収入を得られる「アドプログラム (mAP)」と違い、mPPはユーザからの個別課金での収入となります。 mixiペイメントプログラム（mPP）は、弊社が提供するソーシャルアプリケーションプロバイダー様向けビジネスサポートプログラムの1つです。 mixiペイメントプログラムにご参加いただいたくと、アプリ内のデジタルコンテンツへの課金を「mixiポイント」または「mixiクレジット払い」で決済していただくことができます。本プログラムを使用して消費された「mixiポイント」または金額に応じた収益を得ることが可能です。 参照元：mixi Develop
目的が明確でこそリニューアルは成功する : LINE Corporation ディレクターブログ
コミュニティサイト「YYC (ワイワイシー)」を担当しているケイです。 YYCは先月 (10/6) にPCとモバイル両方でリニューアルを行いました。デザインだけでなく、システムも全て新たに開発してのフルリニューアルとなりました。今回はリニューアルの目的と、それを進める上で必要なことを簡単に書いてみます。 リニューアルの目的 PCシェアの拡大が更なるサービス成長への起爆剤YYCはもともとモバイルサイトとして誕生し、その後PCでも利用できるようになりました。また「お相手からメールが来たらすぐにでも返事したい」というサービス自体の特性から、モバイルでの利用が圧倒的で、約9割を占めています。 その為、開発期間をできるだけ短くしたいこともあり、主な開発はモバイルのみということが多く、PCサイトはモバイルの補助的役割という立場で、モバイル版がフレーム内で表示されておりました。 この”PCでのモバイル画
より良い UX・UI は地道な検証の繰り返しから : LINE Corporation ディレクターブログ
こんにちは、10 月からも引き続き livedoor Blog 担当の飯田です。 9 月末に livedoor Blog で新しい記事投稿画面β版 (以後β版) を、10 月頭にえもじメーカーという新機能をリリースしました。 この 2 つは開発にさしあたり「ユーザーインターフェース (UI)」や「ユーザーエクスペリエンス (UX)」を強く意識しました。今回はどうやって UI・UX について検証したかを部分的に切り出してカンタンに紹介したいと思います。 ユーザーインターフェース ユーザインタフェース (User Interface) は、機械、特にコンピュータとその機械の利用者（通常は人間）の間での情報をやりとりするためのインタフェースである。 ユーザーエクスペリエンス ユーザーエクスペリエンス（UXと略記されることが多い）とは、ユーザーがある製品やシステムを使ったときに得られる経験や満足な
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
ランディングページをおざなりにしないために最低限実施しておきたいこと : LINE Corporation ディレクターブログ
こんにちは。ブログビジネス部のイシカワです。 今回は今までの色と変わって、ランディングページ (以下 LP) に関して書いてみたいと思います。 ランディングページとは？ インターネット広告や、検索エンジンの検索結果からのリンク先となるウェブページ。広告を見る人にとっては、広告（又は検索結果）をクリックすると最初に表示されるページ。必ずしも自社サイトのトップページである必要はない。 (引用元: インターネット広告用語辞典) 新規ユーザーの獲得には LP が重要な要素になってきます。単に LP と言っても、何を詰め込んで良いか・どう見せれば良いか複雑に考えがちになってしまいます。しかし、ユーザーに対しては簡潔に伝えないと、複雑なものとして敬遠されてしまいます。LP 作成に当たり、最低限以下の要素を精査しておくと良いです。 LP に最低限必要な要素 LP を作成するにあたって大切な要素は沢山あり
複数の PC を手元で操作 「Synergy」を使おう! -Win&Mac 混合対応版- - NHN Japan ディレクターブログ
こんにちは、櫛井です。 仕事で同僚と話していると「こんなに便利なのに何で使わないんだろう?」と思うことがよくあります。今回はそういった感想を抱くことが最も多いソフト「Synergy」を紹介します。先日のエントリーでも少し登場しましたね。 →よく知っているので設定の項目へ急ぐ Synergy ってなに? 2 台並べたパソコンのキーボードを行ったり来たり。うんざりしますね。繋がってないのがわかっていながらも「すぐそこにあんだからこっちのマウス使わせろよ!」って思います。それを可能にしてくれるのが Synergy です。 実際に見てもらうのが早そうなので動画を撮ってみました。音はありません。正面に置いてある銀色のノート PC(64bit Windows7) には右側にモニタを追加していて、外付けのキーボードとマウスで操作しています。マウスを移動し続けて隣に置いてある黒いノート PC(Window
そのモバイルサイト見やすい? 使いやすい? ユーザビリティをアップさせるチェックポイント7 : LINE Corporation ディレクターブログ
こんにちは、「プチペット」を担当している吉沢です。 最近はモバイルサイトを作成するためのブログやノウハウ本などがたくさん出てきて、とても便利になってきましたね。 個人的にはモバイルサイトのデザインやユーザインターフェース関連に関心が高いので、ブログでは「モバイルデザインアーカイブ」さん、「case:MobileDesign!」さん、本では日々、こちらで勉強させていただいております。 モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 著者：株式会社ゆめみ 販売元：インプレスジャパン 発売日：2008-12-25 おすすめ度： クチコミを見る モバイルデザインアーカイブの本。―携帯Webコレクション 著者：モバイルデザインアーカイブ 販売元：春日出版 発売日：2009-08 おすすめ度： クチコミを見る ケータイサイトのレイアウト 企業・キャンペーン・サービ
「CocProxy」という便利なツールを知っていますか？ : LINE Corporation ディレクターブログ
こんにちは。ブログビジネス部 石野です。 livedoor Blogやクリップ、Readerの担当ディレクターです。 今日は「CocProxy」というツールをご紹介します。 同僚のプログラマーに教わったのですが、便利です。 コーディングにも携わるディレクターにはぜひ知っておいてほしいツールです。 CocProxyとは ブラウザからのリクエスト先をローカルファイルに置き換えてくれるプロキシです。 （一見取っつきにくそうですが） デバッグ時にその環境を用意をするまでの手間をなくしてくれる、時間短縮してくれるツールです。 メリット Ajaxを使っているなど、デバッグ環境を用意するのが大変な場合もプロキシの切り替え1つで済みます。 また、確認するために編集したファイルをサーバへアップロードして…といった手順をスルーできます。 amachangさんのこの記事を見て「名前は知っていたけど」という方も、
モバイルサイトマークアップ5つの小技 : LINE Corporation ディレクターブログ
こんにちは。10月の組織編成でブログビジネス部に異動になりました飯田です。 普段はディレクターしてますが、時にモバイルサイトのマークアップをするときがあります。以前、こちらのエントリーでモバイルサイトを作るうえでのノウハウを紹介していますが、本エントリーではもう少し実践的な「モバイルサイトで○○を表現するには」をすごく簡潔に紹介してみたいと思います。 ある程度の端末で正常に表示されることを確認していますが、一部を除いて正常に表示されない場合もありますがご了承ください。なお、本エントリーで紹介している記述はわかりやすいように style 属性を全てインラインで記述しています。 見出しに背景色 div タグXHTML 対応の端末であれば下記のタグで簡単に見出しに背景色をつけることができます。 <div style="background-color="#0000ff;">ほげほげ</div>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
