Yasuhisa Hasegawa

Yasuhisa Hasegawa

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

https://x.com/yhassy https://www.facebook.com/yhassy/
コンテンツ

ストーリーで再認識するコンテンツの大切さ

CSS Nite LP11 [http://lp11.cssnite.jp/] のミニワークショップ「人の特徴から見えてくる次のデザイン提案」の受講者のアイデアを共有します。過去２回の紹介は以下をご覧ください。 * 物理的な近さと心理的な近さから考えるプロセス [http://www.yasuhisa.com/could/article/proximity-thinking/] * ペルソナからはじめるストーリーの構築 [http://www.yasuhisa.com/could/article/persona-to-story/] ストーリー 私たちの選択は、実経験か想像に関係なく何かのストーリーと関連している。 今まで発表したサイトは CSS Nite [http://www.cssnite.jp/]の提案でしたが、課題にでていたサイトは CSS Nite だけでなく KDDI Web Communications 様の CPI [http://www.
セミナー

ペルソナからはじめるストーリーの構築

> cssniteのサイトを対象とし、はじめて参加される方へ敷居を下げる改善プラン抽出の為、既存サイトとあるべき像を擬人化@nakagawanさんのプレゼン内容をプチ実践。 from: kazumissimi [http://twitter.com/kazumissimi] 前回 [http://www.yasuhisa.com/could/article/proximity-thinking/]に引き続きCSS Nite LP11 [http://lp11.cssnite.jp/]のミニワークショップ「人の特徴から見えてくる次のデザイン提案」の受講者のアイデアを共有します。JWDA の 中川さん [http://lp11.cssnite.jp/#nakagawa_jwda] が自身のセッション内で「ペルソナをつくる」という話をされていましたが、ペルソナつくりを今回のワークショップに取り入れて発表したのが kazumissimi [http://twitter.com/#!/kazumissimi/]さんです。 ストーリー 私たちの選択は、
UI

読書体験を共有するためのデザイン提案

ページ上に読者の感想や、ディスカッション、そして読まれている文章の傾向が分かるというのは電子書籍のひとつの読み方としておもしろいと思います。しかし、それは様々ある読書スタイルのほんの一部にマッチした提案です。読書は基本的に『一人旅』に近いと感じています。読書という旅の経験を人と共有することはあると思いますが、それは読書する前後であって読書している最中に思いを共有することはさほどないような気がしています。読んでいる瞬間に生まれる読者と作者 (書籍) の一対一の関係が読書をまた特別なものにしていますし、そのときの体験を共有する楽しさはあると思います。 読書を一人旅と例えるのであれば、読書の最中の演出・機能はむしろ邪魔な存在かもしれませんし、それだけが電子書籍の魅力だとすると今の読書の体験とズレているのではないでしょうか。 ノンフィクションやハウツー本だと同時に他の読者の様子が分かるというのは有効かもしれませんが、一人旅としての読書を補助することができる電子書籍のあり方もあったも良いのではと考えています。 > カフェで友達に会ったとき本の話題が出て「あぁこれだよ、読んでみなよ」ってデバ
セミナー

物理的な近さと心理的な近さから考えるプロセス

CSS Nite LP11 [http://lp11.cssnite.jp/] で「人の特徴から見えてくる次のデザイン提案」というミニワークショップを行いました。時間の都合で考えたアイデアは後ほど共有という形で終了しました。今回から数回に渡りいただいたアイデアを幾つか紹介していきたいと思います。 近さ モノとモノが近いと、遠いもの同士に比べて関連性が近いと理解する。 人の特徴を活かしてサイト特有のゴールを達成させるためのアイデアを練るというのが今回のワークショップの目的ででした。ワークショップでは14もの人の特徴を紹介しましたが、その中のひとつに Proximity (近さ) というのがありました。 上の図を見てください。色が違いますが、直感的に隣り合っている円が同じグループに属しているように見えると思います。色にはまったく共通点がありませんが、近さが同じグループであると思わせています。ＡとＩ、ＦとＨはそれぞれ同じ形と色です。しかし、それぞれに何か関連性があるとは考え難いです。たとえ同じ情報でも近くなければ関連性が見えてこない一例です。上の図は極端な例ですが、情報を設計する上
本

Q&A: 「人の特徴」について書かれた書籍があれば教えてください

> 「人の特徴」について書かれた書籍、紹介していただけるとありがたいです。わたくし、日本語しか読めませんが。 from: withoutsugar [http://twitter.com/withoutsugar] 先日開催された CSS Nite LP11 [http://lp11.cssnite.jp/] で、技術的でもなく、単なる見た目だけでもない新しいデザイン提案を人の特徴に注目して考えてみようというワークショップを行いました。大急ぎで 14 もの特徴を紹介したので飲み込めなかった方もいたかと思います。同時にちょっと興味あると思った方もいるのではないでしょうか。 今回ワークショップで紹介した主な特徴は行動経済学で研究されていることで、このサイトでも何度か紹介しています。基本的なことが知りたいというのであれば、行動経済学の立役者であるダニエル・カーネマン氏の紹介記事 ところで「体験」ってなんですか [http://www.yasuhisa.com/could/article/what-is-experience/] を参照してください。経済という言葉がはいっているだけあり
コンテンツ

伝えるための情報デザイン、文章デザイン

私たちは人に何かを伝えたいときに、言葉・絵・音・映像などを駆使して表現します。標識のようにひとつの形式でユニバーサルに伝わることもありますが、そうはいかないことがしばしばあります。このサイトでよく取り上げている「 デザイン [http://www.yasuhisa.com/could/tag/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/]」「 マーケティング [http://www.yasuhisa.com/could/tag/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%
プロセス

ブレないワイヤーフレームを作るコツ

すべてのワイヤーフレームは平等ではない 「ワイヤーフレーム制作の５つのアプローチ [http://www.yasuhisa.com/could/article/5-approaches-of-wireframes/] 」で一見同じようにみえるワイヤーフレームにはそれぞれ特徴があり、目的に応じて使い分けた方が良いという話をしました。違うアプローチが幾つもあることは分かりますが、ではどのようなときにどれを使えば良いのでしょうか。選択するためのチェックポイントは４つあります。 ワイヤーフレームを作る目的はなにか作ることで何を達成させたいのかを明確にします制作プロセスのどのフェイズで用いるのか どのタイミングで作るかによってワイヤーフレームが果たさなければならない役割は変わります誰がワイヤーフレームを見るのか クライアントなのか、デザイナーなのか、開発者なのかで異なりますし、彼等のプロジェクトに対する理解度にもよります誰がワイヤーフレームを活用するのか ワイヤーフレームを使ってデザインをするのか、開発を進めるのか、それとも特定のインタラクションを確定させたいのか ワイヤーフレームを作るという
コンテンツ

効率よくタグ付けをするツールとサービス

「コンテンツを繋ぎ合わせる理由とメリット [http://www.yasuhisa.com/could/article/create-semantic-contents/] 」で、コンテンツにメタデータを付随することの重要性を解説しました。発行日・更新日・筆者といったデータは CMS から簡単に引き出せますが、コンテンツの文脈を示すタグ (キーワード) をどう記入するかが難しいところです。執筆したコンテンツを全体から捉え、短くて明確なキーワードを考えるのはなかなか難しい作業です。個人サイトであればまだいいですが、一日に複数のコンテンツを配信しなければならない環境だとひとつひとつタグを考える時間はないでしょう。複数人の人がタグの記述に携われば言葉のブレも発生するかもしれません。 そこでコンテンツを解析し、的確なキーワードを提示するサービスの利用が欠かせなくなります。SmartLogic [http://www.smartlogic.com/] や Nstein [http://www.nstein.com/en/] が解析・分析を行っているサービスですが、いずれも大企業向けのソリュー