Yasuhisa Hasegawa

Yasuhisa Hasegawa

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

デザイン

より良いデザイン批評をするための質問

デザイナーや開発者であれば、アプリや Web サイトを見ると何かしらリアクションがあると思います。「かっこいい」「面白い」「使いやすい」といった感想は、口に出さなかったとしても考えることです。第一印象から生まれる感覚は大事ですし、常に身の回りにあるデザインに意識を向けることは良いことです。しかし、そうした感情的なリアクションがデザインに対する良い批評にならないことがあります。 批評やフィードバックは、現行のデザインをさらに良くするために行われます。「これは使いにくい」はひとつの感想ではありますが、次のステップのための道筋とは言えません。それが誰にとって、なぜ使いにくいのかを共有しないままでは意図が伝わっていないようなものです。むしろ、使いにくいものを作ってしまったデザイナー個人への批判に聞こえてしまう恐れもあります。デザイナー自身も、すべてのフィードバックが個人に向けられているものではないことを認識すべきですが、コミュニケーションの工夫が必要です。 デザイン批評 [http://www.yasuhisa.com/could/article/design-ciritique/]

UX

今後のデザインに欠かせないユーザーの瞬間の理解と共有

Apple Watch [http://www.apple.com/watch/] をはじめとしたウェアラブルを使い始めてから、瞬間の体験 [http://www.yasuhisa.com/could/diary/glance-experience-design/] についてよく考えるようになりました。しかし、実際のところスマートフォンでも瞬間(ひととき)は存在しています。Google は 4 月に「Micro-Moment [https://www.thinkwithgoogle.com/articles/how-micromoments-are-changing-rules.html] 」という状態を提示しました。Webサイトやアプリと、きちんと向き合って操作するのではなく、突発的に起こった欲求に対して即座に行動をとる状態を指します。Micro-Moment は以下のような要素で構成されています。 * 今この瞬間に訪れる欲求(リアルタイム) * ある特定の目的がある(意図的) * 一番近くにあるデバイスを選ぶ(マルチデバイス) * ながら作業のときが多い(マルチタスク

仕事

営業から学べる、ニーズを聞き出すためのノウハウ

GitHub には早い時期から営業チームがいた [https://github.com/blog/1230-optimizing-sales-for-happiness] ことで知られています。開発者向けの製品やサービスであれば、良いものであれば口コミでどんどん広がるイメージがあります。GitHubもそういったサービスのひとつのように見えますが、より多くの方に使ってもらうために営業チームを作ったそうです。チームで使わないと GitHub のようなサービスは機能しません。また、有料サービス申し込みも PayPal で支払って準備完了!といった簡単作業ではありません。支払い権限をもっている方は GitHub を見たことも聞いたこともない方もいるはず。そういった場合、営業チームが出向いてお客様の特異なニーズを調査するそうです。 「営業」という言葉に良いイメージをもっていない方もいると思います。ハリウッド映画などで描かれている、売るためなら手段を選ばない営業像が先行しているのかもしれません。しかし、優秀な営業は製品やサービスの改善ための重要な役割を果たしています。彼らは顧客の要求、願望、

デザイン

デザイナーであればウェアラブルを今持つべき理由

まず体感せよ 一昨年くらいから Jawbone UP [https://jawbone.com/store/buy/up24] や、Android のスマートウォッチ [http://www.sonymobile.co.jp/product/smartwear/swr50/] など、幾つかのウェアラブルを試しています。先月発売された、Apple Watch [http://www.apple.com/jp/watch/] もしばらく使い続けています。「これで生活が変わりました!」と言えるほどの劇的な変化はないものの、発見や気づきがあります。 まだ購入を悩んでいる方がいると思いますが、デザイナーであれば何でも良いのでウェアラブルを今から付けて生活をしたほうが良いと思います。 もちろん今のウェアラブル市場は『幼少期』と同じようなものです。パフォーマンスも良くないですし、デバイスにインストールするアプリも「なぜか分からないけど、違う」という感覚を得ることになるでしょう。スマートフォンと似たような構造や操作感を、スマートウォッチ用に小さくしただけのアプリもたくさんあります。スマートフ

デザイン

デザインプロセスに共通する4つの段階と必要とされる能力

出すことを前提としたプロセス 製品のデザイン戦略を定義し、それを基に調査を実施。そこからプロトタイプを作成、分析・検証というサイクルを繰り返すといったデザインプロセスがあります。こうしたプロセスを早く効率的に行う手法としてリーンやアジャイルがありますが、それがすべての答えではありません。基本を知ることは重要ですが、「プロセスに沿って正しくやろう」「こうするべきだ」と固持しても結果に繋がらないことがあります。 手法と同じくらい重要なのが、組織の文化。どのようなスキルセットをもっているのかはもちろん、働き方、コミュニケーションの仕方が手法の取り入れ方に大きく影響します。「銀の弾丸」とも呼べる無敵の手法はありませんし、組織に合う手法を見つけ出すことが『ひとつの旅』と言えるかもしれません。 それぞれ自分たちに合うプロセスを探すことになるものの、どの場合でも共通していることは幾つかあります。今私が考える共通していることをまとめると上図のようになります。図には大きく 4 つの段階が含まれています。 アウトプット 手描きのスケッチからコードで書かれた動作するものまで、まず何かを作り出す段階

コンテンツ

ユーザーを補助するための「見せる」コンテンツ

語るより見せたほうが早い スマートフォンをはじめとしたタッチデバイスが世の出回って 5 年以上経つわけですが、タッチ & ジェスチャーをどうすれば良いのか分からないことがあります。アプリによって右スワイプというシンプルな動作のフィードバックが異なりますし、特殊なジェスチャーで機能へアクセスできるものもあります。分断化するジェスチャー操作は 随分昔からの課題ですが [http://www.yasuhisa.com/could/article/gesture-ui/]、最近ではユーザーの オンボーディング体験 [https://www.useronboard.com/]を通じて、操作を学習してもらうといった対策がなされているところもあります。 特殊な操作をユーザーに学習してもらうには、どのような表現が適しているのでしょうか。 従来は明確なテキストや、スクリーンショットを通して説明することが多かったですが、最近では動画が使われる機会が増えています。OS X で関心したのが「システム環境設定」のなかにあるトラックパッドの設定画面です。通知センターや、辞書で調べるといった操作をジェスチャー

コーディングWebアクセシビリティ
アクセシビリティ

コーディングWebアクセシビリティ

実践的な入門書 Webアクセシビリティの関連書籍は元々数が少ないですが、どれもお堅いイメージが漂うものばかり。そうしたなか、表紙から入りやすそうな「 コーディングWebアクセシビリティ [https://www.amazon.co.jp/dp/4862462669?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=4862462669&adid=0SW8PF9DM90BZV60E9YZ&] 」は、ひとつ特異な存在ですし、今までの Web アクセシビリティ書籍のイメージを払拭しています。恐らくジャケ買い、またはジャケ立ち読みした人もいるのではないでしょうか。圧迫感のない文字の扱い、豊富にある図やイラストも、表紙の雰囲気を裏切っていません。 やさしく基本から書かれていますが、フォームやモーダルウィンドウといった、実装に悩む UI のアクセシビリティ向上のヒントが紹介されており、現場ですぐ使えるノウハウも盛り込まれています。章ごとに大きく「インターフェイスの概念」「実装のためのルール」

コンテンツ

BuzzFeedからみるコンテンツ設計・配信の未来

コンテンツを科学するBuzzFeed ソーシャルメディアで拡散しやすいコンテンツを量産する BuzzFeed [http://buzzfeed.com] 。リストや占いといった『釣りやすい』記事を掲載する一方、長期取材・調査をした骨太な記事も掲載しています。また、スポンサー記事 [http://www.yasuhisa.com/could/article/native-ads/] のような企業と読者との間に新たな接点を作る試みもしています。 BuzzFeed が他のニュースサイトと一線を介しているのは、ソーシャルメディアを利用して多種多様なコンテンツを配信しているところだけでなく、 すべてのコンテンツ配信を科学している 点。ビックデータを解析し、ユーザーインターフェイスだけでなく、コンテンツもデータの裏付けを基に模索しています。どのようなヘッドラインだと良いのかといったコピーだけでなく、文章や画像をどのような順番で並べると効果が上がるのかまで見ています。BuzzFeed の Data Blog [http://www.buzzfeed.com/datablog] では、彼らのデー

コンテンツ

コンテンツ更新の課題と続けるためのヒント

続けるための仕組みつくり 個人でも企業でも関係なくメディアカンパニーのように振る舞う [http://www.yasuhisa.com/could/article/you-are-media-company/]ことが必須になりつつある現在。SEO の観点でも、断片化する人々のライフスタイルをみても、ただ Web サイトを作って待っていても意味がないことが分かります。 Web サイトは利用者のためになるコンテンツを配信していくべきですが、言うのと実践するとでは大きな違いがあるのが Web サイトの更新。個人であれば、「がんばって書く」で良いかもしれませんが、企業になると、そうはいかなくなります。ちょっとした更新にも様々な課題が生じます。 更新のための施策が不透明更新頻度だけでなく、どのような種類のコンテンツをどう更新するべきなのかが共有されていないことがあります。受動的な更新 外圧があるまで、又はイベントが発生するまで更新しないという消極的な姿勢になりがちです。確立されていないワークフロー 法律に関わる内容など、コンテンツによって承認のためのワークフローが複雑になることがあります