Yasuhisa Hasegawa

Yasuhisa Hasegawa

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

https://x.com/yhassy https://www.facebook.com/yhassy/
ポッドキャスト

私のポッドキャスト録音と編集のやり方

続けるために楽をする おかげさまで Automagic Podcast [https://podcasts.apple.com/jp/podcast/automagic-podcast/id74183614] は 2019 年 7 月上旬で 250 回を迎えました。年々ゲストのバラエティが広がってきているおかげで、リスナーは今でも増え続けています。誰かに会うと「聞いている」と言われるので大変嬉しいです（恥ずかしいですが）。 ポッドキャストだけでなくブログにも言えますが、続けるためには無理のない仕組み作りが欠かせません。始めた頃はパソコンの内蔵マイクで録音して Audacity [https://www.audacityteam.org/] で編集という完全無料体制。機材や環境は徐々に充実させていますが、常に「どうやったら楽に続けられるか」を考えています。音に関して詳しくないですし、他のこともやりたいので力を注げない（注ぎたくない）のが理由かもしれません。 また、ゲストを呼ぶ形式の番組特有の難しさがあります。 * 会って話すのがベストだけど時間と場所の拘束が増えてしまう
UI

UIデザインのバグを減らすための施策

UIデザインにもあるバグ 今年の WWDC 2019 で印象に残っているセッションのひとつが「Introducing SwiftUI: Building Your First App [https://developer.apple.com/videos/play/wwdc2019/204/]」。SwiftUI は開発がよりスマートにできるようになるだけでなく、デザインツールの新しい可能性を示しているように見えました。SwiftUI はとてもエキサイティングですが、個人的に刺さったのが上の写真。改めて意訳した図を作りました。 UI デザインは単に理想型を作れば良いのではなく、様々な状態（ステート, State）を考慮する必要があります。情報量に応じてどう見せるかだけでなく、様々な種類のエラーにどう対応するか考えなければいけません。How to fix a bad user interface [https://www.scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-st
仕事

地方で勉強会を企画されている方へ

Webがなければ終わっていた 私は学生から就職までの 10 年間米国で暮らしていましたが、少し車を走らせれば地平線がどこまでも続く田舎町にいました。「これぞアメリカ」みたいな地域で暮らしたことは貴重な経験でしたが、テクノロジーと寄り添う仕事に就きたいと思う人には厳しい場所だったと思います。 Web デザインと呼ばれる分野が生まれたのは私が学生だった頃ですが、当時は先生もどう教えたら良いのか分からず、代わりに私が Dreamweaver の講義とアシスタントをしていました。グラフィックデザインを目指している人ばかりで、同じように web に興味をもっている人は周りにはいませんでしたし、勉強会やミートアップといった人と会う機会もありませんでした。 それでも続けられたのも、web ブラウザを開けば自分より数百倍すごい人が新しいモノを作っている姿を見ることができたから。文字通り森の中で住んでいましたが、常に世界と繋がっていたことが今の仕事ができている理由だと思っています（高速回線を使いたい放題だったのもプラスでしたが）。当時の web は『ニッチな世界』だったこともあって、同じような考
デザイン

フレームワークと共存できるデザインの向き合い方

フレームワークはクリエイティブを殺すのか プロダクトやサービスを運用しているサイトの多くは上図のようなフォーマットに収まります。画面上には大きな画像（又は動画）を背景に短めのメッセージ。3, 4 つの機能紹介、導入している企業のロゴが並ぶといった構成はよく見かけます。似たようなテンプレートがたくさんある [https://themeforest.net/search/startup]ように、定番になっていると言えるでしょう。 こうした無難な形状をした web サイトを「Bootstrap [https://getbootstrap.com/] っぽい」と表現することがあります。2011年にリリースされて以来、フロントエンドフレームワークとして多大な影響を与えた Bootstrap。模索・実装の敷居を下げたものの、同じような見た目の web サイトを量産したことを指摘される場合もあります。 フロントエンドフレームワークやデザインシステムのような『枠組み』に沿って作ることはクリエイティビティを奪うものだと危惧している方は少なくありません。実際、Bootstrap っぽい we
プレゼン

デザインが伝わらないシンプルな理由

ぬるま湯の会話が生む勘違い デザイナーだけに限った話ではないですが、クリエイティブ職の方との会話が楽なのは、感覚的なところもスッと通じ合えるところだと思います。見せるだけで「そうだよね！」「ちょっと違うよね」のような会話が始まります。こうしたコミュニケーションはひとつの理想ですが、言い換えると『ぬるま湯』です。気持ちが簡単に伝わるコミュニケーションだけしていると、それが当たり前と勘違いするだけでなく、周りが理解しないことに不満を抱いてしまいます。 例えば、何も文脈を共有していないまま以下のような言葉でデザインを説明しても伝わりません。 * 信頼性 * シンプル * ブランドに合う * 使いやすい * かっこいい * かわいい * 感情に響く * エモい デザイナー同士であればこうした言葉ですんなり伝わってしまうので、ついつい使いがちです。しかし周りからすればこれらはユルフワな表現で、何が言いたいのか分かりません。「信頼性」という言葉はよく使われますが、以下の質問を説明できなければ個人的な感覚に過ぎないわけです。 * そのプロジェクトにおいて