Yasuhisa Hasegawa

Yasuhisa Hasegawa

Web やアプリのデザインを専門しているデザイナー。現在は組織でより良いデザインができるようプロセスや仕組の改善に力を入れています。ブログやポッドキャストなどのコンテンツ配信や講師業もしています。

https://x.com/yhassy https://www.facebook.com/yhassy/
ゼロ・グラビティ
映画

ゼロ・グラビティ

映画「Gravity （邦題 ゼロ・グラビティ）」のあらすじは、「事故に見舞われた宇宙飛行士が、無重力空間のなか、地球への帰還を試みる」というシンプルなもの。アクション映画と思って劇場へ向かった人もいるかもしれませんが、まったくそうではなかったと気付くと思います。 映画の設定もハリウッド映画ではあまり見ないものでした。登場人物はわずか 2 人（アポロ13 [https://www.amazon.co.jp/dp/B006QJT0C8/ref=as_li_ss_til?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=B006QJT0C8&adid=1HKZMDGXE2DNSK5ZD97V&] でも司令室に立っていたエド・ハリスが声で出演しています）。舞台もほぼ一カ所で、
アイデア

作れることは正義である

撮影：飯田昌之 12月14日に CSS Nite Shift7 [cssnite.jp/lp/lp31/] が開催されました。基調講演ということで、少し先の未来を話すようにしていましたが、今回は未来に備えるための『今の話』をしました。「スクリーンの先、私たちの仕事の先 」という題名で話した今回の講演。スクリーンの外を見ようというメッセージは伝わったと思いますが、仕事の先の意味が捉え難かったかもしれないので、この記事で解説しようと思います。 アイデアと完成品との間 アイデアがあるからこそ、新しいサービスやプロダクトが生まれます。しかし、この間には大きな溝があって、なかなか繋がらないことがあります。素晴らしいアイデアでも製品にしてみるとそうでもなかったり、どこかで質が低下してしまったり、アイデアが製品にうまく反映していなかったり、いろいろです。 Web サイト制作の世界では、この溝が広く深いことがあります。アイデアを生み出したり、設計に関わる「考える人」と、実際手を動かして構築する「作る人」が完全に分離（分業）していることがあります。作るひとが、考える側に立ち入る余地がないこともあ
ガイドライン

問題解決のためのスタイルガイド入門

定義が広いスタイルガイド フロントエンド開発者からスタイルガイドという言葉を耳にするようになりました。効率的、かつ一貫性のある見た目とコードをつくるための共有ツールとして、スタイルガイドが使われることがあります。一見、目新しくみえるスタイルガイドですが、最近生まれた新しいアイデアではありません。 ロゴやコーポレートカラーの使い方を記したスタイルガイド [http://www.logodesignlove.com/brand-identity-style-guides]は昔からありますし、 ライターにもスタイルガイド [http://web.calstatela.edu/library/styleman.htm]があります。 このように、開発者も、デザイナーも、ライターも同じように「スタイルガイド」という言葉を使っています。人によって、その言葉から受ける印象も異なれば、必要としている要素も異なります。 YUI 並の UI アセット [http://yuilibrary.com/] をスタイルガイドに含めることを期待している人もいます。アプリや Web サイト開発におけるスタイルガイ
アクセシビリティ

コンテンツからみるWebアクセシビリティの課題と提案

コンテンツは本当にアクセシブルか Webアクセシビリティは、大きく分けて 2 つの『デザイン』があります。ひとつは、情報を分かりやすく整理し、目的の情報へた辿り着くための Web アクセシビリティ。この要素は、色、形状、動き、スピードなど、UI デザインの課題と重なるところが多いです。もうひとつの要素は、情報の構成や文章のスタイルといった「編集」とも呼べる Web アクセシビリティです。 前者の情報構造や操作性は、明確なガイドライン化がしやすく、チェックもしやすいですが、後者の編集の部分は、パッと見では判断がしにくいだけでなく、ガイドラインとして共有するのも難しいです。 Webアクセシビリティにある 2 つの『デザイン』 もちろん JIS X 8341–3:2010 [http://waic.jp/docs/jis2010-understanding/] でも「利用者が理解できるコンテンツ」を制作・維持できるようにすることが重要であると書かれていますが、
コンテンツ

核の共有がデザインやコンテンツ設計に役立つ理由

撮影: 田中舘 一久 10月19日、CSS Nite in SENDAI, Vol.7 [http://cssnite-sendai.info/vol07/] が仙台で開催されました。今までありそうでなかった こもり まさあき [http://twitter.com/cipher/] さんと一緒に講演できました。私と彼の切り口も話し方も異なりますが、共通のメッセージが含まれているなと、勝手に親近感を抱いております。 無言語の言語化 今回は、Webサイトの核をデザインするための最初の一歩 と題して、ニュアンスがなんとなく伝わっているだけのコンセプトを、共有できるように言語化してデザインに繋げていこうという話をしました。最近コンテンツ設計 [http://www.yasuhisa.com/could/tag/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%
ほんとに使える「ユーザビリティ」
ユーザビリティ

ほんとに使える「ユーザビリティ」

エリック・ライス氏が 2012 年に刊行した「Usable Usability [https://www.amazon.co.jp/dp/1118185471/ref=as_li_ss_til?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=1118185471&adid=0NFMFB122BE38QYPFW5S&] 」の訳書です。 この種類の専門書は原書で読むことが多いので、久しぶりの訳書になりました。訳書の魅力は、日本語で読めるのはもちろん、原作者の住んでいる国の文化やニュアンスを理解していないと、伝わり難い部分を補っているところです。世界中を飛び回っているライス氏なので、世界のユーザビリティに興味をもつ読者に向けて執筆しているはずです。しかし、それでも『日本から』という視点では見え難いこと、分かり難いことは少なくありません。
ソーシャルメディア

Blendtecが今でもソーシャルメディア活用のお手本になる理由

ミキサーを製造・販売をしているアメリカの Blendtec [http://www.blendtec.com/] 。名前は聞いたことなくても、あらゆる製品をミキサーで破壊する番組 Will It Blend? [http://www.willitblend.com/] を見たことある人は多いと思います。ソーシャルメディアや動画配信の事例で、必ずといっていいほど Blendtec が紹介されることがあります。とても有名なので、事例として紹介するのはベタ過ぎるという意見もありますが、改めて Blendtec を見直してみると、他がやっているようでやっていないことがたくさんあります。 Will It Blend でもパーソナリティを務めている Blendtec の創業者 Tom Dickson さんは、今年の３月に Slashdot ユーザーの質問に自ら応える企画に登場しました。詳しくは、Interviews: Blendtec Founder Tom Dickson Answers Your Questions [http:
コンテンツ

人々のためのコンテンツをつくるという視点

利用者ニーズへのフォーカスは成功する 利用者が求めているコンテンツや機能を提供する。 とてもシンプルかつ当然のコトのように思えますが、実践が難しいことがあります。多くの Web サイトは、配信側のニーズ（製品を売りたい、プロモーションを見てほしい、など）を優先して配置することがあります。配信側のニーズではなく、利用者のニーズにフォーカスしたコンテンツ配信をはじめなければいけません。 プロモーションやアピールを中心にしている Web サイトデザインとは真逆の考え方ですが、良い結果に繋がっているサイトも幾つかあります。例えばノルウェーの The Norwegian Cancer Society [https://kreftforeningen.no/] （ノルウェーがん協会）は、自分たちのニーズ（寄付金を集めたい）ではなく、人々のニーズ（がんの症状や治療方法を知りたい）を優先して配信したことで、人の動きが大きく変化しました。（ 参照 [http://www.slideshare.net/idaiskald/content-against-cancer-csforum13-hel