Yasuhisa Hasegawa

Yasuhisa Hasegawa

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

https://x.com/yhassy https://www.facebook.com/yhassy/
UI

大きいスクリーンのタッチデザインを考える

タッチは大前提 発表後、発売を待たずに売れ切れ状態になった Surface Book [http://www.gizmodo.jp/2015/10/surface_book_sold_out.html]。ノートパソコン並みの大きさを誇る iPad Pro [http://www.apple.com/jp/ipad-pro/] 。それぞれコンセプトが異なる製品ですが、スクリーンサイズが従来のタブレットの域を超えたものが注目されているのは、デスクトップパソコン以外で本格的な作業をしたいというニーズが高まりつつあるからでしょう。 Adobe のコアアプリも Windows 向けにタッチフレンドリー [http://www.engadget.com/2015/10/05/adobe-touch-friendly-design-apps/] に改良が加えられています。 Windows だけでなく、Linux 製の Gnome [https://www.gnome.org/
アクセシビリティ

次世代Webはブラウザの外にある

10月18日、法政大学にて次世代 Web カンファレンス [http://nextwebconf.connpass.com/event/19699/] が開催されました。Web に関わる技術について徹底的に話し合うイベント。セッションすべてディスカッションで勉強会というより話を聞きに行くというニュアンスが近いかもしれません。8 月に UX をテーマに議論する会 [http://www.yasuhisa.com/could/article/questions-about-ux/] を開きましたが、今年はこうした『会話』を軸にしたイベントに興味を惹かれます。 今回は、「デザイニングWebアクセシビリティ [https://www.amazon.co.jp/dp/4862462650?tag=could-22&camp=1027&creative=7407&linkCode=as4&
コンテンツ

コンテンツタイプの理解と分類のコツ

コンテツタイプの把握が不可欠な理由 コンテンツモデルの基礎と活用メリット [http://www.yasuhisa.com/could/article/content-model/] で、コンテンツをひとくくりにまとめるコンテンツタイプ を紹介しました。コンテンツタイプには、ニュースリリース、レビュー、レシピ、チュートリアルなど様々な種類があります。これらがどのような項目で構成するのか考える前に、そもそもどのようなタイプのコンテンツが制作・管理されているのかを知る必要があります。 様々なコンテンツタイプがあるにも関わらず、CMS では「本文」という大きな枠にまとめて入力することがあります。カスタムフィールドやプラグインで解決するといった方法もありますが、五月雨式に項目を増やすよりコンテンツタイプごとに設計できたほうが維持・管理がしやすくなります。 CMS の設計のためにコンテンツタイプを把握するのも目的のひとつですが、それだけではありません。様々なコンテンツタイプがひとまとめで管理されていることのデメリットをクライアントに理解してもらう必要があります。コンテンツタイプ幾つか用意
インターネット

国内サイトのトラッキングはどうなっているか調べてみました

トラッカーが付きまとうWeb観覧 私が広告を掲載しない理由 [http://www.yasuhisa.com/could/article/why-no-ads-in-this-website/] のひとつに、広告をはじめとしたトラッカーが利用者の体験を著しく低下している点にあります。中には利用者の動向を複数のサイトをまたいで監視しているのもあります。 iOS9 からコンテンツブロック機能 [https://developer.apple.com/videos/play/wwdc2015-511/] が追加されたことにより、トラッカーを停止した状態で、Web サイト観覧ができるようになりました。コンテンツブロックをオンにするには少し面倒な操作が必要ですが、 国内外でコンテンツブロックアプリが上位にランクイン [https://twitter.com/yhassy/status/648778499583401984] しており、注目が高いのが分かります。今の Web サイトはトラッカーだけでなく、過剰な表現を実装しているのも少なくないので、コンテンツブロックを使うことでパフォーマンス
デザイン

海外の動向からみるデザインツールの現在

デザイナーとツールは切っても切り離せない関係です。ときにはデザイナーのスキルはツールの熟練度や使い分けの仕方で決まることもあります。長く使い続けたいですが Web やアプリのデザインは、テクノロジーと密接に繋がる仕事であるが故に、いつの間にか新しいツールが主流になることがあります。 特にここ 10 年でデザインの仕事は大きく変わりました。今でも Web デザイン、アプリデザインにおいて Adobe 製品 [https://www.amazon.co.jp/dp/B00FOHQZPI?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=B00FOHQZPI&adid=1CY484XRPNWJFAPJ9TD9&] は多大な影響力をもっていますが、それがほぼ唯一の選択肢だった頃と今は違います。また、今まで以上にデザインにスピードと柔軟性が求められているので、Adobe 以外のツールも必要になってきています。 [http://tools.subtraction.
UX

ネガティブ体験を軽減するデザインアプローチ

過大評価されがちな悪い体験 心理学で Nagative Bias [https://en.wikipedia.org/wiki/Negativity_bias] （ネガティブバイアス）という概念があります。不快な感情、苦痛な思い出といったネガティブな経験は、ポジティブな経験より私たちの考え方に大きな影響を及ぼすというものです。言い方を変えるのであれば、ポジティブな体験は私たちの記憶や今後の行動に及ぼす影響は少ないということになります。たとえ、全体的に良い体験だったとしても、最期に悪い体験をした場合、私たちの記憶には「悪かった」と残ることがあります。ネガティブバイアスとは、負の要素を『拡大・拡張』してしまう状態といえます。 アプリストアのレビューが低くなりがちなのも、ネガティブバイアスの影響があります。問題なく普通に使えたという体験は、記憶に残ることは少ないでしょう。しかし、自分の思うようにいかなかった場合、たとえ他の機能が問題なく動作していたとしても「悪い」と考えてしまうことがあります。「この部分だけ良くないけど、他は満足」と評価する人はわずかです。 一度「悪い」と判断してしま
仕事

すべては一文字書くことから始まる

「だからなに？」 Web 上で情報発信をしている方であれば、一度は頭に思い浮かべる言葉だと思います。知名度もない実力もない自分が、わざわざ外に向けて発信することに何の意味があるのだと。 今でも自分の文章が上手いとは思いませんが、昔は下手でも気ままに書いていました。2002年の記事を掘り起こしてみたところ、大学の演劇を見にいったときのことを書き残していました。以下はそのとき書いた日記の一部からの引用です。 > 僕が演劇が好きなところのは、ステージという限られた空間の中での演出や場面の変化を一望できるところです。ひとつの『場面』でもいろいろなことが同時進行していて、見方によってはいろいろ楽しめるという舞台ならではの魅力があるからかもしれません。 当時はまだ米国に住んでいて、ある制作会社で Web デザイナーとして勤務していました。ビジュアルデザインだけでなく、 HTML/CSS/JavaScript は毎日何時間も書くという生活をしていました。演劇に関する日記を書いたおよそ 2 年後に CSS の書籍を出版しているので、最先端と呼べる知識はあったと思います。しかし、ブログには仕事
コンテンツ

脱ダミー文字から始めるコンテンツデザイン

ダミー文字はリスク ユーザーは読まないと言われているものの、言葉はユーザーとコミュニケーションをするための基盤です。流し読みでも理解できるような設計がされているか。次のアクションへ結びつく動機が提供されているかは、言葉で決まることがあります。ビジュアルが注目されがちな UI デザインですら言葉が重要なデザイン要素 [http://www.yasuhisa.com/could/article/text-is-ui/]になります。 デザインはコンテンツの価値を増幅したり、利用者の欲求を満たしたり目的達成の補助をするためにあります。もし、ダミー文字をつかってデザインすることは、ユーザーとのコミュニケーションを破棄した状態で彼等がもつ課題を解決しようとしているようにみえます。デザイナーはダミー文字をもっと敵視しても良いと思います。 ダミーの情報を入れるのは簡単です。Loren Ipsum [http://www.lipsum.com/] のようなジェネレーターがありますし、日本語でも似たようなものはあります。今は文字だけでなく、ユーザーアイコン [http://uifaces.com
デザイン

プロセスから学ぶペルソナ活用法

「ユーザーのためにデザインをする」という言葉はデザインの現場ではよく耳にする言葉ですが、ユーザー像が共有されていないこともあれば、それぞれ異なるニーズやゴールを想像していることがあります。また、ユーザーは「お客様」という少し遠い存在になりがちで、感情移入が難しいことがあります。 ペルソナをつかった共有や活用に興味があるけど、どのように始めたら良いのか分からない人は少なくないと思います。そこで「基礎からはじめるペルソナ活用法 [http://growthhack.academy/seminar-all/seminar14/] 」という講座をグロースハックアカデミー主催で開催しました。以前からワークショップ [http://www.yasuhisa.com/could/article/behind-scene-workshop/] でペルソナを扱っていましたが、今回は受講時間すべてペルソナについて深く学べるカリキュラムを組みました。 潜在ニーズや行動が分かるペルソナ ペルソナはユーザーインタビューや Web 解析など様々な調査データを基にして作られます。ワークショップという限られた
デザイン

デザインを理解してくれないと嘆く前に

分かっていないのは誰か？ デザインの評価 [http://www.yasuhisa.com/could/article/starting-design-critique/] は、デザイナー同士でも難しいこと。それが違う職種や背景の方と話をするとなると、さらに難しくなります。プロであれば、仮説を基にして議論をするよう努力しますが、周りがそうであるとは限りません。 人間工学者 Gitte Lindgaard が 2006 年に発表した文献「Attention web designers: You have 50 milliseconds to make a good first impression! [http://www.anaandjelic.typepad.com/files/attention-web-designers-2.pdf] 」によると、ユーザーはわずか 0.05 秒で Web サイトの見た目に判断を下すそうです。
考え方

クリエイティビティとコピーについて

複製、変形、結合。 これらは生物の進化において欠かせない現象です。細胞分裂という原始的な活動だけでなく、私たちのクリエイティビティにもいえることです。活版印刷から World Wide Web まで、私たち人類が作り出してきたものは「複製、変形、結合」を繰り返した結果といえるでしょう。私たちが無から突然生まれたものではないのと同様、クリエイティビティも進化の過程のなかから生まれています。 2011年に「Everything is a Remix（すべてはリミックスである）」というドキュメンタリー映画が公開されました。音楽や映画の歴史を振り返りながらアイデアはリミックスされ続けていることを分かりやすく解説しています。また、知的財産権の課題や、人がもつアイデアを自分のものにしたい欲についても触れています。 このドキュメンタリー映画は、他人のアイデアを好き勝手にコピーしても構わないといっているわけではありません。しかし、極端な知的財産権の行使や、アイデアに対する過剰な所有欲が人のクリエイティビティに良くない影響を及ぼすだろうと指摘しています。 クリエイティビティという言葉に、ど
UX

UXに関する疑問に答えて気づいたこと

8月8日、クリーク・アンド・リバー社主催のイベント「と、コラボ特別編 [http://www.creativevillage.ne.jp/6111]」で UX [http://www.yasuhisa.com/could/tag/UX/] をテーマに座談会をしました（#tocolabo [https://twitter.com/search?q=%E2%99%AFtocolabo]）。ポッドキャストで対談した [http://bit.ly/1L4dmlG]ネットイヤーグループ株式会社の坂本貴史さん [http://www.bookslope.jp/blog/] と参加者といっしょに「UXってなに？」という初歩的でありながらも難しい課題について話し合いました。セミナーでもワークショップでもない、話をするだけのイベントでしたが、参加者の満足度が非常に高い有意義な時間になりました。 上図: webディレクターの阿呆な研究
プロセス

データ中心になると忘れがちな直感の重要性

データだけでは答えは導き出せない チームで工程を進めていく上で、何か根拠のようなものが求められます。そこで、デザイン [http://www.yasuhisa.com/could/article/how-we-talk-about-design/]やコンテンツ [http://www.yasuhisa.com/could/article/creating-content-magic-sheet/] の定量・定性調査は欠かすことができません。「これは本当に使いやすいのか」「集客できるのか」「儲かるのか」といった様々な声に対して応えなければならない状況があります。 最近は解析ツールの発展や A/B テストのような模索がしやすくなったことで、データ収集の敷居が下がりました。そして、データを基に実践するための『プロセス』や『フレームワーク』も幾つかあります。しかし、周りが納得するための十分なデータと、確立した手法を用いてプロジェクトを進めれば成功が約束されるのかといえばそうではありません。 以前、ポッドキャストのリスナーから「UXデザインプロセスを実践しても失敗することはあるのか？ [
コンテンツ

わたしが広告を掲載しない理由

このサイトに始めて訪れた方は、広告がないことに気付いたでしょうか？ 以前から読者である方のなかには、このサイトにはなぜ広告がないのか不思議に思っている方もいるかもしれません。現在の Web 広告には以下 5 つの問題を抱えていると考えており、掲載を控えています。 1. 技術の問題 2. ユーザー体験の問題 3. デザインの問題 4. コンテンツの問題 5. モラルの問題 読者の足を引っ張る広告たち 何度か広告ネットワークから掲載オファーをいただいたことがあります。多くの場合、複数の JavaScript を埋め込む必要があり、パフォーマンスへの多大な影響がでることから掲載を断っています。うちのような小さなサイトであれば大きな変化はないかもしれません。しかし、ちょっとしたパフォーマンスへの負債が積み重なれば読者への影響も多大なものになります。 上記の数値は、ある有名な日本のブログメディアのトップページのファイルサイズとリクエスト数です。広告ブロックを使うことで、ファイルサイズとリクエスト数が著しく変わるところからみても分かる通り、広告はパフォーマンスの大きな足か
デザイン

利用者の声と意図のギャップを理解する

利用者の声は解ではない 利用者の声を受け止めて、よりよい製品を作りたいとデザイナーであれば考えるはずです。しかし、利用者の声がデザインの解を提示しているとは限りません。ときには根本的な問題の解決になっていないことがあります。 それを裏付ける考え方として、政治学者であり認知心理学者でもあるハーバード・サイモン [https://ja.wikipedia.org/wiki/ハーバート・サイモン]博士が 1956 年に提唱した「Satisficing [https://en.wikipedia.org/wiki/Satisficing]」という用語が参考になります。これは、Satisfy（満足）と Suffice（十分）を組み合わせた造語で、日本語では「こんなもん化（参照 [http://cruel.org/econthought/profiles/simon.html]）」「満足化（参照 [http://www.weblio.jp/
デザイン

プロトタイプの使いどころからみる紙の真価

今だからこそ再入門 2015年7月12日東京 OpenCU のイベント「CMS SUNDAY Vol.4 [http://opencu.com/events/cms-sunday-vol4]」に登壇しました。セミナーと一緒にワークショップも実施されましたが、CMS のカスタマイズ知識なくても参加できるカリキュラムが組まれていました。ファシリテーションを務めた羽山祥樹さん [https://twitter.com/storywriter] のワークショップの進め方も含めて勉強になる充実した１日になりました。私のほうはワークショップ前の準備運動としてプロトタイプの基本を振り返る話をしました。 2012年頃から [http://www.yasuhisa.com/could/article/prototype-the-future/] プロトタイプに関するセミナーやワークショップをしています。翌年にはデジタルハリウッド大学院 [http://www.yasuhisa.com/could/article/dh-prototyping-course/]でプロトタイプの講座も開いています。
サービス

マルチデバイス時代の評価課題と提案

今後はさらに測れない領域が増える 今のところウェアラブルデバイスの通知は賢いとは言えないものの、今後利用者の文脈に応じて柔軟かつタイミングよく送られてくる可能性があります。また、Google の App Indexing [https://developers.google.com/app-indexing/android/app] や、Apple の App Search [http://www.macstories.net/stories/inside-ios-9-search-apples-plan-for-more-connected-apps/] など、アプリとデバイスとの間、アプリとアプリとの間、アプリと Web との間があやふやになっていきます。ウェアラブルやスマートフォンでは、その瞬間に欲しいコンテンツへ直接アクセスするという行動が増えていくでしょう。今までのようにアプリアイコンをタップするだけが接点ではなくなりますし、アプリのトップ画面から見ていく必要もないわけです。 通知が賢くなり、そのとき欲しいコンテンツが届くことは利用者へのメリットは大きいです。しか
コンテンツ

コンテンツを見直すための魔法のシートが必要な理由

マーケティングとデザインの共通点 2015年6月27日大阪 Re:Creator’s Kansai [http://www.re-creators.jp/] 主催のイベント「基礎からきちんとマーケティング」に登壇しました。デザイナーとして働いているのでマーケティングは畑違いのように見えますが、以前から マーケティングを扱った記事 [http://www.yasuhisa.com/could/?s=%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0] をたくさん書いています。カスタマージャーニーマップ [http://www.yasuhisa.com/could/
仕事

制作者であれば書けたほうが良い理由と実践のコツ

経験をスキルとして活かす 何かメディアをはじめることで、ひとつのコンテンツを作ること、そして作り続けることの難しさを体感することができます。セルフブランディングに役立つのはもちろんですが、クライアントに提案する際にも自分でメディア運営しているかどうかで違いがあります。 読者はどのようなコンテンツを求めているのか、彼らがどのように読んでいるのかを意識するのようになりますし、的確な伝え方ができるような文章構造やデザインを意識できるようになります。また、制作者である私たちの手元から離れたあとのことを考えてデザインできるようになるのも、自ら様々な形状のコンテンツを出し続けることで考えられるようになります。 頭で分かっているだけで提案するのと、体感・経験をして提案するのでは内容も説得力も変わるはずです。 しかし「書こう！」と思ってもなかなか書けないことがあります。また、今はブログを立ち上げなくても様々なソーシャルメディアで簡単なリアクションが出せるようになりました。日々の生活模様を残すのであればブログである必要もありません。ブログの形状に拘ることはありませんが、自分の考えを文字にして書
Webデザイン

Webならではの表現を見つけるために捨てるべきこと

面白いから実装で良いのか コンテンツや利用者体験を重要視する動きは Web でもネイティブアプリでも見られるものの、Web サイトデザインにおいては空回りしているように見えることがあります。ときには Web サイトよりネイティブアプリのほうが良いと思われてしまうような表現や手法が使われていることも少なくありません。 上から下へスクロールするという多くの利用者が期待するユーザビリティでさえ、パララックスデザイン [http://www.creativebloq.com/web-design/parallax-scrolling-1131762] という表現によって破壊されていることがあります。パフォーマンスが重要視 [http://www.yasuhisa.com/could/article/peformance-is-design/]されているのかと思いきや、10 以上の JavaScript ライブラリを組み合わせた重たいサイトも未だにあります。それも「面白い表現」「ネイティブアプリのような見た目」を実現するためだけに実装されていることもあり、利用者には負荷がかかることがありま