Webプロフェッショナルだからできるコンテンツの検査

Sep 21, 201420 likes7,137 views

高機能な Web サイトを低価格で購入できるようになった今、Web プロフェッショナルの力を借りる意味はどこにあるでしょうか。カスタムメイドの素敵な Web サイトをつくったとしても、運営可能な仕組みがなければ意味がありません。Web サイトという納品物を『つくる』だけでなく、サイトへ訪れる人が求めるコンテンツが出せる仕組みを『つくる』ことができるプロフェッショナルが必要とされています。このセッションでは、重要視されているはずのコンテンツがなぜ壊れているのかを紹介しながら、チェックの方法、コミュニケーションの仕方を紹介します。

数十パターン、数千・数万ページの『最適化』された
コンテンツを作り続ける
未知のデバイスでもコンテンツへアクセス可能な
仕組みを設計する

見た目が良いのに、なんとなく上手くいかない理由は、Web デザインにおける『核』を省いたまま、サイトを制作しているからです。その核とはコンテンツです。コンテンツはあって当たり前。あとで流し込めば良いという先入観から制作を始めると、見た目はなんとなく良いけど中身がないという結果に陥ります。また、クライアントですら、自分たちが出していくべきコンテンツが何かを把握していない場合があります。私たちが考えているほど、コンテンツは訪問者のニーズを満たしていないわけです。核があり、それを補助するサイトはプロフェッショナルの手を借りないと作ることができないはずです。セッションでは、Web サイトにおける『核』の重要性と、その見つけ方を紹介します。そして、見つけ出した核をどのようにコンテンツ設計やビジュアルに活かすのかを事例をみながら解説します。

CSSフレームワークとCMS+RWDテンプレでレスポンシブWebデザインサイトを構築しようMasayuki Abe

レスポンシブウェブデザイン（以下RWDと呼ぶ）とはPC、タブレット、スマートフォンなど、あらゆるデバイスに最適化したWebサイトを単一のHTMLで実現するサイト制作手法です。GoogleがRWDを推奨したことから、昨今人気のある制作手法と言えます。このセッションでは、レスポンシブウェブデザインとは何か、RWDの3大要素である、「フルードグリッド」、「フルードイメージ」、「メディアクエリー」とは何かから始まり、ノンデザイナーでも簡単に実現できる、CMS＋レスポンシブデザイン、CSSフレームワークを紹介します。

レスポンシブ基礎　~Webサイトをレスポンシブにする方法とそのメリット~Horiguchi Seito

今やスタンダードになりつつあるレスポンシブサイトについて、その概要から実際にレスポンシブサイトを構築する際に注意したいポイントまでを解説します。また、実際にWebサイトをレスポンシブ対応する際のメリット・デメリット、レスポンシブ化するのに有効なサイト、不向きなサイト、最低限押さえておきたいソースコードなどをご紹介します。授業では以下の様な内容についても語ります。・PC,SPと2つサイトを作るのと、レスポンシブサイト1つ作るのじゃ大変さは変わるのか？・Googleが推奨してるけど、それはなぜ？・なぜレスポンシブサイトが必要なのか？

レスポンシブWebデザイン【基礎編】Yasuhito Yabe

レスポンシブWebデザインのサイトを作る前にYuki Nakane

レスポンシブWebデザイン（以下RWD）は、スマートフォンやタブレット、PCなどあらゆるデバイスに対応できる魅力的な手法です。しかし、安易にRWDを選択することは、弊害を産むこともあり、また実装者の負担を倍増させる危険があります。まず作る前に何を持って判断するか、負担を減らすにはどうするかについて発表させていただきます。

[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法Hiroyuki Ogawa

Dreamweaver CS6で作るレスポンシブWebデザインyoshikawa_t

HTML5とWeb開発に関する最新動向Shumpei Shiraishi

レスポンシブWebデザインの基礎と,コーディング実習：先生小川裕之schoowebcampus

ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/209/room ーーーーーーーーーーーーーーーーーーーーーーー

あなたの価値を高めるWebアクセシビリティ力也伊原

あなたの言葉で伝えるWebアクセシビリティKobayashi Daisuke

イマドキWebメディアの制作手法Keisuke Imura

Web制作あとで揉めないための確認のポイント高本徹

あなたの価値を高めるWebアクセシビリティ（JAC Special Ver.）力也伊原

Webアクセシビリティポリシーのつくりかた・ひろめかたKobayashi Daisuke

ペインストーミングで言葉の壁を越えるshoji_yamada

OSGi Applications(Open Alpha) for WAS7.0Nobuhiro Sue

Web制作の幅が広がる！プロジェクトの傾向から考える、２つ目•３つ目のCMS選びSeiko Kuchida

レスポンシブ・ウェブデザイン基礎masaaki komori

コードをさわらずにビジネスサイトを作ろう！FLOW web planning & design

スタイルガイドを活用した運用に強いCMSサイト制作Keisuke Imura

サーバの種別を理解しようHiroyuki Ogawa

ディレクターが知っておくべき３つのデザインディレクションのルールINFOBAHN.inc（株式会社インフォバーン）

すべての人にチームワークをサイボウズのアクセシビリティKobayashi Daisuke

一度使うとレンタルサーバーに戻れない！？便利機能を使ってみよう！Web制作でのMicrosoft Azure活用方法典子松本

ディレクターが身につけておきたいチームビルディングeriko yamada

Microsoft Azure WebAppsでECサイトを構築してみた話～EC-CUBE3で試してみました～典子松本

作って終わりから卒業しよう - デザインシステム入門編Yasuhisa Hasegawa

http://www.yasuhisa.com/could/article/design-system-language/ Webサイトは公開してから本番という言葉を耳にします。これは、コンテンツ運用だけの話だけではなく、デザインにも同様のことが言えます。制作者が関わる運用にはコンテンツとデザインの 2 種類あり、どちらかが欠けていると Web サイトがうまく前へ進まないことになります。運用しやすくするために CMS を実装したり、拡張性が高いHTML/CSS を設計するように、ビジュアルデザインにも個に頼り切らないシステムが必要です。本セッションではデザインシステムとは何か。なぜ必要なのか。どのように作っていくのかを解説します。自社サービスを運用している企業はもちろん、納品で一旦仕事が終わるプロジェクトでもデザインシステムは強い味方になります。公開後 Web サイトやアプリの見た目が崩れる原因と解決のヒントはココにある！

SVGをつかったプロトタイプ制作Yasuhisa Hasegawa

More Related Content

What's hot (20)

HTML5とWeb開発に関する最新動向Shumpei Shiraishi

レスポンシブWebデザインの基礎と,コーディング実習：先生小川裕之schoowebcampus

あなたの価値を高めるWebアクセシビリティ力也伊原

あなたの言葉で伝えるWebアクセシビリティKobayashi Daisuke

イマドキWebメディアの制作手法Keisuke Imura

Web制作あとで揉めないための確認のポイント高本徹

あなたの価値を高めるWebアクセシビリティ（JAC Special Ver.）力也伊原

Webアクセシビリティポリシーのつくりかた・ひろめかたKobayashi Daisuke

ペインストーミングで言葉の壁を越えるshoji_yamada

OSGi Applications(Open Alpha) for WAS7.0Nobuhiro Sue

Web制作の幅が広がる！プロジェクトの傾向から考える、２つ目•３つ目のCMS選びSeiko Kuchida

レスポンシブ・ウェブデザイン基礎masaaki komori

コードをさわらずにビジネスサイトを作ろう！FLOW web planning & design

スタイルガイドを活用した運用に強いCMSサイト制作Keisuke Imura

サーバの種別を理解しようHiroyuki Ogawa

ディレクターが知っておくべき３つのデザインディレクションのルールINFOBAHN.inc（株式会社インフォバーン）

すべての人にチームワークをサイボウズのアクセシビリティKobayashi Daisuke

一度使うとレンタルサーバーに戻れない！？便利機能を使ってみよう！Web制作でのMicrosoft Azure活用方法典子松本

ディレクターが身につけておきたいチームビルディングeriko yamada

Microsoft Azure WebAppsでECサイトを構築してみた話～EC-CUBE3で試してみました～典子松本

HTML5とWeb開発に関する最新動向Shumpei Shiraishi

レスポンシブWebデザインの基礎と,コーディング実習：先生小川裕之schoowebcampus

あなたの価値を高めるWebアクセシビリティ力也伊原

あなたの言葉で伝えるWebアクセシビリティKobayashi Daisuke

イマドキWebメディアの制作手法Keisuke Imura

Web制作あとで揉めないための確認のポイント高本徹

あなたの価値を高めるWebアクセシビリティ（JAC Special Ver.）力也伊原

Webアクセシビリティポリシーのつくりかた・ひろめかたKobayashi Daisuke

ペインストーミングで言葉の壁を越えるshoji_yamada

OSGi Applications(Open Alpha) for WAS7.0Nobuhiro Sue

Web制作の幅が広がる！プロジェクトの傾向から考える、２つ目•３つ目のCMS選びSeiko Kuchida

レスポンシブ・ウェブデザイン基礎masaaki komori

コードをさわらずにビジネスサイトを作ろう！FLOW web planning & design

スタイルガイドを活用した運用に強いCMSサイト制作Keisuke Imura

サーバの種別を理解しようHiroyuki Ogawa

ディレクターが知っておくべき３つのデザインディレクションのルールINFOBAHN.inc（株式会社インフォバーン）

すべての人にチームワークをサイボウズのアクセシビリティKobayashi Daisuke

一度使うとレンタルサーバーに戻れない！？便利機能を使ってみよう！Web制作でのMicrosoft Azure活用方法典子松本

ディレクターが身につけておきたいチームビルディングeriko yamada

Microsoft Azure WebAppsでECサイトを構築してみた話～EC-CUBE3で試してみました～典子松本

Viewers also liked (20)

作って終わりから卒業しよう - デザインシステム入門編Yasuhisa Hasegawa

SVGをつかったプロトタイプ制作Yasuhisa Hasegawa

Webのスーパーヒーローになる方法Yasuhisa Hasegawa

http://www.yasuhisa.com/could/article/how-to-be-a-superhero/ 2014年は World Wide Web が世に出て25年という記念すべき年です。Web が世界を変えてきたのと同様、私たちデザイナーも人々の生活に大きな変化をもたらしています。日々の仕事では気づき難いことですが、私たちはクライアントや Web サイト訪問者だけでなく、社会に対しても責任があります。私たちが作り出すものは、人々の生活を豊かにすることができるだけでなく、不幸にする力もあります。Web が人々の生活とより密接になった今だからこそ、作ったことによる影響を無視することはできなくなります。仕事だから仕方ないと諦めることで、使う方々に負担をかけてしまうことがあります。基調講演ではデザイナーをはじめとした製作者が、どのように影響力を広げ、より良い Web を作り上げるのかを紹介します。

未来へ繋ぐWeb系デザイン思考Yasuhisa Hasegawa

Before UX: UXを導入せずに済む方法Yasuhisa Hasegawa

スマホサイトが嫌われる理由と改善方法Yasuhisa Hasegawa

作る前に始めておきたいコンテンツ設計ですが、あまり注視されていない『未開の地』。パソコン向け Web サイトからの『資産』を散らかしたままサイトを作り続けても、ますます利用から遠い存在になる可能性があります。実は結構やることが多くて大変なコンテンツ設計のノウハウの紹介と、明日からできる改善策を紹介します。

デザインから取り組むWebアクセシビリティ Yasuhisa Hasegawa

Webアクセシビリティは、デザインとかけ離れて存在だと思っていませんか？アクセシブルなサイトを作るとつまらない見た目のサイトになるのかといえば、そんなことはありません。デザイナーが心がけている「シンプルに設計する」という考え方はアクセシブルなデザインを実現するために必要です。 JIS X8341-3 や WCAG のような Web アクセシビリティの規格とは異なる側面から、どのようにアクセシブルなサイトを設計するのかを、ヒントや事例をみながらを解説します。

再入門ペーパープロトタイピングYasuhisa Hasegawa

解説記事「プロトタイプの使いどころからみる紙の真価」 http://www.yasuhisa.com/could/article/reintroduction-to-paper-prototype/ 多彩なインタラクションがある高度なプロトタイプを手軽に作れるようになりました。そんな今、わざわざ紙を使う必要はあるのでしょうか？ペーパープロトタイプは万能ではありませんが、適材適所で活用することで実装フェイズに良い影響を与えます。本セッションでは、ペーパープロタイプの長所と短所を振り返りながら、早く描いてフィードバックを得るためのコツを紹介します。ペーパープロタイプを作ったことがない方、作ったことはあるけどうまくコミュニケーションがとれていない方、スケッチに自信がないない方にオススメの内容です。

Webサイト運営者対象　ユーザーを「ファン化」するコンテンツ企画制作セミナーナイル株式会社

Webサイト運営者対象　ユーザーを「ファン化」するコンテンツ企画制作セミナー http://www.seohacks.net/seminar/detail/17 以下に該当する方にオススメです。・作成コンテンツが成果に結びついていないと感じている方・コンテンツの重要性はわかっていても、何から始めていいかわからない方・コンテンツ企画、制作についてコストやフロー面で課題を抱えている方・コンテンツライティングを依頼する人に、こちらの企画意図をしっかり伝え、理解齟齬なく制作を依頼したいと考えている方・コンテンツを追加してもなかなか見てもらえないと感じている方

あたかもプロのようにプロトタイプを活用する方法Yasuhisa Hasegawa

http://www.yasuhisa.com/could/article/wcan-prototype-design/ プロトタイプはスマートフォン向けの Web サイトやアプリケーションの制作では欠かせないツール。しかし、聞いたことがあるけど使っていない、使いどころが分からないという理由で活用できていない人も少なくありません。また、国内外、切り口が異なるプロトタイプツールが無数にあることから、どれを選べば良いのか分かり難いです。現存のワークフローを変えなければプロトタイプは活用できないのでしょうか？無数に登場するほどプロトタイプツールが溢れているのはなぜでしょうか？プロトタイプツールの見分けどころはあるのでしょうか？そもそもプロトタイプは本当に必要なのでしょうか？そんな疑問に答えながら、プロトタイプの使い所を紹介します。

コンテンツから始まる新しいWebワークフローYasuhisa Hasegawa

CSS Nite in AOMORI 基調講演資料。マルチデバイス化がますます進む 2013 年。これは対応するスクリーンが増えただけではなく、新たな考え方を身につけなければいけないことを意味しています。今までのやり方が通用しないのは Web サイト制作だけのことではなく、マーケティングやブランディングなど他の分野にも共通していえることです。「コンテンツが大事」と昔から言われていますが、今までと同じやり方では大事なコンテンツが人へ届かないということになります。コンテンツの設計から始めることで、より柔軟で拡張性のある Web サイトを作るためのワークフローのヒントを紹介します。

集客できる Webコンテンツの設計方法とはニフティ株式会社

データと上手に付き合ってデザインする方法Yasuhisa Hasegawa

http://www.yasuhisa.com/could/announcement/data-informed-design/ 今日のデザインプロセスにおいて、データはなくてはならない存在です。A/Bテストなど、詳細なデータを得る方法は年々容易になってきましたが、数字だからといって真実を語っているとは限りません。ときには数字は嘘をつきますし、デザインプロセスに悪影響を及ぼす場合があります。データが引き起こすミスコミュニケーションや注意するべきところは何でしょうか？データに惑わされずにデザイン視点でデータと付き合う方法を紹介します。

Maven基礎Toshio Takiguchi

Webサービスのコンテンツパターン或いはデータの活⽤Yusuke Wada

クライアントの要望にこたえるWebサービス開発　～「らせん型ワークフロー」のススメ～Mayuko Sekiya

コンテンツマーケティングの基礎と実践（前編）ナイル株式会社

課題を導き出す魔法のシートの作り方Yasuhisa Hasegawa

http://www.yasuhisa.com/could/article/creating-content-magic-sheet/ マーケティングもデザインも「誰かに価値を提供する」という点で共通しています。誰に対して、どのような価値を提供できるのか考えてプランを立てなければいけません。そのために調査をしたり、ペルソナのような共有できるツールを用意しますが、目的や照準なしにただ作るのは良くありません。実は作るためのヒントはすぐ近くにあります。本セッションでは、マーケティングやデザインに関わる様々な課題を導き出すことができる、コンテンツの棚卸し表と、その監査の仕方を紹介します。

Best Teacher_法人向けサービス説明資料Find Job Startup

20111117 msp説明資料Akiyuki Minami

作って終わりから卒業しよう - デザインシステム入門編Yasuhisa Hasegawa

SVGをつかったプロトタイプ制作Yasuhisa Hasegawa

Webのスーパーヒーローになる方法Yasuhisa Hasegawa

未来へ繋ぐWeb系デザイン思考Yasuhisa Hasegawa

Before UX: UXを導入せずに済む方法Yasuhisa Hasegawa

スマホサイトが嫌われる理由と改善方法Yasuhisa Hasegawa

デザインから取り組むWebアクセシビリティ Yasuhisa Hasegawa

再入門ペーパープロトタイピングYasuhisa Hasegawa

Webサイト運営者対象　ユーザーを「ファン化」するコンテンツ企画制作セミナーナイル株式会社

あたかもプロのようにプロトタイプを活用する方法Yasuhisa Hasegawa

コンテンツから始まる新しいWebワークフローYasuhisa Hasegawa

集客できる Webコンテンツの設計方法とはニフティ株式会社

データと上手に付き合ってデザインする方法Yasuhisa Hasegawa

Maven基礎Toshio Takiguchi

Webサービスのコンテンツパターン或いはデータの活⽤Yusuke Wada

クライアントの要望にこたえるWebサービス開発　～「らせん型ワークフロー」のススメ～Mayuko Sekiya

コンテンツマーケティングの基礎と実践（前編）ナイル株式会社

課題を導き出す魔法のシートの作り方Yasuhisa Hasegawa

Best Teacher_法人向けサービス説明資料Find Job Startup

20111117 msp説明資料Akiyuki Minami

More from Yasuhisa Hasegawa (16)

「なんとなく」を共有する、コンテンツを活かしたデザインプロセスYasuhisa Hasegawa

デザインを活かすためのコンテンツをどのように設計すれば良いのでしょうか。制作者やクライアントにとっての『良い』ではなく、利用者にとっての『良い』を見つけ出さなければいけません。コンテンツをつくるときのヒントになるだけでなく、デザインや雰囲気を探し当てるにも役立つ手法と注意点を紹介します。 http://www.yasuhisa.com/could/article/content-design-process/

好みや多数決で決めない、デザインとの正しい付き合い方Yasuhisa Hasegawa

「私はデザインができない」と言っている方でも、デザインの好き嫌いはあります。また、「使いやすい」という言葉にも様々な意味があるだけでなく、人によって優先にしていることが異なることがあります。デザインプロセスに参加するひとりひとりの意見は大事にしたいですが、なにを重んじて話し合い、進めればよいのか分からないことがあると思います。デザインの議論が脱線すると、プロジェクト全体にも影響します。本セッションでは、CMSをつかったデザイン案件のなかで気をつけておきたいデザインの進め方、話し方のポイントを紹介します。対クライアントだけでなく、社内でデザインを議論するときにも役立ちます。

センスやテイストだけで決めないデザインの会話のためにすることYasuhisa Hasegawa

デザインプロセスに参加するひとりひとりの意見は大事にしたいですが、なにを重んじて話し合い、進めればよいのか分からないことがあると思います。デザインの議論が脱線すると、プロジェクト全体にも影響します。本講座では、本来しなければならないデザインの会話をするためのヒントを紹介します。

コンテンツとCMSの上手な付き合い方Yasuhisa Hasegawa

CMSを導入しただけで、Web サイト構築や運営が楽になることはありません。CMSをつかえば簡単にコンテンツを追加できますが、情報が山積みになり、統制がきかなくなることもあります。情報をただ出せば良いわけではないですし、情報を CMS に入れておけば、後でどうにかなるわけでもありません。本セッションでは、Movable Type の公式サイトを例に、CMS 導入前のコンテンツの整理と設計のプロセスを紹介します。コンテンツの整理からはじめることで、Movable Type がより活かされること間違いなしです。

6から始まる Movable Type の旅Yasuhisa Hasegawa

今だからデザインできるMTの未来Yasuhisa Hasegawa

Six Apart とのお仕事は単に見た目を良くするデザインだけではなく、目に見えないものをデザインすることが多くあります。見えないものを考え、設計することは Movable Type 以外の仕事で欠かせない行程です。Movable Type でお手伝いをさせてもらっている仕事の一部を紹介しながら、そこで意識しているデザイン思考やアプローチについて解説します。

ゲームから学ぶデザイン思考術Yasuhisa Hasegawa

スクー（schoo）での講義に使ったスライドです。 http://schoo.jp/class/166 ポイントやバッジのようなゲーム要素の奥には何が隠されているのでしょうか。人に注目したデザイン思考とは一体どういうものなのでしょうか。様々な事例も見ながら、正しくゲーム要素を取り入れるためのヒントを紹介します。

コンテンツで改善する UI デザインの極意Yasuhisa Hasegawa

デザインは小さなテキストから始まります。コンテンツを膨大に抱える大規模なサイトでも、ユーザーにコンテンツ作成を委ねる小さなアプリケーションでも小さなテキストが行動の変化に繋がる場合があります。コンテンツがある状態でデザインするのと、何もないままスタートするのでは大きな差が生まれます。 UI デザインの話になると、ビジュアルやインタラクションが話題の中心になりがちですが、コンテンツも UI です。なぜコンテンツが UI デザインにおいて重要なのかを解説すると共に、今セッションでは小さなテキストの工夫からはじまるデザインについて、幾つかのケーススタディーをみながら傾向と対策を紹介します。

未来をプロトタイプしようYasuhisa Hasegawa

http://www.yasuhisa.com/could/article/prototype-the-future/ 見た目先行によるコンテンツの欠落、インタラクションがわからない静的画像、修正・改善にコストがかかるワークフロー。今までもあったかもしれない課題ではありますが、マルチデバイス化が進むことで『ヒズミ』が大きくなりました。昨年、今年とモバイル機器を見据えた新しい手法が数々でてきましたが、それらも従来の作り方を維持したままでは、制作側の負担がさらに増えるだけです。今年の基調講演では、新しい作り方を通してWebサイトをデザインするプロフェッショナルでしかできない価値について話します。作るだけではない、手法をそのまま使うだけではない、お客様を先導できるようになるためのヒントをいくつか紹介します。

モダン・タイムス　〜コンテンツと作り手を自由にする Web デザインYasuhisa Hasegawa

サイトの基本構造や、作るためのワークフローが確立されたかのように見えた Web デザイン。それがマルチデバイス化の波が訪れたことで、大きく変化し始めています。今までのようにただ作り続けているだけでは、自動化したサービスと同じような存在になりかねません。機械の部品の一部のような仕事では、必要とされなくなるのは時間の問題ですし、良いモノを作りたいと思うデザイナーやプログラマーにとっても面白くない世界になってしまいます。今回は 4 つの「C」をキーワードに今後の Web デザインワークフローのヒント紹介します。機械化の波に飲まれないモダンな Web 制作者への道はひとつだけではありません。サイトからアプリまで関わり方は様々なので、このセッションを機会に Web とデザインの関わり方を再考してみましょう。

終わりなきWebの旅Yasuhisa Hasegawa

Web を Web らしくデザインするということはどういうことなのでしょうか。コンテンツを補助するためのビジュアル。まったく同じ見た目にするのではなく、利用者の状況に寄り添う形のデザイン。Web へアクセスするための手段がますます増えていく中、今までの Web デザインの捉え方を変える時期にきています。 http://www.yasuhisa.com/could/article/experience-layers/

脱紙！Webならではのコミュニケーション思考術Yasuhisa Hasegawa

Webは、今までになかった新たな媒体であるにも関わらず、紙デザインと同じように扱われることがあります。故に Web の可能性を最大限に引き出せないことも少なくありません。紙をはじめとした従来の媒体と Web は何が違うのでしょうか？ Web らしくあるには、どうしたら良いのでしょうか？今まで全く違う考え方が必要になる場合もあれば、今までの歴史から学べることもあります。今セッションでは、Webに関わるお仕事をしている様々な分野の方々に向けた、今後 Web を Web らしく使うためのコミュニケーション術を紹介します。技術が分からなくても、Web への理解が一層深まるはずです。

プロトタイピングからはじめようYasuhisa Hasegawa

パソコン向けにだけ Web サイトを作っていた頃はあまり必要性を感じられなかったプロトタイピングも、Webへアクセスする方法が増えてきたころから、その必要性も高まりつつあります。パソコン向けに絞ったとしても複雑なインタラクションを絵だけで共有するのが難しくなってきました。余計な書類を減らし、課題が具体的に見えてくるプロトタイプの魅力と活用を紹介。今回はプロトタイプの中でもペーパープロトタイピングにスポットを当てて、メリット・デメリットを解説します。

Transformative Web Design ～変化にしなやかに対応するデザイン力～Yasuhisa Hasegawa

あなたは今「Web」という言葉を聞いて、何を思い浮かびますか？パソコン上のブラウザに表示される Webサイトを想像するかもしれませんし、モバイルアプリなのかもしれません。クラウドを中心にしたエコシステムかもしれませんし、人と人が繋がるソーシャルメディアを連想している方もいるでしょう。皆が考えるすべてが Web であり、今後私たちが想像もつかない場所やデバイスを通して Webに触れることになるでしょうし、Webに関わる「当たり前」も常に変わり続けるでしょう。明確な姿・型が存在しない上、誰がどのようにして見たり操作するかも分からなくなってきた中、私たちはどのようにして Webをデザインしていけば良いのでしょうか。Webサイトを作るだけでなく、その枠を超えた設計が余儀なくされた今、私たち制作者は何に注視したら良いのでしょうか。今セッションではコンテンツを起点したデザインプロセスを紹介すると共に、予想不可能な未来に対応するための Web デザインの未来を共有していきます。

これから求められるWebコミュニケーションスキル〜今日から始めるプロトタイプデザインYasuhisa Hasegawa

レベルアップ！〜ポイント合戦から教育という名のゲームへYasuhisa Hasegawa

東京で開催された H2O SPACE 10周年記念パーティーの特別講演。様々なモバイル機器が Web へアクセスできるようになり、人と人が繋がる環境が整ったことにより、再び到来したオンラインラーニングの波。ゲーム要素を取り入れることで、さらに学びの場が進化してきているように見えます。最近のラーニングサイトやアプリの傾向を見ながら、今後の教育、そして学びについての考察をまとめました。

「なんとなく」を共有する、コンテンツを活かしたデザインプロセスYasuhisa Hasegawa

好みや多数決で決めない、デザインとの正しい付き合い方Yasuhisa Hasegawa

センスやテイストだけで決めないデザインの会話のためにすることYasuhisa Hasegawa

コンテンツとCMSの上手な付き合い方Yasuhisa Hasegawa

6から始まる Movable Type の旅Yasuhisa Hasegawa

今だからデザインできるMTの未来Yasuhisa Hasegawa

ゲームから学ぶデザイン思考術Yasuhisa Hasegawa

コンテンツで改善する UI デザインの極意Yasuhisa Hasegawa

未来をプロトタイプしようYasuhisa Hasegawa

モダン・タイムス　〜コンテンツと作り手を自由にする Web デザインYasuhisa Hasegawa

終わりなきWebの旅Yasuhisa Hasegawa

脱紙！Webならではのコミュニケーション思考術Yasuhisa Hasegawa

プロトタイピングからはじめようYasuhisa Hasegawa

Transformative Web Design ～変化にしなやかに対応するデザイン力～Yasuhisa Hasegawa

これから求められるWebコミュニケーションスキル〜今日から始めるプロトタイプデザインYasuhisa Hasegawa

レベルアップ！〜ポイント合戦から教育という名のゲームへYasuhisa Hasegawa