「Mobile First:モバイルファースト」が意味する今後のWebコミュニケーションデザイン

•

47 gefällt mir•2,792 views

レポート記事はこちら http://www.yasuhisa.com/could/diary/swapskills-doubbble01/ 詳しい内容が知りたい方は、全セミナーの解説が掲載されている電子書籍をご購入ください。 http://p.booklog.jp/book/31614

Design

「Mobile First:モバイルファースト」が意味する今後のWebコミュニケーションデザイン

Weitere ähnliche Inhalte

Mehr von Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

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

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

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

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

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

Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

マルチデバイスを見据えたコンテンツ設計

Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

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

Webサイトの核をデザインするための最初の一歩

Yasuhisa Hasegawa

6から始まる Movable Type の旅

Yasuhisa Hasegawa

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

Yasuhisa Hasegawa

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

Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

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

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

Yasuhisa Hasegawa

Mehr von Yasuhisa Hasegawa (20)

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

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

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

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

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

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

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

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

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

マルチデバイスを見据えたコンテンツ設計

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

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

Webサイトの核をデザインするための最初の一歩

6から始まる Movable Type の旅

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

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

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

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

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

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

「Mobile First:モバイルファースト」が意味する今後のWebコミュニケーションデザイン

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Mehr von Yasuhisa Hasegawa

Mehr von Yasuhisa Hasegawa (20)