スマートフォン向けの Web サイトを作ることが必須になりつつある現在。しかしPC版と同様の方法で"ただ作る"だけでは意味はなく、モバイル機器特有の制約や利用者傾向を考慮しなければ最適化とは呼ぶことができません。企業と顧客をつなぐ重要な窓口になりうるスマートフォン。対話の仕方も変わるモバイルを使ったコミュニケーション。企業がコミュニケーションデザインのために準備すべきものは何かを考えていきます。
CSS Nite in AOMORI 基調講演資料。
マルチデバイス化がますます進む 2013 年。これは対応するスクリーンが増えただけではなく、新たな考え方を身につけなければいけないことを意味しています。今までのやり方が通用しないのは Web サイト制作だけのことではなく、マーケティングやブランディングなど他の分野にも共通していえることです。「コンテンツが大事」と昔から言われていますが、今までと同じやり方では大事なコンテンツが人へ届かないということになります。
コンテンツの設計から始めることで、より柔軟で拡張性のある Web サイトを作るためのワークフローのヒントを紹介します。
スマートフォン向けの Web サイトを作ることが必須になりつつある現在。しかしPC版と同様の方法で"ただ作る"だけでは意味はなく、モバイル機器特有の制約や利用者傾向を考慮しなければ最適化とは呼ぶことができません。企業と顧客をつなぐ重要な窓口になりうるスマートフォン。対話の仕方も変わるモバイルを使ったコミュニケーション。企業がコミュニケーションデザインのために準備すべきものは何かを考えていきます。
CSS Nite in AOMORI 基調講演資料。
マルチデバイス化がますます進む 2013 年。これは対応するスクリーンが増えただけではなく、新たな考え方を身につけなければいけないことを意味しています。今までのやり方が通用しないのは Web サイト制作だけのことではなく、マーケティングやブランディングなど他の分野にも共通していえることです。「コンテンツが大事」と昔から言われていますが、今までと同じやり方では大事なコンテンツが人へ届かないということになります。
コンテンツの設計から始めることで、より柔軟で拡張性のある Web サイトを作るためのワークフローのヒントを紹介します。
サイトの基本構造や、作るためのワークフローが確立されたかのように見えた Web デザイン。それがマルチデバイス化の波が訪れたことで、大きく変化し始めています。今までのようにただ作り続けているだけでは、自動化したサービスと同じような存在になりかねません。機械の部品の一部のような仕事では、必要とされなくなるのは時間の問題ですし、良いモノを作りたいと思うデザイナーやプログラマーにとっても面白くない世界になってしまいます。
今回は 4 つの「C」をキーワードに今後の Web デザインワークフローのヒント紹介します。機械化の波に飲まれないモダンな Web 制作者への道はひとつだけではありません。サイトからアプリまで関わり方は様々なので、このセッションを機会に Web とデザインの関わり方を再考してみましょう。
サイトの基本構造や、作るためのワークフローが確立されたかのように見えた Web デザイン。それがマルチデバイス化の波が訪れたことで、大きく変化し始めています。今までのようにただ作り続けているだけでは、自動化したサービスと同じような存在になりかねません。機械の部品の一部のような仕事では、必要とされなくなるのは時間の問題ですし、良いモノを作りたいと思うデザイナーやプログラマーにとっても面白くない世界になってしまいます。
今回は 4 つの「C」をキーワードに今後の Web デザインワークフローのヒント紹介します。機械化の波に飲まれないモダンな Web 制作者への道はひとつだけではありません。サイトからアプリまで関わり方は様々なので、このセッションを機会に Web とデザインの関わり方を再考してみましょう。
http://www.yasuhisa.com/could/article/wcan-prototype-design/
プロトタイプはスマートフォン向けの Web サイトやアプリケーションの制作では欠かせないツール。しかし、聞いたことがあるけど使っていない、使いどころが分からないという理由で活用できていない人も少なくありません。また、国内外、切り口が異なるプロトタイプツールが無数にあることから、どれを選べば良いのか分かり難いです。
現存のワークフローを変えなければプロトタイプは活用できないのでしょうか?無数に登場するほどプロトタイプツールが溢れているのはなぜでしょうか?プロトタイプツールの見分けどころはあるのでしょうか?そもそもプロトタイプは本当に必要なのでしょうか?そんな疑問に答えながら、プロトタイプの使い所を紹介します。
http://www.yasuhisa.com/could/article/how-to-be-a-superhero/
2014年は World Wide Web が世に出て25年という記念すべき年です。Web が世界を変えてきたのと同様、私たちデザイナーも人々の生活に大きな変化をもたらしています。日々の仕事では気づき難いことですが、私たちはクライアント や Web サイト訪問者だけでなく、社会に対しても責任があります。
私たちが作り出すものは、人々の生活を豊かにすることができるだけ でなく、不幸にする力もあります。Web が人々の生活とより密接になった今だからこそ、作ったことによる影響を無視することはできなくなります。仕事だから仕方ないと諦めることで、使う方々に負 担をかけてしまうことがあります。
基調講演ではデザイナーをはじめとした製作者が、どのように影響力を広げ、より良い Web を作り上げるのかを紹介します。
Webアクセシビリティは、デザインとかけ離れて存在だと思っていませんか? アクセシブルなサイトを作るとつまらない見た目のサイトになるのかといえば、そんなことはありません。デザイナーが心がけている「シンプルに設計する」という考え方はアクセシブルなデザインを実現するために必要です。
JIS X8341-3 や WCAG のような Web アクセシビリティの規格とは異なる側面から、どのようにアクセシブルなサイトを設計するのかを、ヒントや事例をみながらを解説します。
高機能な Web サイトを低価格で購入できるようになった今、Web プロフェッショナルの力を借りる意味はどこにあるでしょうか。カスタムメイドの素敵な Web サイトをつくったとしても、運営可能な仕組みがなければ意味がありません。Web サイトという納品物を『つくる』だけでなく、サイトへ訪れる人が求めるコンテンツが出せる仕組みを『つくる』ことができるプロフェッショナルが必要とされています。
このセッションでは、重要視されているはずのコンテンツがなぜ壊れているのかを紹介しながら、チェックの方法、コミュニケーションの仕方を紹介します。
CMSを導入しただけで、Web サイト構築や運営が楽になることはありません。CMSをつかえば簡単にコンテンツを追加できますが、情報が山積みになり、統制がきかなくなることもあります。情報をただ出せば良いわけではないですし、情報を CMS に入れておけば、後でどうにかなるわけでもありません。
本セッションでは、Movable Type の公式サイトを例に、CMS 導入前のコンテンツの整理と設計のプロセスを紹介します。コンテンツの整理からはじめることで、Movable Type がより活かされること間違いなしです。
作る前に始めておきたいコンテンツ設計ですが、あまり注視されていない『未開の地』。パソコン向け Web サイトからの『資産』を散らかしたままサイトを作り続けても、ますます利用から遠い存在になる可能性があります。実は結構やることが多くて大変なコンテンツ設計のノウハウの紹介と、明日からできる改善策を紹介します。
Six Apart とのお仕事は単に見た目を良くするデザインだけではなく、目に見えないものをデザインすることが多くあります。見えないものを考え、設計することは Movable Type 以外の仕事で欠かせない行程です。Movable Type でお手伝いをさせてもらっている仕事の一部を紹介しながら、そこで意識しているデザイン思考やアプローチについて解説します。