Yasuhisa Hasegawa

Yasuhisa Hasegawa

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

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

なぜ緊急時になるとデザインが崩れるのか

本日話題になった銀行サイトの緊急メッセージ。このように緊急時になるとサイトデザインからかけ離れたコンテンツエリアを貼付けるサイトは少なくありません。 サイト運営は大事業 コンテンツの仕事に携わる海外のプロフェッショナルと情報交換をすることがありますが、最初驚いたことが運営人数が圧倒的に違うところ。日本で、ひとりかふたりの「Web担当者」が運営しているサイトの規模だと、海外（特に欧米）の場合、 10 人前後のチームを抱えていることがあります。10人前後の Web チームが存在するのは、メディア・パブリッシングのようなコンテンツの掲載頻度が高いサイトに限らず、様々なジャンルで同じことがいえます。大企業の Web サイトだとおもっと多くの人を抱えていることがあるそうです。 Web チームの仕事は企業によって異なりますが、共通して以下のようなタスクがあります。 * コンテンツ制作から掲載までのワークフローの調整 * Web へコンテンツを掲載するための最適化（マークアップ含） * 掲載に必要な写真や図などの素材制作 * ガイドラインに合わせてデザインを調整 当然、日本の Web
コンテンツ

ところでコンテンツは誰がする仕事なの？

専門的だが、専門でする人がいない 昨年は、1 年を通して各地で コンテンツ関連の講演やワークショプ [http://www.yasuhisa.com/could/announcement/content-seminar-workshop2/] をしてきました。アンケートの評価が高い人気講座になりましたが、多くの課題を残すことになりました。「よかった」と仰ってくださった参加者のソーシャルメディアやブログを追っていますが、学んだことを実践に繋げたり、今の仕事との関連付けに苦労しているという印象があります。これは参加者のスキルが足りないのではなく、 そもそも誰がする仕事なのか分かり難いというところに問題があると思います。 コンテンツを扱う講座では、以下のような仕事があると説明しています。 * 自社における『良いコンテンツ』を定義する * そのために、サイトへ訪れる人々の姿や文脈を明確にする * 現状のコンテンツを見直し、品質チェックを行う * 足りないコンテンツはなにか、必要なコンテンツはなにかを洗い出す * 掲載までのワークフローを見直し、必要であれば設計もおこなう * 運
デザイン

変わりゆく利用者行動と情報の流れ

縮小する Search & Find Google 以後の Web 利用は「Search & Find（検索して見つける）」が根底にありました。情報を見つけるために、キーワードを入力して検索したり、ディレクトリを掘り下げて目的の情報へたどり着くという行動です。 今や『当たり前』となった利用者行動ですが、Web の黎明期からそうだったわけではありません。90年代は、検索するといっても、欲しい情報が見つかる検索エンジンはなく、使わないほうが良いという考えもありました。そうしたなか、Google という優秀なアルゴリズムを実装した検索エンジンが登場したことで、広大な Web の中から情報を探し出すことが出来るようになりました。 このように技術が『当たり前』を作りだすことがあります。私たちの行動や思考は、技術に大きく左右されることがあるわけです。Google のような検索エンジンが登場したことで、Search & Find という行動が助長されたといえるでしょう。このように、技術に影響されるのは私たちの行動だけではありません。広告もマーケティングもすべてそうです。 Search &
UI

カードUIとコンテンツのパッケージング

小さなパッケージとしてのカード 前回の記事 [http://www.yasuhisa.com/could/article/message-card-ui/] で、メッセージのやりとりという文脈にカード UI が組合わさることで、新たな利用者体験を提供できるのではないかという話をしました。コンテンツを『ページ』としてではなく、『小さなパッケージ [http://www.yasuhisa.com/could/article/content-package-design/] 』にして利用者に配信することが主流になりつつある現在。これは、Web 上の情報のあり方を再考せざるを得ないと同時に、利用者にとって理解しやすい（ページに代わる）メタファが必要とされているのだと思います。小さなパッケージの表現方法としてカード UI は、無視できないデザインパターンのひとつです。 カード UI の可能性を最初に感じたのは、2010 年に登場したPinterest [http://pinterest.com/] 。たくさんの画像を全面に出しつつ、概要や操作を統一感を持たせてコンパクトに表現しています。P
ポッドキャスト

ポッドキャスト、再び配信中です

2011年2月から名前を変えてスタートをした Automagic Podcast [http://automagic.fm/]。2014 年 1 月からは、誰かと雑談するという形式で、ほぼ毎週のペースで配信しています。 昨年度は仕事のリズムが変わったことと、さすがに一人で話すのが辛くなてきたので、半年ほど小休止していました。以前から 何人もゲストに来てもらっていますが [http://www.yasuhisa.com/could/announcement/automagic50/]、Q & A 形式のインタビューになりがちで、躍動感のようなものが少ないことがありました。 これは、ひとりでポッドキャストをしているときにもいえることです。台本を作って、それを読み上げているわけではありませんが、話をしている途中で新しいアイデアが生まれたり、予想もしていなかった展開になるといった、不確定要素が少ないのが個人的に物足りないところでした。誰かと対談すときは、（相手によりますが）きちんと質問のリストを作ってから始めることがありました。質問リストは、対談を進める上での安心材料になるものの、特に
UI

カードUIと会話化するデザイン

LINE [http://line.me/ja/], WhatsApp [http://www.whatsapp.com/], Facebook Message [https://www.facebook.com/about/messages/] のようなメッセージアプリの魅力のひとつに「情報の流れが制御できる」ところがあると思います。１対１の会話が中心なので、ノイズが少ないですし、情報を追いかけるのも容易です。 Jelly [http://jelly.co/] のように、メッセージアプリのような表現がメッセージアプリ以外で見られるようになってきているのも、今の利用者に求めらている情報の形だからなのかもしれません。 今、UI デザイン [http://www.yasuhisa.com/could/article/no-border-design/] という観点で注目しているのは、この『メッセージ型 UI [http://www.yasuhisa.com/
コンテンツ

今CMSで本当に必要とされているもの

今の CMS の現実 ここ数年で、CMSは劇的に変化しています。 マイクロCMS [http://www.yasuhisa.com/could/article/before-implimenting-cms/] が注目を集めているのは、その兆候のひとつですが、こうした変化の要因は、従来の CMS では今の利用者に届ける仕組みを作るのが困難だからです。自分の好きなデバイスでアクセスする利用者。より柔軟な表現。どのサービスを経由してアクセスされるか分からない情報経路の複雑化。 WordPress [http://wordpress.org/], Drupal [http://drupal.org/], Movable Type [http://www.sixapart.jp/movabletype/] をはじめ、5 年以上経っている CMS の多くは、パソコン向けの『ページ』や構造に最適化された設計になっていることから、今後登場するかもしれない未知のデバイスやサービスまで見据えたマルチデバイス対応が難しいわけです。 実は、従来からある CMS でも「
コンテンツ

嫌われないスマホサイトを作るための第一歩

2013年12月21日に WCAN Winter 2013 [http://wcan.jp/event/2013winter/] が開催されました。CSS Nite Shift [http://www.yasuhisa.com/could/article/making-is-great/] と同様、WCAN [http://www.yasuhisa.com/could/article/modern-times/] も毎年招待していただいている年末イベント。今回は「 スマホサイトが嫌われる理由と改善方法」と題して講演をしました。今年は全国各地でコンテンツ関連の講演・ワークショップ [http://www.yasuhisa.com/could/announcement/content-seminar-workshop2/] を行ってきましたが、そのダイジェスト版のような内容。『スマホサイト』という制作者であれば身近なキーワードと合わせて話をしました。講演の詳細は 鈴木 健太郎さんの記事 [http:
デザイン

ポストPC時代のWebで注目している2014年のキーワード

タブレットの販売台数が PC を超えた [http://www.idc.com/getdoc.jsp?containerId=prUS24314413] 2013年第四半期。（スマートフォンは 2011 年で超えています [http://tech.fortune.cnn.com/2011/02/07/idc-smartphone-shipment-numbers-passed-pc-in-q4-2010/] ）。スマートフォンやタブレットはもちろん、情報へアクセスするための『ガラス』は、今後ますます増えていきます。2014年は、Web へアクセスするための手段が文字通り多様になるといっても過言ではありません。iPhone をはじめとするマルチタッチのスマートフォンが出回りはじめた頃は『モバイル Web』という言葉が用いられていましたが、これからは『The Web（これが Web）』と言い換えたほうが良いでしょう。PC がなくなることはありませんが、「まずはパソコン版を前提」という考え方はいちはやく拭い去らないといけなくなります。 自動的に取得した睡眠のデータを、いつでもアクセスでき