#未来をつくる

デザインの⽅針は決まった、デザインの基本的なメソッドやルールも勉強した、このウェブサイトで解決すべきユーザーの課題も理解した。でもいざビジュアルデザインに着⼿しようとしても、まず何から⼿をつければいいのかわからない……。経験が豊富でないデザイナーの⽅でこういうお悩みを抱えている⽅はいませんか？ この記事では、そういったデザイン初学者向けに、ビジュアルのスタイリングを実際に⾏う際に意識するとよいことをまとめました。パソコンの前で頭と⼿が⽌まってしまっているあなたの背中を押す⼀歩

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年ヒット予測ベスト3

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

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

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

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

テキストのデザインって難しいし奥が深い...。 テキストのデザインでは、字間や行間など様々なパラメータを最適化して読みやすい塩梅に調整するというのが一般的なはず。しかし、デザイン的にバランスが最適化された読みやすいはずのテキスト調整は本文のデザインという観点では必ずしも読みやすさに繋がるわけでなないかもしれないのです。 ## 読まれる頻度が高いであろう、いくつかのメディアサービスの本文デザインを確認してみると...？ Yahoo!ニュース、スマートニュース、日経新聞などを含む

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

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

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

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

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

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

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

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

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

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

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

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