作る前に始めておきたいコンテンツ設計ですが、あまり注視されていない『未開の地』。パソコン向け 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 アクセシビリティの規格とは異なる側面から、どのようにアクセシブルなサイトを設計するのかを、ヒントや事例をみながらを解説します。
This document discusses using D3.js to control SVG graphics. D3.js allows for dynamic control over SVG elements and has advantages like interactivity and animation. The document emphasizes prototyping with D3.js to dynamically manipulate SVG elements and gain user attention through interactive visualizations.
サイトの基本構造や、作るためのワークフローが確立されたかのように見えた Web デザイン。それがマルチデバイス化の波が訪れたことで、大きく変化し始めています。今までのようにただ作り続けているだけでは、自動化したサービスと同じような存在になりかねません。機械の部品の一部のような仕事では、必要とされなくなるのは時間の問題ですし、良いモノを作りたいと思うデザイナーやプログラマーにとっても面白くない世界になってしまいます。
今回は 4 つの「C」をキーワードに今後の Web デザインワークフローのヒント紹介します。機械化の波に飲まれないモダンな Web 制作者への道はひとつだけではありません。サイトからアプリまで関わり方は様々なので、このセッションを機会に Web とデザインの関わり方を再考してみましょう。
Webは、今までになかった新たな媒体であるにも関わらず、紙デザインと同じように扱われることがあります。故に Web の可能性を最大限に引き出せないことも少なくありません。
紙をはじめとした従来の媒体と Web は何が違うのでしょうか? Web らしくあるには、どうしたら良いのでしょうか?今まで全く違う考え方が必要になる場合もあれば、今までの歴史から学べることもあります。
今セッションでは、Webに関わるお仕事をしている様々な分野の方々に向けた、今後 Web を Web らしく使うためのコミュニケーション術を紹介します。技術が分からなくても、Web への理解が一層深まるはずです。
CSS Nite in AOMORI 基調講演資料。
マルチデバイス化がますます進む 2013 年。これは対応するスクリーンが増えただけではなく、新たな考え方を身につけなければいけないことを意味しています。今までのやり方が通用しないのは Web サイト制作だけのことではなく、マーケティングやブランディングなど他の分野にも共通していえることです。「コンテンツが大事」と昔から言われていますが、今までと同じやり方では大事なコンテンツが人へ届かないということになります。
コンテンツの設計から始めることで、より柔軟で拡張性のある Web サイトを作るためのワークフローのヒントを紹介します。
サイトの基本構造や、作るためのワークフローが確立されたかのように見えた Web デザイン。それがマルチデバイス化の波が訪れたことで、大きく変化し始めています。今までのようにただ作り続けているだけでは、自動化したサービスと同じような存在になりかねません。機械の部品の一部のような仕事では、必要とされなくなるのは時間の問題ですし、良いモノを作りたいと思うデザイナーやプログラマーにとっても面白くない世界になってしまいます。
今回は 4 つの「C」をキーワードに今後の Web デザインワークフローのヒント紹介します。機械化の波に飲まれないモダンな Web 制作者への道はひとつだけではありません。サイトからアプリまで関わり方は様々なので、このセッションを機会に Web とデザインの関わり方を再考してみましょう。
Webは、今までになかった新たな媒体であるにも関わらず、紙デザインと同じように扱われることがあります。故に Web の可能性を最大限に引き出せないことも少なくありません。
紙をはじめとした従来の媒体と Web は何が違うのでしょうか? Web らしくあるには、どうしたら良いのでしょうか?今まで全く違う考え方が必要になる場合もあれば、今までの歴史から学べることもあります。
今セッションでは、Webに関わるお仕事をしている様々な分野の方々に向けた、今後 Web を Web らしく使うためのコミュニケーション術を紹介します。技術が分からなくても、Web への理解が一層深まるはずです。
CSS Nite in AOMORI 基調講演資料。
マルチデバイス化がますます進む 2013 年。これは対応するスクリーンが増えただけではなく、新たな考え方を身につけなければいけないことを意味しています。今までのやり方が通用しないのは Web サイト制作だけのことではなく、マーケティングやブランディングなど他の分野にも共通していえることです。「コンテンツが大事」と昔から言われていますが、今までと同じやり方では大事なコンテンツが人へ届かないということになります。
コンテンツの設計から始めることで、より柔軟で拡張性のある Web サイトを作るためのワークフローのヒントを紹介します。
高機能な Web サイトを低価格で購入できるようになった今、Web プロフェッショナルの力を借りる意味はどこにあるでしょうか。カスタムメイドの素敵な Web サイトをつくったとしても、運営可能な仕組みがなければ意味がありません。Web サイトという納品物を『つくる』だけでなく、サイトへ訪れる人が求めるコンテンツが出せる仕組みを『つくる』ことができるプロフェッショナルが必要とされています。
このセッションでは、重要視されているはずのコンテンツがなぜ壊れているのかを紹介しながら、チェックの方法、コミュニケーションの仕方を紹介します。
CMSを導入しただけで、Web サイト構築や運営が楽になることはありません。CMSをつかえば簡単にコンテンツを追加できますが、情報が山積みになり、統制がきかなくなることもあります。情報をただ出せば良いわけではないですし、情報を CMS に入れておけば、後でどうにかなるわけでもありません。
本セッションでは、Movable Type の公式サイトを例に、CMS 導入前のコンテンツの整理と設計のプロセスを紹介します。コンテンツの整理からはじめることで、Movable Type がより活かされること間違いなしです。
Six Apart とのお仕事は単に見た目を良くするデザインだけではなく、目に見えないものをデザインすることが多くあります。見えないものを考え、設計することは Movable Type 以外の仕事で欠かせない行程です。Movable Type でお手伝いをさせてもらっている仕事の一部を紹介しながら、そこで意識しているデザイン思考やアプローチについて解説します。
Web を Web らしくデザインするということはどういうことなのでしょうか。コンテンツを補助するためのビジュアル。まったく同じ見た目にするのではなく、利用者の状況に寄り添う形のデザイン。Web へアクセスするための手段がますます増えていく中、今までの Web デザインの捉え方を変える時期にきています。
http://www.yasuhisa.com/could/article/experience-layers/
パソコン向けにだけ Web サイトを作っていた頃はあまり必要性を感じられなかったプロトタイピングも、Webへアクセスする方法が増えてきたころから、その必要性も高まりつつあります。パソコン向けに絞ったとしても複雑なインタラクションを絵だけで共有するのが難しくなってきました。余計な書類を減らし、課題が具体的に見えてくるプロトタイプの魅力と活用を紹介。今回はプロトタイプの中でもペーパープロトタイピングにスポットを当てて、メリット?デメリットを解説します。
The document mentions a 10th appreciation party related to Yasuhisa Hasegawa and includes credits for photos taken by various photographers such as Swamibu, Mark Brannan, Katherine McAdoo, and Hans Splinter. It highlights the involvement of Yasuhisa Hasegawa on social media. The emphasis is on the visual documentation of the event.