レスポンシブWeb DesignからレスポンシブWeb Publishingへ - AQ株式会社 - 世界に響くサービスをつくる、デザイナーと開発者のチームです
Webデザイナーにとって嬉しい時代だ。Webパブリッシングの主流を形付けた枯れ行く技術や方法論と10年ほど戦った現在、ユーザエクスペリエンスをコントロールしようとすることから離れて、新たなチャレンジに取り組む時が来ている。 その一つのチャレンジであるスマートフォンやタブレットブ向けのデザインは、大胆な流れをいくつか生んでいる：Flashの放棄、HTML5の躍進、Luke Wroblewski氏の「モバイルファースト」という考え方、そして最近ではEthan Marcotte氏が掲げる「レスポンシブWebデザイン」だ。 いわゆるレスポンシブWebデザイン すべてはこのデモから始まったと言っても過言ではない。ブラウザのサイズに応じて、文字サイズ・画像サイズ・レイアウトが変わる Marcotte氏の記事（和訳）と本によると、レスポンシブWebデザインとは、Webコンテンツの並び替え・リサイズ・表示
つなぐ、とどける、うごかすクリエイティブ | JWDA通信 10年後のWEB業界でも役立つ情報を届ける
技術が変化しても変わらないことソーシャルメディアの革新とマルチデバイスの急加速と同時に、コミュニケーションの可視化が進む今、「つたわるクリエイティブ」を生むためにはどうしたらよいでしょうか。 この記事では、これから10年後にさらに飛躍したいクリエイターの方に向けて、前回の「10年後を生き抜くWeb業界の心得10か条」で捉えた業界の変化を見据えつつ、「つなぐ、とどける、うごかすクリエイティブ」のケーススタディや制作のポイントを具体的に紹介します。これは、トレンドとユーザー動向をとらえ、Webプロデュースのありかた、携帯（スマートフォン含め）やタブレット、デジタルサイネージを含めたマルチデバイスやソーシャルストリームのサイト設計について、筆者が所属するインヴォーグの研究内容を踏まえ、社内の研究開発で実践されたものです。 この記事では、いまの潮流にあわせて以下の3点に注目していきます。 ソーシャ
ユーザーの心を動かすWebコンテンツ設計の秘訣 (1/3)
サイトマスターには、ネットにアクセスしているユーザーの顔が見えません。つまり見えない相手、知らない相手とコミュニケーションを取るのがサイトマスターの仕事なのです。では、どうやれば見えないユーザーとコミュニケーションを取れるのでしょうか？ 鍵を握るのが「リアクション」です。リアクションを喚起するフックをコンテンツに埋め込んで、ユーザーに自発的に動いてもらえばいいのです。 見えない顧客「透明人間」との信頼をいかにして築くか ネットでは、実店舗のように店員とお客さまが直接顔を合わせることがなく、画面を通じてコミュニケーションを取ります。ネットにアクセスしているのは、サイトマスターにとって「姿の見えないユーザー」。いってみれば「透明人間」と付き合わなければならないのです。 直接顔を合わせられる実店舗なら、お客さまの表情、しぐさを伺いながら、コミュニケーションを取れます。店員が何かのサービスをしたと
ニコニコ動画の検索仕様変更と枠について思ったこと - longlow’s diary
ニコニコ動画が6/1にニコニコ動画・ニコニコ静画・ニコニコ生放送の検索ページをリニューアルしました。その中でニコニコ動画の検索ページが以下のように変更となりました ニコニコ検索仕様変更事件とは (ニコニコケンサクシヨウヘンコウジケンとは) - ニコニコ大百科 ・ 検索時の動画一覧表示が、従来の2列、4列の表示選択制から、強制的に1列表示に変更。罫線や枠が激減した。 ・ 「投稿日が古い順」「再生数が少ない順」「コメントが古い順」「コメントが多い/少ない順」「マイリストが少ない順」でのソートが廃止された。 ・ ニコニ広告のコメントが動画サムネイル上に表示されるようになった。 ・ キーワード検索のページ下部に表示されていたニコニコ静画の検索結果表示が廃止されている。 ・ 投稿から23時間以内の動画には、「○時間前」の表示がつくようになった。 ・ デフォルトのソート順が「投稿が新しい順」から「コメ
MdN Design｜総合情報サイト
第1回 人々の心をつかむWebデザインにまつわる数字 「WEB Design Explorer」では、Webデザイナーやディレクター、またそれを目指す人へ向けてWebデザインに関する身近な話題から、世界のWebの最新事情まで、毎回さまざまなテーマでお送りする。第1回目のテーマは、人々の心をつかむWebデザインについて述べることにする。 （文＝河内康和） ユーザーは待ってくれない! 4秒でユーザーは逃げる どれだけ美しいWebサイトをデザインしても、必ずしもユーザーの印象が良いというわけではない。繰り返し訪問してもらえるWebサイトは、瞬時にユーザーの心をつかみ、ユーザーを満足させる要素が含まれている。今回は、人々の心をつかむWebサイトを制作するためにぜひ頭に入れておきたい要素を具体的な数字を使っていくつか紹介しよう。 まず、ユーザーが最初にWebサイトに訪問する際、ローディングにあまりに
UXの測定項目を考えてみた
日本でも UX デザイナーと名乗る方が増えてきましたが、去年あたりから Web では一種のバズワード的な存在になっている UX (User Experience)。『バズワード』と書きましたが、重要と感じている方が多くいるからこそ注目されているわけですし、流行から次のステージに進んでいるのも事実です。デザイナーと呼ばれている方はもちろん、Web サイトを構築する様々な職種の方が UX に反応しているのをみると、ひとつの共通言語 (認識) として重要なポジションになる可能性を秘めています。 ユーザーテスト、ペルソナ設定、アジャイル開発など、水準の高い UX を実現するための様々なアプローチが存在しますし、今でも模索が続けられています。作り出すほうだけでなく、作った後、つまりサイトの測定方法はどうでしょうか。UX を意識して作ったまでは良いですが、それをどう評価すれば良いのでしょうか。ページビ
黒須正明 : NAVERアドバイザリーボード
1978年早稲田大学大学院博士課程単位取得満期退学。同年(株)日立製作所入社、中央研究所に勤務。1988年同社デザイン研究所に異動。1996年より静岡大学情報学部教授。2001年9月、文部科学省メディア教育開発センターに教授として赴任。ヒューマンインタフェース、特にユーザビリティを研究するなかから、ユーザー工学や人工物発達学を提唱するに至った。現在、学校法人放送大学 メディア活用・遠隔教育センター 教授、国立大学法人総合研究大学院大学 学長特別補佐、文化科学研究科 メディア社会文化専攻 教授 先生が研究されているユーザビリティとユーザーエクスペリエンス（UX）の違いについて、まずは、定義していただけますでしょうか。 ユーザビリティとUXという概念は、世間で混同されている傾向があります。そもそもUXとは何に関するものであるか、ということを考えるとその辺が整理されます。まず、ユーザビリティとい
クックパッドを作り上げた佐野陽光の事業哲学と技術論｜【Tech総研】
今や月間で訪れるユーザーが800万人を超えるという日本最大の料理サイト「クックパッド」を創業した佐野陽光氏。Rubyをいち早く採用するなど、先進の技術を積極的に活用しているテクノロジーカンパニーを率いている人物だ。 クックパッド株式会社 代表執行役社長 佐野 陽光氏 書籍『600万人の女性に支持される「クックパッド」というビジネス』が刊行されたのは、2009年５月のこと。だが、刊行から１年を待たずして“600万人”はすでに“800万人”を超えるスケールになっているという。女性には圧倒的な知名度を誇る超巨大サイト、クックパッド。料理レシピを投稿したり、検索したりできるサイトだ。2009年夏には東証マザーズに上場も果たした。この会社を1997年に創業したのが、佐野氏。 慶應義塾大学ＳＦＣに学び、卒業後に起業した。何よりユーザーは普通の主婦。食事の準備や子育ての合間に見る。そんな忙しい主婦がこれ
企業のブランド戦略を促進するWebサイト設計の要点 | [コラム]IA視点のWebプロジェクト
企業のWeb担当者にとって、情報アーキテクチャといえば、まずはサイトストラクチャ（サイト構造）のことが想定されるでしょう。一般的な情報アーキテクチャ設計にはサイトストラクチャ設計やナビゲーション設計、ラベリング設計、画面設計などが含まれます（より大きな視点として、プロジェクト全体を見渡すユーザーエクスペリエンス（UX）設計というレイヤーも考えられます）（図1）。サイト内でのユーザビリティやログの分析、CMSの設計・運用などの前提条件に関わるため、担当者はサイトストラクチャを常に意識する必要があります。 このようなサイト単位の情報アーキテクチャに対して、企業が持つサイト群全体の情報アーキテクチャのことは「エンタープライズ情報アーキテクチャ（企業情報アーキテクチャ：EIA）」と呼ばれています。今回は、このエンタープライズ情報アーキテクチャと企業が持つブランド戦略の関わりについて説明していきます
![企業のブランド戦略を促進するWebサイト設計の要点 | [コラム]IA視点のWebプロジェクト](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ab17de853b8c29cab6194a39392ba38d04eb0dd/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fweb_project%2Fweb_project_icon.jpg%3Fitok%3DqL-1gvO5){kind=icon}
第25回 ユーザは使いよう | WIRED VISION
第25回 ユーザは使いよう 2008年7月22日 ITデザイン コメント： トラックバック (0) （これまでの増井俊之の「界面潮流」はこちら） 近年のユーザインタフェース開発では「ユーザ中心設計」（User-centered Design）を行なうことが常識になっています。システム設計者の思い込みにもとづいて作られたシステムがユーザにとって使いやすいものになる可能性は低いですが、設計の初期段階からユーザの欲求についてよく検討し、設計の途中段階においても実際にそれが使いやすいかどうかテストを行ないつつ開発を行えば、本当にユーザにとって使いやすいシステムを開発することが可能になります。 ユーザビリティの専門家のJakob Nielsenは以下のような5個の要素を使いやすさの目標としてあげています。 1. 学習しやすさ （Learnability） 2. 効率 （Efficiency） 3.
気づき・理解・納得を導きだす問いかけ
製品を「購入したい」と思うとき、デバイスを手に取って「私にも使えると」感じるとき、良いサイトを見つけて「また訪れよう」と思うとき。それぞれ異なる状況ではありますが、共通の思考プロセスが働きます。「ソーシャルイノベーションデザイン」という書籍によると、そのプロセスには３つのステップがあるそうです。 まず第一に自分はこれが必要だと感じる最初のきっかけ「気づき」。第二に必要性の「理解」を深めていき、第三の「納得」に繋がることで購入や再度の利用というアクションに繋がるといわれています。書籍では製品の購入に対して上記のプロセスを挙げていましたが、コンテンツを活かしたサイトや Web サービスにも言えることだと思います。 Webサイトに掲載されているコンテンツが利用者にとって適したものになっているかどうか、まずは簡単な質問をしてみることが最初のステップになります。では、上記に挙げた3つのステップを意識
トップページは誰のもの？ 現代流の動線に合わせたトップページ再評価法 | Web担当者Forum
今回はトップページの位置づけについて調整しよう。 これまで何度も考察してきたとおり、実際にアクセス解析を行うと、最初にトップページを訪れるユーザーは、今やわずか25％程度しかない。言い方を変えると、トップページを入り口とする来訪者は25％程度なのだ。 そういった状況を理解せずに、これまでのようなトップページ偏重の考え方のままサイトを運営していては、機会損失の原因ともなってしまう。 解析結果の「1番上」だからこそ 気づきにくいトップページの盲点アクセス解析で「アクセスの多いページ」「入り口になることが多いページ」を調べると、解析結果リストの1番上には、たいてい「トップページ」が出てくる。いろいろな動向はあるが、いまだにトップページは非常に重要なページであることに変わりはない。これまで、「訪問者はトップページからやってくるから、そこからどう誘導するかが大切」とよく言われてきた。“見せたいページ
Bridge Word
This shop will be powered by Are you the store owner? Log in here
さらなる“ユーザー中心設計”を目指すために ［最終回］ | ゼロ円でもできる！？ 省コストユーザビリティ向上術
ユーザー中心設計とはこれまで「師匠と弟子方式のインタビュー」「ペルソナ」「カードソート」「ペーパープロトタイプ」「ユーザーテスト」といったユーザビリティ手法を紹介したが、種を明かせば、これらは私の発明品ではない。「ユーザー中心設計（人間中心設計とも言う）」に含まれるテクニックの一部なのだ。 ユーザー中心設計とはソフトウェアの設計思想の1つであり、個々の手法を指すものではない。カレン・ホルツブラットの「コンテクスチュアル・デザイン」も、アラン・クーパーの「ゴール・ダイレクテッド・デザイン」も、さらにこの連載で紹介してきた「ディスカウント・ユーザビリティ」も、いずれもがユーザー中心設計の範疇に入る。 ただ、そこには骨格となるような共通したパターンがある。それは以下のようなものだ。 ユーザーの利用状況を把握する。利用状況からユーザーニーズを探索する。ユーザーニーズを満たすような解決案を作る。解決
すべてはメンタルモデルという考え方から
すべてはメンタルモデルという考え方から 1998.10.8 文章を読む人は情報の入力があると、認知心理学上でいうメンタルモデルを形成します。読み手がメンタルモデルを維持している限り、次に来る情報に対する予測があたるので、入力情報を高速に処理できます。したがって、読み手にとって理解しやすい文章を書くためには、読み手のメンタルモデルをしっかり形成／維持させなくてはなりません。ライティングの重要なルールの多くは、読み手のメンタルモデルを崩さないようにすることを目的としていると見ることができます。 メンタルモデルという用語は、各分野で微妙に異なる意味で使われます。そこで、上記のように「文章を読み進むにあたって心内に構成していく理解内容であると同時にその後の読解の拠り所となるもの」としてのメンタルモデルは、区別のため状況モデルと呼ばれることがあります。 メンタルモデルとは、人がある情報に関して、それ
仮面のユーザー“ペルソナ”参上！ | ゼロ円でもできる！？ 省コストユーザビリティ向上術
ユーザーをグループ分けしよう前回説明したようにユーザーに弟子入りしてていねいに話を聞くという調査を根気強く繰り返していると、ある時点であなたは気づくだろう――「同じような話をしているユーザーが複数いる！」。もちろんまったく同じ話をするユーザーはいない。細部を比べれば個々のユーザーの体験談はすべて異なる。しかしユーザーの目的や行動パターンに注目すれば、赤の他人同士であるユーザーの間にいくつかの共通点が見えてくるのだ。 まずユーザーの情報を1人分ずつ1枚のカードに書き出してみよう。名前、性別、年齢、職業、行動の特徴、一番印象に残った言葉などなど。インタビューしたときのユーザーの雰囲気も思い出そう。そして、そのカードを並べ替えて似たようなユーザーをひとまとめにしよう。 ちょうどいい具合にグループ分けができたら、次はそれらのグループにタイトルを付けよう。たとえば、衣料品サイトのユーザーならば「流行
クックパッドというサービスを男性エンジニアはどのように解釈すれば良いか - FutureInsight.info
友人のクックパッドエンジニアnegipoくんから以下の本をもらいました。読んでみて非常におもしろかったので、いろいろ考えたことを書いておきます。600万人の女性に支持されるクックパッドというビジネス (角川SSC新書)上阪 徹 おすすめ平均 さて、困りました Amazonで詳しく見る by G-Toolsあまり実感がわからない携帯サービスを抜きにして今日本で勢いのあるサービスの代表と言えば以下の2社だと思います。 イラスト コミュニケーションサービス[pixiv(ピクシブ)] レシピ検索No.1／料理レシピ載せるなら クックパッド 個人的にこの2つが素晴らしいサービスだなと思っているのは、今まで評価されることの難しかったイラスト、レシピという人間のアイディアや知恵が非常に詰まっている創作物に多数の人々から評価される快適なコミュニティを作ることができた点です。Pixivは、日頃から接点のある
Webサイトのツリー構造とコンテンツのメタ情報、そして、ナビゲーション：DESIGN IT! w-LOVE
この一覧を階層構造的に分類していくのが、Structure段階でのインフォメーション・アーキテクチャのタスクの１つです。 その際、コンテンツ分類を行なう際に意識するものとしては、以下のようなものがあげられるでしょう（これがすべてではありません）。 ターゲット別（個人顧客、法人顧客、株主・投資家、マスコミ、学生など）コンテンツ内容別（製品カテゴリー別、サポート情報、FAQなど機能／非機能コアコンテンツ／サブコンテンツ（企業の基本情報とスペシャルコンテンツ、ブログなど）時系列で並ぶもの／そうでないもの分類は現実のモデルを反映しているか？ 一般的に認知されているものを想起させるか？ もうひとつインフォメーション・アーキテクチャを考える際に行なっておくべきことは、コンテンツにどのようなメタ情報を付与するかでしょう。 メタ情報を付与することで、先のコンテンツの階層化による分類を越えて、コンテンツ間を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-674.html
IDEA * IDEA
