#未来をつくる

1冊10分で読める本の要約を提供するサービス「flier（フライヤー）」。1日1冊以上のペースで要約を配信し、テキストと音声で利用できる。会員数は、個人・法人をあわせて累計124万人超え（2025年4月現在、無料会員を含む）。運営するフライヤー社（東京都千代田区）は2025年2月に東京証券取引所グロース市場へ新規上場したばかりと、勢いに乗っている。コスパ・タイパの意識が高い現代人に好まれているflierだが、どんな体験設計やデザインが心地よさや利便性につながっているのか。デザイナーの筒井大尊氏に

ヌーラボ社（福岡市）が提供する「Backlog」は、チームで働く全ての人をターゲットに、「親しみやすい操作性」や「多機能」を追求。「このチームで仕事ができてよかった」と思えるツールを目指している。2005年のβ版のリリースから早20年。今やエンジニアやデザイナーなど143万人が利用する人気のプロジェクト・タスク管理ツールとなった。国内外での受賞歴があり、海外のユーザー拡大も狙う。なぜ、Backlogはこれほどの支持を得られたのか。プロダクトマネージャー（PdM）の吉澤 毅氏に、「サービスの強み」

ここ数年でデジタルプロダクトデザイン領域に定着しつつあるUXリサーチ文化。ユーザー理解を深めながらプロダクトを改善していく合理的な取り組みですが、デザイナーの職務領域で、実際に手を動かしてデザインをすることよりも質問や説明など「話すこと」が仕事全体の質を大きく左右するケースが増えたように思います。普段から話すことが苦手な方や、緊張しやすい方は戸惑うシーンが増えているのではないでしょうか。このシリーズでは、そんな話しベタさんがUXリサーチを諦めずに取り組めるようなやり方を3回に分けてご紹介していき

私たちは日々、さまざまなプロダクトやサービスを利用しています。そして多くのデザイナーや開発者は、ユーザーの「ニーズ」や「ペインポイント（痛み・不満）」を発見し、解消することを目指しています。ところが、ユーザーの要求は必ずしも単純ではありません。 たとえばAという機能が欲しい一方で、Bという条件も大事にしたい。コストを抑えたいが品質は妥協したくない。時間をかけて比較検討したいが、早く決めて楽になりたい ―。このような相反する欲求や価値観が衝突する状態が、ユーザー体験の複雑性として存在します。ここで

近年「UXライター」という肩書きを目にすることが増えたが、実際にUXライターがいる企業はまだ少数。多くの企業では、デザイナーやプロダクトマネージャーが感覚を頼りにUXライティングを担っているのが現状だ。今回はメルカリ唯一のUXライター・小川洸生さんに、UXライティングで自社らしさを出すコツや、UXライティングガイドライン策定の背景について話を伺った。編集プロダクションなどで、編集者・ライターとして働いていた小川さんは、2019年エディターとしてメルカリに入社した。当初の仕事は、アプリの使い方や出

2021年末に誕生したテキスト通話アプリ「Jiffcy（ジフシー）」の注目度が上昇している。電話のように相手を呼び出した後、リアルタイムでテキストのやり取りをするというシンプルな機能性だが、「これまでにない体験ができる」としてα・Z世代を中心に利用者が増えているのだ。2024年10月にはロゴ・アイコン・アプリデザインを刷新、かつ機能性をシンプルに絞り込むリブランディングを実施。2024年11月1日発売の「日経トレンディ2024年12月号」では、「2025年ヒット予測ベスト30」で10位にランクイ

UXデザインの世界では良く知られているユーザージャーニーマップ。多くの場合は、リサーチをもとにプロダクトを利用するユーザーの体験を時系列にまとめて改善ポイントを洗い出すような使い方をすることが多いと思います。このような場合に描かれるユーザージャーニーマップは、基本的にユーザーがプロダクトを利用している時の体験を中心としているため、プロダクト内の体験を改善するアイデアを考えるきっかけにはなるものの、ユーザーがプロダクトを使用していない日常に新たなタッチポイントを創出したり、プロダクトを再度開くきっ

インタラクションの設計は、デザイナーとエンジニアの間で責任範囲が曖昧であったり、デザイナー視点ではデザインファイルやプロトタイプ上で表現することが難しかったりと、ユーザー体験に最適化した実装を行うためのハードルがいくつか存在します。今回はそんなインラタクションの設計の中でも、スムーズなUIの操作性に影響する「Optimistic Update（楽観的更新）」という実装パターンを紹介します。今回紹介するのは「Optimistic Update」、つまり楽観的な更新です。ここでいう「楽観的」とは、あ

モバイルアプリをデザインする際には、基本的に各OSに標準搭載されているフォントを使用することが多いと思います。もちろん、アプリ配信用のフォントライセンスを購入してアプリに組み込むことは可能ですが、アプリにバンドルするためのフォントライセンスはダウンロード数によって金額が異なるなど、考慮するべき点も多く標準フォントを使うことのメリットを上回るような導入理由はあまりないでしょう。iOSとAndroidで使える日本語フォントといえば、それぞれHiragino SansとNoto Sansですね。では、

インタラクションの制御に関する実装はユーザー体験に大きく影響するものの、デザインファイルやプロトタイプ上で表現することが難しく、システムの挙動を細かくデザイナーとエンジニアで調整するようなことも多いかと思います。しかし、このような時に取り入れられる技術的な実装パターンには名前がついていることも多く、デザイナーが実装パターンの名前を知っているだけでエンジニアとのコミュニケーションがスムーズになることも多いのではないでしょうか？今回は、そんなちょっと技術的だけど知っておくだけで役立つコンセプトからイ

テキストのデザインって難しいし奥が深い...。テキストのデザインでは、字間や行間など様々なパラメータを最適化して読みやすい塩梅に調整するというのが一般的なはず。しかし、デザイン的にバランスが最適化された読みやすいはずのテキスト調整は本文のデザインという観点では必ずしも読みやすさに繋がるわけでなないかもしれないのです。Yahoo!ニュース、スマートニュース、日経新聞などを含む多くのメディアサービスの本文を見てみると、ほとんどのサービスで本文デザインは以下のようになっています。フォントサイズ: 16

デジタル庁やSmartHRのものなど、よくレファレンスとして参考にされる有名なデザインシステムのコンポーネントライブラリでは、「コンポーネント」としてすべてのパーツを定義し、あまり細かく階層を分けないケースが多いように思います。つまり、デザイン観点ではアトミックデザインのようなコンポーネント階層を無理に導入しない方が良いという結論に至っていそうに見えます。このような定義方法はデザインガイドラインの運用上、わかりやすく、管理もしやすいのではないかと思います。一方で、システムの実装的な観点で見るとも

世界で活躍するデザイナーの仕事の裏側が知れるNetflix番組「アート・オブ・デザイン」。シーズン2に登場する、イアン・スパルターは2016年にInstagramのアイコンをリデザインしたことで知られています。その後Instagramは写真を投稿するアプリにとどまらず、月間14億人以上が利用する巨大SNS、人々の自己表現の場となりました。イアン・スパルターはInstagramのアプリのUX・UI、アイコンのリデザインのあと、現在はMetaの日本支部でメタバースデザインディレクターとして働いていま

前身のウェブ制作会社「レターズ」を経て、2011年から活動しているデジタルデザインスタジオ「Garden Eight」。国際的にすぐれたウェブサイトを表彰するAwwwardsやFWAなど多くの受賞歴があり、業界内で注目度の高い企業の一つです。創業当時から現在も7名と少数精鋭を貫く同社は、どのようにして国内外で評価される実績を輩出してきたのか。下北沢にあるオフィスを訪ね、CEOの野間寛貴氏にインタビューしました。―― 現在の運営体制を教えてください。創業当時からメンバーは、ほぼ変わりません。現在は

GmailやOutlookをはじめとした無数のメーラーの挙動の違いや、Webブラウザとは異なるCSSの制約など、実はHTMLメールの実装には多くの知見を要します。例えばレイアウトにはFlexboxを使用できずテーブルタグを使う必要があるなど、Webサービスの実装方法と大きく異なるメールのコーディングは多くのエンジニアを悩ませます。一方でデザイナーの立場からすると、メールのデザインはユーザー体験の重要な要素となるため、見た目にもこだわって作りたいもの。では、実装上の制約に従いながらも多種多様なメー

オブジェクトに対する操作を中心にユーザー体験を設計するOOUX（Object Oriented UX）と呼ばれる手法はUXデザインの世界で広く知られるようになってきたように思います。しかし、オブジェクトを意識してデザインしていても、「気づいたら途中からユーザーアクション主導の作り方になっていた」というケースもよくあります。デザイナー的な視点では「これって本当にオブジェクト化できるのだろうか？」という疑問が浮かんできたタイミングがこれに当たりそうです。これは、OOUXの主軸となる「オブジェクトマッ

ファッション誌やハイブランドのロゴとしてよく使用されていることから、高級でおしゃれなイメージがある書体「Didot（ディド）」と「Bodoni（ボドニ）」について、その成り立ちや使い分けに役立ちそうなポイントを紹介します。一見するとデザインが似ているDidotとBodoniですが、それは制作された時代背景と、表現したいコンセプトが同じであったことが理由であると考えられます。Didotはフランスで、印刷業で働いていたFirmin Didot（フェルミン・ディド）によって、Bodoniはイタリアで、

「StoryTribe」はロンドンのStoryTribe Ltd.社が開発、2024年春に発表したアプリ。直感的に手を動かして、絵コンテやアニメーションを簡単に作れるブラウザベースのツールです。シンプルな作業で、時間をかけずにストーリーボードを作成できるのが魅力。絵を描いたりデザインしたりすることに苦手意識がある人でも、パーツを選んで組み合わせるだけなので、考えを形にする作業がスムーズ！　作業スピードUPやコスト削減も叶いそうです。ストーリーボードを手軽に作れるといっても、「StoryTribe

チップ・キッドによる『判断のデザイン』（原題「Judge This」／朝日出版社）は示唆に富んだ一冊です。チップ・キッド（Chip KIDD）はニューヨーク在住のデザイナーで、オリヴァー・サックス、マイケル・クライトン、村上春樹の小説など数々の書籍の装丁を担当してきました。人の第一印象をどう印象づけるかを明快な基準で考える、この本のコンセプトはブックデザイン以外にも参考になるはずです。「第一印象がすべて」とキッドは言います。『判断のデザイン』では本の表紙、映画のポスター、Webサイト、ペプシの缶

みなさんは、AARRRをご存知でしょうか？AARRRモデルは、主にグロースハックの文脈で事業成長を目指すために取り入れられるフレームワークですが、特にBtoCのアプリやWebサービスの改善ととても相性が良く、デザイナーとしても多くのプロダクト改善に取り入れることができるものとなっています。今回は、特に取り入れやすい「Activation（ユーザー活性化）」フェーズの改善に注目して、具体的な施策とともにデザイン改善がビジネスに与えるインパクトを含めて見ていきたいと思います。簡単に説明すると、AAR

先日、家族でディズニーランドに行ってきました。幼少期から遊園地ではしゃぐタイプではなかったのですが、思い込みだったのかもしれません。今では子ども顔負けに行くのを楽しめるようになりました。とはいえ、40歳を超えると体がついてきません。子どもが「ダンボ！」「メリーゴーラウンド！」「ベイマックス！」と言うたび「また回るのか！」と三半規管の弱い私はびくびくしてしまいます。そんな私が一番楽しみにしているのが「ファンタジーランド」にある、「ミッキーのマジカルミュージックワールド」。予約すれば雨の日もゆっくり

GA4... 名前からして難しそうな感じがしますよね。ちょっと前まではGoogle Analyticsとして知られていたものが、最近のアップデートでGA4と呼ばれるようになりました。そして最近は「ページ滞在時間を改善したい」「リテンションを改善したい」などなど、デザイナーにもユーザー行動データについての理解が求められるようになってきています。今回は、「新しいプロジェクトに入ったときにGA4へのアクセス権をもらったけど、グラフの画面を開いてそっと閉じた..」という方の気持ちが少しでも楽になるように

デザイナーの皆さんは、MacでUSキーボードと日本語キーボードのどちらを使っていますか？USキーボードには、ひらがなの印字がなく見た目がシンプルなのでそちらを使っているという人も多いかもしれません。ただこのUSキーボードで日本語入力を使うと直面するのが、「入力言語切り替えが使いにくい」という問題です。日本語キーボードでは、スペースキーの両隣に「英数」と「かな」キーがあり、ユーザーは「左が英語で右は日本語」として記憶することができます。一方、USキーボードで入力言語を切り替えようとすると『comm

Optima（オプティマ）は、ドイツの書体デザイナーHermann Zapf（ヘルマン・ツァップ）によってデザインされ、1958年にリリースされた欧文書体です。ヒューマニスト・サンセリフ体に分類されますが、一般的な”サンセリフ体”とは少し違うイメージを持った人も多いのではないでしょうか。縦線と横線の太さのコントラストや、セリフを示唆するようなエレメントが残っているため、サンセリフ体なのにセリフ体のようなエレガントさがあるのが、Optimaの特徴と言えます。この特徴はどこから来ているのか、Opti