デザインプロセス

「真っ白なFigmaの画面を前に、アイデアが何も浮かばない…」 「ユーザーインタビューの膨大な議事録、要約するだけで1日が終わってしまう…」 「このボタンの文言、『登録する』で本当にユーザーに響くんだろうか…」 「私のデザイン、エンジニアやPMになかなか意図が伝わらない…」 IT業界のデザイナーは、美しいビジュアルを作るだけでなく、ユーザーの課題を解決し、ビジネスを成功に導くという重要な役割を担っています。しかしその裏側では、地道なリサーチ、無限のアイデア出し、そして関係者との緻密なコミュニケーションに、多くの時間と精神を費やしているのではないでしょうか。 もし、あなたの隣に、24時間いつでも…

デザイナーの keita です。 年始にベンチプレスの MAX 測定をしたら 105kg でした。今年の目標は 120kg です。 この記事では、生成 AI をデザインプロセスに取り入れるためにチームで試行錯誤した内容を紹介します。ぜひ、最後までお付き合いください。 きっかけ はじめに AI を使ってみる インタビューデータからペルソナを作成 まずは 1 人ずつ整理 1 人のペルソナに統合 ペルソナの課題抽出 リサーチを AI で代替してみた結果 AI が作成したペルソナを使ってみる ペルソナにヘルプセンターの記事を評価させてみる 結果 最後に あとがき ボツ案 文字起こしデータから記事を作成…

テックタッチアドベントカレンダー16日目を担当する、デザイナーの keita です。 私の日課のひとつが NBA 観戦なんですが、今シーズン大活躍中の渡邊雄太選手から目が離せません！ネッツの背番号18のジャージ買って、一緒にブルックリンに応援しに行く人いませんか？ はじめに これまでの我々の開発プロセスは、兎にも角にも競合調査が中心でした。 ユーザーの課題を解決するためにはどういうソリューションが必要なのかを検討し、要件が薄ら見え始めた頃、競合他社には同じような機能がないかを調査します。そして UI や技術要件などが固まったら開発スタート！という流れでした。 課題 これまでのプロセスで特に問題…

はじめに 弁護士ドットコム デザイナーの林（@taka_piya）です。 弁護士ドットコム 案件管理システムでは、アプリケーションとUIの状態管理にXStateを用いたステートマシンでの管理を導入しています。 この記事では、UIデザインの考え方にステートマシンを導入し、実装まで一気通貫で行う方法と、そのメリットについて説明します。 はじめに UIは2つの要素からなっている ステートマシンを理解する 定義 状態遷移図 ステートマシンを使ったUIデザイン〜実装プロセス ステートマシンを定義する Figmaで表現する JavaScriptで表現する ステートマシンをアプリケーションに適用する UIデ…