Yasuhisa Hasegawa

Yasuhisa Hasegawa

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

インターネット

Curator's Code からみるWeb共有のもつ課題

尊重のためのシステム Tumblr や Twitter のように、気軽にリブログやポストがしやすいプラットフォームになると、参照元が分からないポストをよく見かけます。お気に入りの画像を Tumblr で見つけても、参照元・作った人が分からないのでクリッピングしないこともあります(又は自分で検索して探すこともあります)。誰でも簡単に情報を共有できるのが Web の魅力ではありますが、参照元が失われることでコミュニケーションの奥行きが失われることがあります。 昨年の震災 [http://www.yasuhisa.com/could/diary/light-and-darkness/] で明るみになったところがありますが、多くの人は参照元を調べませんし、自分のタイムラインに現れた情報をそのまま受け入れて、再度拡散することがあります。表層的な情報だけが広まるだけで、突っ込んだ情報や議論が見え難くなる場合もあります。何を参照したのか、何を基に情報発信しているのかが分かるだけでも、情報の接し方が変わるのではないでしょうか。 こうした考えを基にして生まれたのが Curator’s Code

Webデザイン

コンテンツ視点で考えるレスポンシブ戦略

SEOならレスポンシブに PC版の Facebook でオススメのリンクをみたら、モバイル版だった。 スマホで Twitter を見ていたら、PC版のサイトに誘導されて操作が面倒だった。 モバイルサイトのアドレスに注目すると、「m」「mobile」「i 」など、のサブドメインが最初に付いている場合があります。これは、PC版の『本家』Webサイトとは別のバージョンを表示していることを意味しています。スマホやタブレットなど、デバイスに応じて最適化されたサイトを表示しています。 利用者のために最適な環境を提供するという意味では、専用サイトは適した対策です。しかし、SEOの視点で見ると専用サイトを作って、URLを細分化してしまうのは良くない傾向です。モバイルユーザーであれば、モバイルで見たサイトをそのまま共有するでしょうし、デスクトップユーザーにしても同様です。10のリンクが付いたかのように見えても URL を見ると 2 つ 3 つに分散しています。 URL をひとつにして、サーバー側で変換するという方法もありますが、サイト全体にかかる負荷を無視するいことは出来ません。デザインの決断を

Webデザイン

今後のWebデザインとの向き合い方

2012年2月25日 CSS Nite in TAKAMATSU vol.6 [http://cssnite.webridge-kagawa.com/vol6/] が開催されました。CSS Nite は、ツールの使い方や制作のノウハウなど、テクニックを扱うことが多いイベントですが、今回は全編を通してコードが出ないという珍しい構成でした。いつもとは少し違う雰囲気ではありましたが、他の CSS Nite にはない満足感を得た方も多かったのではないかという印象を受けました。イベントの様子はTogetterでまとまっている [http://togetter.com/li/263998]ので参照してください。 私のセッションは、Webデザインのウソ・ホント ~ Web らしくデザインするためのヒントと題して、未来を見据えた Web のデザインを行う上で必要な考え方や取り組み方法を紹介しました。 今月はセミナーで登壇する機会が3回もあり、過密なスケジュールでした。準備は大変でしたが、3回を通して一貫としたテーマがあったかと思います。なんとなく「未来のWebデザイン三部作」と呼べる内容だった

Webデザイン

レスポンシブWebデザインから始まる適応への道

2月22日 Web担当者Forum 主催のイベント 企業サイトのスマホ“対応”とその一歩先の”最適化”とは? [https://web-tan.forum.impressrd.jp/q/201201/12016] に登壇させていただきました。今回はレスポンシブ Web デザインの話題を中心に、Web への窓口がますます増える今後にどう対応していけば良いのかを、技術・デザイン・企画・そして具体的なソリューションなど様々な視点で講演されました。 今回は、先月執筆したレスポンシブにデザインするために克服すること [http://www.yasuhisa.com/could/article/responsive-design/]をキッカケで話すことになりました。「 未来へレスポンシブに対応するための設計と戦略」と題して、スマートフォンやタブレットだけでなく、もう少し視野を広げてレスポンシブの実現について話をしました。 クロスオーバーする時期が来た 制作者向けのセミナーであれば、レスポンシブ Web デザインを語るのにふさわしい人は他にいると思うのですが、今回は Web担当者Forum とい

インターネット

流動し続ける時代におけるWebとの付き合い方

2012年2月18日、CSS Nite in FUKUI [http://cssnite.fisc.jp/]が開催されました。今回は「 予測不可能な世界でWebデザインをしよう 」と題して、今後のWebに必要とされる価値と制作のためのアプローチについて話をしました。2年前は聞いたことなかったようなサービスやデバイスが、あっという間に大企業に成長したり、広く普及する時代。先がどうなるか分からない中、私たちは今何ができるのでしょうか。 テクノロジーで変化する人の価値観 価値観は、どのようなテクノロジーと共に暮らしているかで決まる部分があります。「本を読む」にしても、紙媒体の書籍だけ想像する人もいれば、ケータイや電子書籍を想像する人もいます。「TVを見る」にしても、HDDレコーダーをつかって観覧している人と Apple TV を使っている人では番組を見る行為が異なります。 紙の雑誌は、動かないiPad・・・それを当たり前と感じる世代が2年前に突然現れたわけです。 テクノロジーが物事の捉え方に大きな影響を与えているわけですが、近年テクノロジーの進化のスピードが急激に高まったことで、たっ

WD101

WD101: Webは寛容性をデザインする場である

このシリーズでは Web Design101(WD101)と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 * Webは見た目のコントロールがきかない [http://www.yasuhisa.com/could/article/wd101-nocontrol-in/] * モニターの外をデザインするのが大半である [http://www.yasuhisa.com/could/article/wd101-outside-monitor/] コンテンツと、取り囲む要素のバランス Webは、コンテンツを配信・消費するために最適化された媒体(又はシステム)です。テキスト、画像、ビデオなど様々な種類のコンテンツが存在しますが、それらコンテンツを通して人と人、コンテンツとコンテンツ、人とコンテンツが繋がる場が Web です。デザイナーであろうと開発者であろうと、この前提を抜きにして Web デザインを語ることはできません。 コンテンツは純粋な形であればあるほど、より多くの人に届けることが出来ます。装飾された

ゲーム

イノベーションが続くF2Pゲームの現在と未来

ここ 1,2 年で頭角を現しているソーシャルゲームですが、MMOG (多人数オンラインゲーム) のジャンルから見ると、今の流行の前兆をいくつか見つけることができます。 10歳前後をターゲットにしている Club Penguin。親が安心できるような機能やサービスを充実させ、サービススタート当時から高い評価を得ています。 2005年から運営している Club Penguin [http://www.clubpenguin.com/] (2007年にディズニーが買収) は、ブラウザベースの子供向け MMORPG で、無料で遊べるものの有料会員制も導入しています。ソニーが 2009年か運営している Free Realms [http://www.freerealms.com/] は、子供をメインターゲットにしているオンラインゲーム。PlayStation 3, Windows, Mac で遊べる MMORPG で無料から遊べることが出来ます。いずれもノンゲーマーと呼ばれてる人たちからも指示を得ているカジュアルオンラインゲームです。 ソーシャルゲームの定義には様々な解釈がありますが、共にマ

UI

ニュースの理解が深まるタイムツリーコンセプト

リアルタイム時代に必要なニュースUI 新聞サイト・ニュースサイトは、基本的に「記事」という情報の単位をもつことを前提にしています。そして、記事という単位を時系列やテーマ(カテゴリ)別で表示できるように CMS でコントールしています。こうした見せ方は情報サイト全般で扱われていますが、今のニュースのスピードや Web 利用の変化と照らし合わせると、記事という情報単位があまりにも大きく柔軟性が乏しく感じることがあります。現在のニュースサイトのコンテンツに起こっている現象が幾つかあります。 * 速報ですら記事にしないといけないので、200文字程度のページが存在する * 記事というタイトルとテキストを必要とする『入れ物』があるため、テキストだけ、ビデオだけ、写真だけといったコンテンツタイプの格納がしにくい * ソーシャルメディアでブレイクしたニュースに追いつけない * ニュースサイトのリアルタイムと、人が体感するリアルタイムは異なる。ニュースサイトが提示する「最新情報」が人が感じる最新とは限らない * ひとつの出来事が地続きで繋がっているものの、利用者はトピック/タグで絞り込んで検