それじゃあ何も伝わらない！元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと : LINE Corporation ディレクターブログ
ネッツアイに火の用心 あなたのハートにG-SHOCK！こんにちは、nakatanigoです。 かつてはディレクターブログを書く立場だったのですが、諸事情により遠ざかっておりました。 というのも、かつて前職でデザイナーをしていた経験から、ディレクターを２年ほど経験した後、デザイナーに転籍したのです。 そこで、今回はその経験から、ディレクターからデザイナーにデザインを依頼する際に注意すべきことをお話させていただきます。ディレクターがデザイナーに依頼をする際、こういう言い方は避けたほうがいいという事例もあわせてご紹介します。 大前提として、デザイナーはディレクターから言われたことしかやらないわけではありませんので、依頼に疑問があれば質問し相談します。しっかりとコミュニケーションをとれば下記のような事例は起こらないと思いますが、それが抜けてしまった場合には効果の小さいデサインができあがってしまうと
スマホアプリ開発現場におけるUI採用の試行錯誤 - ロケタッチの場合 - : LINE Corporation ディレクターブログ
こんにちは、ユティです。ロケタッチを担当しています。 スマートフォンで展開するサービスの開発では、1つ大事なことがあります。それは、4インチ前後の画面にすべてを詰め込まなくてはいけないということです。これ以上、画面のサイズが大きくなると片手で持てなくなるので、この4インチ前後というサイズのトレンドはしばらく続くでしょう。アプリが複雑になればなるほど、この狭い画面に展開する UI で悩むことになり、その度に私たちはいろいろな方法でその壁を乗り越えていくことになります。 ロケタッチも、リリース以降機能がどんどんと増え、その度にアプリ内の UI、特にメニューのところをどうしようかという話になりました。今回は、そのメニュー周りのUIを中心に、近頃のロケタッチのUI事情についてご紹介したいと思います。 代表的なメニューUIと、トレンドのスライドメニュー まず、過去のロケタッチを例に、多くのスマートフ
ソーシャルゲームについての考察 - 3つの制作パターンと3つの要点 : NHN Japan ディレクターブログ
【2012.3.30 追記】 ディレクターブログ編集部です。各種ソーシャルメディアにて色々とご意見をいただいているようでありがとうございます。タイトルに適切ではない部分があると判断したためタイトルを変更いたしました。 ---------------------------------------------------- はじめまして。スマートフォンゲーム制作室の馬場一明です。 最近の仕事としては、スマートフォンハンゲームの「TEIBAN GAME」プロジェクトの統括を行いました。（その際に受けたインタビュー記事） ゲーム関連の部署に身を置く私ですが、ソーシャルゲームは作った事がありません。しかし仕事柄、ソーシャルゲームについての考察はしばしば行います。今回は、そんな私が現在大量にリリースされているソーシャルゲームを見て感じた、ソーシャルゲームをに作る上でのツボをお伝えできればと思います。
ディレクターなら知っておきたい「バナー広告制作の基礎知識」 : LINE Corporation ディレクターブログ
こんにちは、NHN Japanのマッチングサービス事業部でマーケティングを担当しているotakeです。 今回は担当サービスの運用業務と並行して出稿も担っている忙しいディレクターさんやこれから出稿業務に携わる方のために、チャッチャと読んで現場ですぐに使える実戦的なナレッジの一部を「バナー広告制作の基礎知識」として書かせていただきます。 当事者意識を持たせるAttentionを考える ユーザーの購買行動において、バナー広告が担うポジションはAttention（注意）喚起にあたりますが、一般的にバナー広告は誰に注意を促すものなのでしょうか。 検索から目的を持って能動的に何かを探しているわけではないが、潜在的な関係性を秘めているのがバナー広告の対象となる潜在層。ここに位置する対象には”この広告はあなたに関係あるものです”、”おそらくあなたの話です”といった潜在欲求に気づきを与える「当事者意識を高め
ディレクターの日常業務で役立つ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 ディレクターブログ
こんにちは。ティーンズメディアグループ/ブロググループのタルです。 最近私は、サイトの戦略資料を作成したり発表をしたりする機会が多くありまして、そこで感じたこと、学んだことを今回は整理する意味も含めて、事業計画書や企画書など“提案要素の強い資料作成において大事なこと”をあげていってみようと思います。 プレゼンテーションのための資料（スライド）ではなく、あくまで“資料単体としてどう説得力をもたせるか”ということと、また、大それた戦略資料だけでなく、日常でディレクションをしていてちょっとした企画書などの資料作成でも当てはまるようなことを書きますので、資料作成に苦労されている方は参考にしてみてください。 まず悩み過ぎない。とりあえず動き出す ある程度の主題（いいたいこと、やりたいこと）が決まっているとしても資料としてストーリーを持たせること（形にすること）を考えると、パッと資料の流れ・全貌が浮か
インフォグラフィックスができるまでの5ステップ : LINE Corporation ディレクターブログ
こんにちは。位置情報共有サービスロケタッチのディレクターをしております幕田博之です。 おかげさまで、2011年7月15日をもちましてロケタッチはサービス開始から一周年を迎えることができました！ 多くの社内外の関係者、ユーザーの皆様からのご指導、ご支援があってのことだと思い、スタッフ一同大変感謝しております。 さて、先日のロケタッチ開発ブログでは一周年記念ということでインフォグラフィックスを公開いたしました。 そこで、今回のディレクターブログではロケタッチのインフォグラフィックスができるまでの流れをご紹介したいと思います！ そもそも、インフォグラフィックスってなに？？ Wikipediaでは下記のように説明されています。 インフォグラフィックス(英：Infographics)は、情報、データ、知識を視覚的に表現したものである。インフォグラフィックスは情報を素早く簡単に表現したい場面で用いられ
今どきのWebディレクターなら避けては通れないAPIの勘どころ : LINE Corporation ディレクターブログ
こんにちは。ライブドアのモリウチです。突然ですがWebディレクターのみなさん、「WebAPI」を使った企画や設計をしていますか？ APIとは「Application Programming Interface」の略で、特にWebAPIとはあるプログラムが、別のシステム (Webサービス) が持っているデータのCRUD (読み書き削除) や、一連の処理 (機能) の利用を可能にするための技術です。 WebAPIの活用の普及に貢献したのは2005年のGoogleMapのAPIでしょう。 WebAPIは、登場当初は地図情報や、都道府県やジャンルなどの静的な情報を取り出して利用することが主流でしたが、最近ではTwitterやFacebookのように利用ユーザーからの許可を受けてユーザーの個人データやソーシャルグラフを取り出して利用したり更新したりできるようなWebAPIが一般化してきました。そして
ライブドアの役員が読んでいる“ネタ本” 10冊 : LINE Corporation ディレクターブログ
こんにちわ。櫛井です。 ジワジワ人気があるという、この「ネタ本シリーズ」。トリを務めますのはライブドアのメディア事業に関わっている執行役員と社長です。リストアップしてもらってから個人的に買ってみた本が多数です。 では、どどーんと10冊をどうぞ。 イノベーションのジレンマ―技術革新が巨大企業を滅ぼすとき イノベーションのジレンマ―技術革新が巨大企業を滅ぼすとき (Harvard business school press) 著者：クレイトン・クリステンセン 販売元：翔泳社 (2001-07) 販売元：Amazon.co.jp クチコミを見る ◆推薦者: 執行役員 CPO 佐々木大輔成功体験をもった企業からは、なぜ新たなイノベーションが生まれにくいのか？ そのジレンマをどうやって打ち破るのか？ということに迫った研究書。賞味期限の長いビジネス書の名作で、すごく参考になります。 7つの習慣―成功に
【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる？" 〜メリット・デメリットを徹底研究！ : LINE Corporation ディレクターブログ
※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア（コーダー）と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの？ HTML5とCSS3を使うメリットは？ HTML5とCSS3で何ができるの？ そもそも、HTML5とCSS3ってもう使えるの？ 使えます。 （※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません） 現在のスマ
ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース : LINE Corporation ディレクターブログ
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
(修正済) これだけは抑えておくべき！一夜漬けスマートフォン講座 : LINE Corporation ディレクターブログ
※不備ありテキストの一部（アプリアイコンの箇所など）がバックデートしてしまっておりました。修正を行いました。- 9/7 22:00 こんにちは。4月の異動でポータルビジネス部に来てから、livedoor ポータルのスマートフォン関連の担当をしております石野です。 最初に 今回は「明日からスマートフォン担当してね」と上司から不意にリクエストされたとき用の一夜漬けスマートフォン講座を開催したいと思います。PCサイトの開発進行がメインであった自分が4月にプロジェクトに招集されてから慌てて覚えたものばかりです。 「iPhone4ってどう凄い（違う）の？」 「Retina対応どうするって言われたけど…レティナ？」 「Xperia以外のAndroidケータイって？」 「アプリ開発したはいいけど、その後どう公開していくんだっけ？」 「ドコモマーケット？au one Market？どっちにも申請必要？」
カンタン！効果的なユーザビリティテストについて : LINE Corporation ディレクターブログ
こんにちは！コンシューマメディア部ディレクター浪越です。 制作ディレクターとして、サイトの改修に着手することがありますが、その際どうやって改善点を見つけるかがいつも問題になります。 色々なサイトを見て便利な機能を探して、改修に取り入れることができないかを考えることはとても重要です。 しかし、もっと問題解決に効果的な方法はないのか…。グループインタビューやユーザビリティテストなど、簡単にできればいいのに…。と思うディレクターさんもいらっしゃるのではないでしょうか。 実はユーザビリティテストであれば、テストするユーザーも含め、3人いれば実施が可能なのです。 今回は、簡単にできるユーザビリティテストの方法をご紹介いたします！ グループインタビューとユーザビリティテストの違い まずは、混同されがちなグループインタビューとユーザビリティテストの違いをまとめます。 グループインタビュー 【目的】 人間
私はこうやって公式 Twitter アカウントを運用しています : LINE Corporation ディレクターブログ
こんにちは！なっちゃんです。……フランクな挨拶で恐縮ですが、ブログビジネス部のディレクターで livedoor Blogの公式 Twitter のキャラクター「なっちゃん」として、日々のつぶやきを担当しています。 ライブドアにある面白いブログをより多くの人に知ってもらいたいという思いでつぶやき始めました。まだ私が担当して 2 ヶ月足らずですが、利用しているツールや気づいた点など運用についてご紹介させていただきたいと思います。 運用前にしておいたこと 公式 Twitter なので運用を始める前に色々な設定を決めました。 つぶやくキャラクターの設定私がつぶやき担当の「AD (アシスタントディレクター) なっちゃん」として、普段の自分のキャラクターでつぶやくことに決めました。また、親近感を持ってもらえるよう自分のイメージに合うイラストを描いてもらいました (イラスト: @vesper氏)。ちなみ
モバイルサイトデザインの考え方 : LINE Corporation ディレクターブログ
こんにちは。ケータイlivedoorを担当してます多留です。 今回は、私がモバイルサイト作りでいつも意識して取り組んでいる "配色の仕方"、"メリハリの重要性" についてお話させていただきます。 モバイルサイトと配色 モバイルサイトは、PCのようにガンガン画像を使うとか、JavaScriptを使って動きをつけるとか、まだまだできないこと、制限のあるところが多々あり、線や細かい背景色・文字色・絵文字の使い分けなどでページを構成する必要があります。 配色や見せ方に関してはセンスが問われるところで、特にモバイルサイトのように凝縮されたスペースでの表現は難しく、苦手な人はホントに「いつまでたっても苦手」という方も多いと思います。 私個人としては、PCよりもモバイルサイトで全てを済ませようとしていて (つまりは携帯依存症……) いろんなジャンルのモバイルサイトデザインを見ているおかげで、配色や見せ方
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
資料作りに便利なキャプチャーツール・加工ツール : LINE Corporation ディレクターブログ
こんにちは。ブログビジネス部の河野です。 説明や提案など資料を作る際に、Webページやアプリケーションの画面のイメージを取り込んだり利用することは多くあると思います。 今回はそのような場面に役立つツールをご紹介したいと思います。 画面キャプチャーツールの使い分け 窓の杜には「画面キャプチャー」、ベクターには「グラフィックセーバ(キャプチャ)」と、キャプチャーツールは、数多く紹介されています。それぞれ、細かいところで特徴に違いがありますので、自分の好みに合わせて使えばいいと思います。 私の場合は、キャプチャ対象がWebページかそれ以外のデスクトップアプリか範囲がユーザー指定か全画面か、或いは、表示されないページ全体部分も含むかキャプチャした画像はファイルとして保持したいか、クリップボードに保持でOKかなどによって、いくつか使い分けをしています。 【1】WebページのキャプチャーWebページの
Web サービスのプロモーションに大切な 5 つのポイント : LINE Corporation ディレクターブログ
こんにちは。ライブドアの薮田（yabucccchi）です。広告企画や自社媒体のプロモーション企画なんかをやってます。 Web サービスの担当者というと制作することに集中しがちですが、作るだけではサービスを使ってもらうことはできません。リリース前・リリース時・リリース後にどのようにプロモーションしていくのかを計画する必要があります。 今回は私たちがサービスやプロジェクトを進めるにあたって、どのようにプロモーションの計画をたてているのかをご紹介します。また本文の最後に私が使っているプロモーション計画表のテンプレートを参考までに Open&Share させていただきます。 実際に表を見ながら以下の 5 つの項目を考えていくと分かりやすいかと思います。 1. サービスのことを分析し目的やターゲットを明確にする まず、自分たちのサービスの Vision や Who・What を分析します。そのサービ
mixiアプリモバイルを作る前に知っておきたい、PC版との違い5点 : LINE Corporation ディレクターブログ
モバイル事業を担当している渡邉雄介です。ライブドアでは2月に初のmixiアプリモバイル「わんにゃん★マイスター」をリリースし、現在も複数のアプリの開発を進めています。 リリースまでの手順はmixi Developer Center (開発者向けサイト) に詳しく載っていますが、PCと比較するとモバイルは勝手が違うところがいくつかあります。今回は実際にmixiアプリモバイルを申請した経験をふまえ、考慮しておきたいPC版との違い5点をまとめました。 その1 開発できるのは法人だけ 意外と知られていないのですが、モバイル版を開発できるのは法人だけです。個人がアプリ開発をする際のデベロッパー登録はPC版のみに適用され、モバイル版は対象外になっています。 ＜参照元＞ mixi Developer Center >> パートナーアカウント登録 個人の方は通常のアカウントを用いて、「デベロッパー登録」よ
複数の PC を手元で操作 「Synergy」を使おう! -Win&Mac 混合対応版- - NHN Japan ディレクターブログ
こんにちは、櫛井です。 仕事で同僚と話していると「こんなに便利なのに何で使わないんだろう?」と思うことがよくあります。今回はそういった感想を抱くことが最も多いソフト「Synergy」を紹介します。先日のエントリーでも少し登場しましたね。 →よく知っているので設定の項目へ急ぐ Synergy ってなに? 2 台並べたパソコンのキーボードを行ったり来たり。うんざりしますね。繋がってないのがわかっていながらも「すぐそこにあんだからこっちのマウス使わせろよ!」って思います。それを可能にしてくれるのが Synergy です。 実際に見てもらうのが早そうなので動画を撮ってみました。音はありません。正面に置いてある銀色のノート PC(64bit Windows7) には右側にモニタを追加していて、外付けのキーボードとマウスで操作しています。マウスを移動し続けて隣に置いてある黒いノート PC(Window
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
