万人向けのサイトなど存在しない！改善しやすいサービスを生む 情報設計の重要性
はいどーもこんにちは。最近妙に忙しくて、久しぶりの投稿なのに変な具合にテンション高めのナカムラです。 タイトルからいきなり叫んでますが、今回は先日参加した「ゼロからのディレクション講座:設計編」の内容で特に気になったポイントのピックアップ記事になります。 （主にクライアントワークにおける）要件定義⇒情報設計⇒仕様定義のフローに関するかなり詳細な講義で、なかなか見る機会の無いガチ見積りの作り方あり、実践的なワークショップありと、かなり勉強になりました。 が、さすがにここに全部載せるわけにもいかないので、本記事ではナカムラ自身にとって最も印象的だった「情報設計」部分の考え方と、その具体的手法について思い出しながらまとめてみようと思います。 ※恐らく高い確率で抜け漏れが発生します。ちゃんと知りたい人は次回講演へ！ 情報がキチンと設計されてないと何も作れない。 当たり前の事を言うようですが、「誰が
ディレクターが意識すべき、サイトリニューアル前後の心がけ : LINE Corporation ディレクターブログ
こんにちは、ブログチームでlivedoor Blogポータルを担当している小出です。 最近、livedoor BlogのPC版ポータルはフルリニューアルを行い、大きく生まれ変わりました。私はディレクターとして担当したのですが、今回のサイトリニューアルを通して、技術的なトレンドやタスク管理ツールなどは日々進歩していると改めて感じています。今回はlivedoor Blogのリニューアルを通して感じた「ディレクターとしてのサイトリニューアルの心がけ」の要点をご紹介したいと思います。 同じサイトでもアクセスデバイス毎にユーザー層は異なる リニューアルを行うにあたり、まず私が行ったのがサイトのアクセス解析等の各種調査でした。 その調査を通し、ライブドアブログのポータルには PC版はブログ作成者の訪問が多いスマホ/モバイル版はブログ閲覧者の訪問が多いという２つの特徴があることが判明しました。 その結果
Supotant is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
配色の悩みを少しでも軽くするための、『色』に関するWEBサービスやツール色々！ | バンクーバーのうぇぶ屋
この前日本に一時帰国していてWEB制作の学校とか顔出す機会があったんですが、日本だろうが、海外だろうが『色』に関する悩みはやっぱ万国共通のようですね。 配色一つでセンスが問われますし、配色一つの為に膨大な時間を使ったりする、デザインをする上で考える『色』についてはセンスも時間も必要な非常にデザイナーとして神経使うとこなんじゃないでしょうか？ しっかし、僕がそうだったんですが、配色って本当に意識していないと何が良くて何が悪いのか中々判断つかない、デザインしていても一つの色ばかり見ていたらその色が何か気に食わなくなってきて、違う色を試してみたり。いくつかの色を併用してみたり、でもやっぱり戻してみたり。行ったり来たりで何が”良い配色”なのかがわからなくなったりすることが多いんですね。 んなことしていたら、『色』について悩む時間だけで丸一日過ごすなんてこともざらにあったりしたわけです。デザインしだ
layer8.sh
We’re getting things ready Loading your experience… This won’t take long.
Pinterest のスケール
V 先生から教えて頂いたので、Instagram 同様 Django/AWS 構成の Pinterest のスケールをメモ。Pinterest はいつものアカウント名が初めて 先取 されたサービスなので、今後使わないと思います。 本題に入る前に、Python には The Zen of Python (日本語) という思想があります。私はこの思想を Python でのプログラミングだけでなく、インフラの構築の際も意識するように心がけています。"Simple is better than complex" です。Instagram や Pinterest のスケールを見て、この思想がもっと好きになりました。 Instagram はよりシンプルなインフラに更改していくことで、ただスケールするだけでなく、運用や変更のコストも最小限になるように最適化していると思います。結果的に Android ア
SPIDER PRO - 業務用全録レコーダー｜テレビ情報検索サービス
業界のプロも選ぶ。 NHK、民放放送局約90％が導入の実績 優良企業から官公庁・自治体まで幅広く採用されているSPIDER PRO。NHK・民放の約9割で導入されている実績が最高峰の証です。 誕生から15年、アップデートを重ね、広報宣伝担当者様の業務時短を強力にサポートしております。 課題 1テレビで放送された情報を見逃したくない の解決策最大1クール（3ヶ月）の全録。 見逃しゼロに。 24テラバイトの大容量、最大12チャンネル自動録画機能で関連番組の「見逃し」がなくなります。画質は用途に合わせて9種類から選択できます。 課題 2見たい番組が埋もれてすぐに探せない の解決策独自AIが番組内容を自動タグ付け 目的のシーンを頭出し再生 録画された番組データは、独自のAI技術により生成したメタデータで高精度に整理されます。番組名、出演者名といった基本情報に加え、番組内で紹介された商品、企業、特定
404 Not Founds
The requested URL was not found on this server. 您要找的内容已被删除
メガ・サービスがスタートした日のデザイン: Google、YouTube、Facebook、Twitterなど
日清食品カップヌードルのデザインはずっと変わっていないような印象がありますが、変遷を見るとすこしづつ洗練されていることが分かります。これは、ユーザーの持っているブランドに対する良い印象を変えることなく、デザインや機能を新しくすることで、飽きさせることなくブランドを維持する好例と言えますが、長い間、変わらず利用されているウェブ・サービスにも同じことが言えると思います。 Google、Facebookなど、今ではみんなが使ってるメガ・ウェブ・サービスも、当然、最初のリリースの日があります。 これらのサービスは、毎日使っているので、ちょっとづつ変わってるなとは思いつつ、最初のデザインがどんなのだったかは覚えていなかったりします。 そこで、当時を懐かしむ意味と、知らない間にこれだけ進化したということを実感していただくことを目的に、メガ・サービスがスタートした日のデザインを紹介させていただきます。元
WEB屋の“メンドクサイ”は多事多難！今年遭遇したメンドクサイの数々、そして対処法色々！ | バンクーバーのうぇぶ屋
なるべく口にしないようにしていますが、正直言って僕はかなりの頻度で”メンドクサイ”と思うことが多いです。何か面倒な作業が目の前に立ち塞がったら、とにかく”メンドクサイ”と思うように心がけています。 というのも、僕にとって”メンドクサイ”という言葉は口にしたらアウトですが、思う分には誰にも咎められることはありません。おまけに、その瞬間僕が“メンドクサイ”と感じたことは、解消できれば僕の作業効率は絶対に上がることを意味しているから、別に誰になんと言われても僕にとっての“メンドクサイ”は良い言葉です。 大事なのは”メンドクサイ”で終わらせないこと。”メンドクサイから解消しなきゃ！”で口癖（思い癖？）にできれば一番でしょうか？ というわけで、今日は僕自身が「あー、もうほにゃにゃらら（メンドクサっ）！！」と思った時に、そのメンドクサイを解消してきたサービスやツールなど、遭遇したシチュエーションにも分
はてなブログのデザインの裏側 - Uedayworks::HatenaBlog
このエントリーはHatena::Staff Advent Calendar 2011のために書かれたものです はじめまして。最近は映画けいおんが生き甲斐のuedayです。 11月8日にクローズドベータリリースした「はてなブログ」のデザイン全般を担当しました。裏側というほどの話ができるか微妙ですが書いてみます。 開発チーム 開発チームは、エンジニアid:cho45／デザイナーid:ueday／ディレクションid:onishiです。デザインはクオリティチェックをid:tikedaに依頼して、適宜フィードバックを貰いながら進めていきました。このほかに制作スタッフが数名います。プロジェクトが立ち上がったのが8月1日だったので、開発期間は約3ヶ月です。アルファ版完成が異常に速く、開発2日目か3日目で記事投稿ができるようになり、5日目でアルファ版を社内リリース。choさんほんとすごいなって思いました
Facebook 向けウェブサービスは IE6 に対応すべきか ( 2011年12月の Facebook のブラウザシェア ) - IT戦記
はじめに みなさん、お元気ですか＞＜リリースも終わって、一息ついたあまちゃんです！ ヽ(´ー｀)ノわー さて今日は、最近「お花サプライズ！」というサービスをリリースしたのですが、そのときにちょっと面白いデータを見つけたのでそのいきさつも含めて紹介したいと思います。 （今日のテーマはこの円グラフ） フェイスブック系のサービスはどのブラウザに対応すれば良い？ よく、ウェブサービスを開発するときの悩みとして「古いブラウザでのデザインをどのくらいケアするか？」というものがあります。 「お花サプライズ！」でも、割と短い期間で実装することを目標としていたり、本番の HTML を書いた経験があまりないメンバーが多くいたことで「IE6 や IE7 への対応が鬼門なんじゃないか？」という心配が常にありました。 そこでよぎる甘い誘惑 このご時世、 IE6 とか IE7 に特別対応する必要なんてないんじゃね？
■ - naoyaの日記
もう外野になった人間ががとやかく言うのも、中の人的には面白くないかもしれないけれど... 言わないで後悔するより言った方がマシ、という精神で書き残します。あくまで個人の視点です。あまり賛同してもらえないと思うし。 純粋にインタフェース、という意味の改善ではすごく良いなあと感じた モダンになったし、拡張性のある UI だと思った 使いやすいと思う 一方、コンセプトの転換、という点ではあまり評価できない マイホットエントリーは、技術屋がアルゴリズムを使ってみたいからそうしましたというのを抜け出せてない と、現時点では思ってしまった。作った人には、申し訳ない まだ精度のチューニングが十分でないから? 夕方に新UIに切り替えてから、ほとんどフィードが流れてない まだ、facebook の News Feed のような「大きな問題を解決」した機能にはなってないと思った 今のはてなブックマークは、ユー
Webデザインや配色をサポートする新サービス「Croppy」をリリースしました | Stocker.jp / diary
Webデザイン Webデザインや配色をサポートする新サービス「Croppy」をリリースしました Wednesday, October 26th, 2011 WordCamp KOBE で私の講演をご覧になった方はご存知かと思いますが、Webデザインや配色をサポートする新サービス Croppy（クロッピィ） をようやくリリースしました。 Croppy にアクセスすると、このようなページが見れます。 色々なサイトのパーツが「ヘッダー」や「サイドバー」「ボタン」などカテゴリ毎に並んでおり、ブブンデザインアーカイブ のように見えるかもしれません。 しかし、Croppy は集められたパーツを見るだけではなく「今見ているWebページをブラウザ上で切り抜き、手軽にスクラップできる」のです。 Twitter または Facebook アカウントで Croppy にログインしたあと、気になるデザインのサイト
Webデザインのソーシャルブックマークサービス「minspi」は失敗すらしていないんじゃない？ - 灰色ハイジのテキスト
Webデザインのソーシャルブックマーク、http://minspi.jp/が素敵。 後で気付いたんだけど、minspiって以下のエントリーで書かれていたサービスだったんですね。 １人でWebサービスを作ってみて失敗した３つのこと - takashi178.me このエントリー自体結構ブクマがついてて、いろいろ言われているんだけど、これってタイトル自体が釣りっていうか、そもそもまだ失敗すらしていないんじゃない？というのが私の印象。 7月頭にリリースして、ユーザーが少なく盛り上がらなかったという点で失敗と定義しているんだけど、そもそもまだリリースして1ヶ月も立ってないんだし、失敗とするには早いんじゃないかなぁ。 確かにサムネイル付きでブクマ出来るとなればWebデザイン用のブクマとして言うことなしなんだけど、それだけなら他にも似たようなサービスはあるんだよね。 minspiの素敵なところは、まと
今どきのWebディレクターなら避けては通れないAPIの勘どころ : LINE Corporation ディレクターブログ
こんにちは。ライブドアのモリウチです。突然ですがWebディレクターのみなさん、「WebAPI」を使った企画や設計をしていますか？ APIとは「Application Programming Interface」の略で、特にWebAPIとはあるプログラムが、別のシステム (Webサービス) が持っているデータのCRUD (読み書き削除) や、一連の処理 (機能) の利用を可能にするための技術です。 WebAPIの活用の普及に貢献したのは2005年のGoogleMapのAPIでしょう。 WebAPIは、登場当初は地図情報や、都道府県やジャンルなどの静的な情報を取り出して利用することが主流でしたが、最近ではTwitterやFacebookのように利用ユーザーからの許可を受けてユーザーの個人データやソーシャルグラフを取り出して利用したり更新したりできるようなWebAPIが一般化してきました。そして
Webサービスを運営するうえで、おさえておきたい利用規約のポイント │ モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 先週「Web制作とお金の話し」を当ブログに書いた際に、様々な方からご意見をいただき、非常に勉強になりました。 ありがとうございます。 その中で、契約も非常に重要であるというご意見をいただきました。 確かにおっしゃる通りでクライアントとのやり取りでお金の前にきっちり契約書を交わすということは重要だと思います。 Web制作の契約もそうですが、不特定多数を相手にしているWebサービスの利用規約や会員規約もかなり重要なポイントではないかと思います。 実際のところ、よく分からないから、他のサービスを参考にしている場合も結構あると思います。 参考にするのは良いとして、サービスによって内容も違いますし、運用する会社や個人によっても保障できる範囲は異なると思います。 Webサービス以外でもサービス提供している場
個人で作ったWebサービスの仕様書（Evernoteのメモ）を2つ公開してみる - アインシュタインの電話番号
個人でWebサービスを作る際の考察に関する以下の記事が、とても興味深く面白かった。ここに書いてあることはだいたい同意で、自分も実践したいと思うことばかり。 個人でWebサービスを超高速でつくる人たちの作り方を考察。 │ モノづくりブログ 株式会社8bitのスタッフブログです で、記事の最後に執筆者が聞いてみたいこととして「個人Webサービスの場合、仕様書はどうしてるの？」と呼びかけていたので、僭越ながら自分が過去に作ったWebサービスの仕様書（Evernoteに書いたメモ）を公開してみる。公開するのはNekostagramとはてなスターカウンターのもの。 仕様書（TODOリスト）の書き方 自分の場合、Webサービスを作るときに書くものは「仕様書」などと呼べるようなちゃんとしたシロモノではなく、Evernoteに思いついたことをどんどんリストアップしていくだけ。いわゆるTODOリストですね。
35歳の私が携わった中高生向けWebサービス奮闘記 │ モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 3月で35歳になりました。 昨年末にリリースしたプリラボという携帯サイトでプリクラのようなデコレーションができるWebサービスで「34歳の私が中高生向けのWebサービスに携わって感じたこと。」という記事を書かせていただいたのですが、35歳になった今、その後のこのWebサービスがどうなったのか？どういう状況なのかについてご報告させていただきます。 実は本日14時に、プリラボはリニューアルオープンのプレスリリースを出します。 というのは実際リリースしてみてなかなかユーザーが思うとおりに増えないというのと、登録してもらったユーザーに思い通りに使ってもらえないという2つの問題があり、このたびリニューアルに踏み切りました。 リニューアルまでリリースしてからのPRとその後の改善点についてまとめてみます。 本当に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長文日記