最新記事

進化の速いデジタルプロダクト領域のCDOのキャリアを深掘りします。 今回はケーキ職人からデザインの道へ、そして現在は株式会社プレイドでCDOという異色のキャリアを切り拓いた鈴木健一さんに、これまでのキャリア変遷とキャリア形成のヒントを伺いました。 デザイナーの方はもちろん、これからデザイナーを目指したい方もこの記事を読んでご自身のキャリアの参考にしてみてはいかがでしょうか？ ## 組織と人に向き合うことで見つけたCDOの役割 ―― 現在はCDOとしてどのようなお仕事をされてい

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

「AIはみんなのものか？」――国際コンサルティング会社のアクセンチュアは今年10月、オランダ・アイントホーフェン市で開催された世界的なデザインイベント「ダッチ・デザイン・ウィーク（DDW）」で、来場者にこのような疑問を投げかけました。同社はDDWでの展示を通じて、インクルーシブなデザインのためのプロセスを解説するとともに、AIを使った具体的なアプリを紹介しました。 インクルーシブなAIアプリとはどのようなものなのでしょうか？そして、それはどのようなプロセスで設計されるのでしょ

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

イギリス・ロンドン発祥の「インクルーシブデザイン」は、障がいがある人や多様なバックグラウンドを持つ人、高齢者など従来の製品やサービスから排除されてきた人たちをデザインプロセスの上流から巻き込み、共創する手法とされる。 現在はより広義な意味合いで使われており、身体的、認知的、感覚的、言語的、文化的な多様性に考慮するデザインプロセスやそのデザイン自体、サービスを社会実装する際の配慮なども含めて「インクルーシブデザイン」と呼ぶそうだ。 インクルーシブデザインの重要性は認識していても

2024年5月、集英社は縦読みマンガアプリ「ジャンプTOON（トゥーン）」をリリースした。同社が築いてきた「週刊少年ジャンプ（以下、ジャンプ）」、及びマンガ誌アプリ「少年ジャンプ＋」のブランド力を武器に、近年盛況な縦読みマンガ市場へ参入したという。 「ジャンプTOONには、どんな狙いがあり、競合他社のサービスとどうUI・UXの差別化を図っているのか。同アプリの統括編集長 浅田貴典氏と開発を担当したサイバーエージェント社の開発チームに取材した。 サムネイル：（左）©ジャンプTO

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

非オシャレデザイナーの焦燥 デザイナー。この肩書き、果たしてデザイナー以外にはどう響くのだろうか。 いろいろあるだろうが、「デザインをなりわいにする人種なんてものは、感性がするどくセンスがよくておしゃれに違いない」…と期待されている気がする。もちろん純度百パー私の思い込みだが。 デザイナーたるもの、ベーシックかつ上質でありながら、さりげない個性のある「技あり」ファッションを身に纏い、デスクの環境整備も抜かりなく、間違っても無様に垂れ下がるコードとか謎のカラーボックスとかは存在

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

毎年10月、オランダ南部のアイントホーフェン市で開催されるデザインの祭典「ダッチ・デザイン・ウィーク（DDW）」が今年も盛大に開かれました。23年前に始まった同イベントは年々規模が拡大し、現在は世界中から2,600人のデザイナーが出展する一大イベントに発展しています。 今年のテーマは「Real Unreal（現実と非現実）」。私たちは現実と非現実を理解しているのだろうか……という問いが投げかけられました。出展された作品は、建築やインテリア、ファッション、小物、食品から都市空間

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

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

近年、デザイナーの仕事がデザイン制作から、ユーザーの体験設計、さらには事業の未来を左右するようなプロダクト戦略の策定など、モノを作るという役割から「課題解決」にシフトしています。 そんな中、優秀なデザイナーの採用はどの企業にとっても重要な課題となっています。unprintedでは、メディアの読者である数多くのデザイナーにインタビュー調査を行い、デザイナーが転職の際に重視しているポイントや必要としている情報を調査しました。 本記事では、このデザイナーへのインタビューから得た情報

みなさんは週末、何をしていますか？最近はとにかく暑くて、せっかくの週末に何もやる気が起きなかったり、リフレッシュのために出かけてみても逆に疲れてしまったり…そしてやってくる月曜日には、もう一週間乗り切れる自信がなくなってしまう。 ## 優雅なルーティンではなくてもOK！ Sunday Reset Routineとは？ 海外のYouTube動画などで人気の「Sunday Reset Routine」は、準備と体を休めるリラックスタイムをルーティーンとしてまとめたもの。日曜日の1

2013年10月にサービスを開始し、1,600万ダウンロードを突破しているZOZOのファッションコーディネートアプリ「WEAR」。2024年5月にはファッションに特化したAIを活用してリニューアル、「好みのジャンル傾向」がわかるファッションジャンル診断や画面上でさまざまなメイクを試せる「WEARお試しメイク」などを新たに提供開始している。 インフルエンサーをはじめ、一般ユーザーもファッションコーディネートやメイク画像を投稿でき、能動的に楽しめるコンテンツが充実している。本記事

突然ですが、皆さんは自分の仕事を周りに何と説明していますか？ 〇〇デザイナーといった職種名は”何をデザインするのか”というデザインの対象に視点を置いたものとなっているものの、デザインの対象や責任範囲がえてして横断的であるデジタルデザイン界隈では、これらの職種名が正確な職責を反映しているケースは少ないのではないでしょうか？ 結局、これらの職種を名乗る者も、募集する企業もそれぞれの事情で便宜的に使い分けているケースが多いと思います。 思い切って「デザイナーです」とまとめてしまうの

Figmaには複数の要素をまとめる方法に「グループ」と「フレーム」が存在します。今回解説するオートレイアウトは、「フレーム」の中の要素を整列させたり、配置・間隔を自動で調整する機能です。 使いこなせるととても便利な機能なので、まずは基本から習得しましょう！ 最初に、オートレイアウトの適用方法を説明します。 適用の仕方は、 1. 複数の要素を選択 2. 右メニューから「オートレイアウト」を選択（shift+A） 次に、要素の間隔、周りの余白（パディング）を指定する方法を説明しま

コンテンツ配信サービスにおいて、「人気ランキング」は必須の機能でもあるかのように多くのサービスで取り入れられています。もちろん、ランキングはユーザーにとってコンテンツ選びの重要な指針となる上、サービス運営視点でも効率的なレコメンデーション手法であることは確かです。 一方で、ランキングのような数値的な人気指標を取り入れないという方針を持ったnoteのようなサービスも存在します。これは数値的な人気指標の弊害を強く認識しているからこその選択でしょう。しかし、数値的に表現できる"人気

「実存しないアプリのデザインをして何の意味があるの？」 これはデザインSNSのDribbble全盛期によく見かけた批判です。かつてDribbbleは、特にデジタルプロダクトデザインの分野でデザイナーたちが自身のデザイン表現やインタラクションのアイデア、プロトタイプを発信する場として人気を集め、デザイナーが好意的なコメントでお互いの活動を称え合う、居心地の良いコミュニティーでした。 投稿されるデザインはバスケットボールをモチーフとしたサービスコンセプトに合わせて「Shot」と呼

Figmaでデザインをした際に、画面遷移図を作成したい時はありませんか？ そんなときは、プラグイン「Autoflow」を使うと簡単に作成が可能です。 使い方は、 1. オブジェクトを作成 2. Autoflowのプラグインを選択 3. Shiftを押しながら矢印の始点→終点の順でオブジェクトを選択 また、プラグインで矢印の太さなどの調整や説明テキストを追加することが可能です。 ちなみに、プラグインを使わなくてもFigJamから矢印をコピー&ペーストしてフローチャートを作ること

2024年9月1日で、設立3年を迎えたデジタル庁。「誰一人取り残されない、人にやさしいデジタル社会の実現」を目指し、「Visit Japan Web」「ワクチン接種証明書アプリ」「マイナポータル」などの行政サービスを手がける。 今回話を聞くのは、金成奎（きん・せいけい）さん。デジタルサービスのデザインやユーザー体験の設計に携わるプロダクトデザイナーだ。30歳からデザイナーとして歩み始め、民間企業でビジュアルデザインやアートディレクションを手がけていた金さんは、なぜデジタル庁に

Figmaでコンポーネントを解除したい時やインスタンスをフレーム化して編集したい時はありませんか？ 実はコンポーネントを直接解除する方法はありません。しかし間接的に解除することはできるため、本記事ではその方法を解説します。 コンポーネントには、マスターコンポーネントとインスタンスが存在します。マスターコンポーネント（Master Component）：スタイルを編集・変更できるインスタンス（Instance）： マスターコンポーネントのスタイルが自動で同期される（スタイルを上

ヨーロッパを拠点とする4人のデザイナーがこのたび、『和紙フューチャリズム』（日本語・英語を併記）という書籍を出版しました。これは島根県の伝統工芸で、ユネスコの無形文化遺産にも登録されている「石州和紙」を世界に紹介するものです。その歴史から、作り方、実用例、加工方法、職人へのインタビュー、未来の展望など、和紙の世界を総合的に網羅しています。 同書がユニークなのは、実際に触って感じられる和紙サンプルと、特定のページでAR（現実拡張）が楽しめる点。デジタルとアナログの融合で、五感を

Figmaでテキストを縦書きにしたい時はありませんか？ 本記事では、テキストを縦書きにする方法を解説します。 1. フォントは日本語フォントを使用 2. フォントサイズ（Font Size）とテキストオブジェクトの幅（Width）と行間（Line height）を同じ大きさにする 3. テキストのオプション> 詳細設定からVertical alternatesにチェックをつける テキストを縦にするだけでは長音符（ー）や句点・句読点（、。）などが横書きの方向になってしまいますが