デザイナーも身につけておきたい意図を引き出す質問の秘訣
質問の仕方で変わることがあるデザイナーにとって、プロダクトマネージャーやエンジニアとの効果的なコミュニケーションは、良いデジタルプロダクトを生み出すために欠かせません。ドキュメントや打ち合わせを通して施策への理解を深めていきますが、情報のインプットだけでは分からないことがあります。そこで、意図を明らかにするために質問をするわけですが、ただ「なぜですか？」と尋ねても望む返答が得られない場合があります。では、どのように質問すれば良いのでしょうか。 私自身、まだ完全にできているわけではありませんが、質問するときの秘訣がいくつかあります。 相手の見解に興味を示す良い質問をするために最も重要なのは、純粋な好奇心です。プロダクトマネージャーやエンジニアの見解に興味を持ち、もっと知りたいと思う気持ちが、良い質問を生み出します。抽象的に聞こえるかもしれませんが、形式的な質問を覚えるより、ずっと効果的です。
AIでデザイナーの働き方は既に変わったと思う
2023年はAIの年今年、話題から逃れられないほど、AIに関する話題が非常に盛り上がりました。画期的な革新は少なかったものの、既存の技術が徐々に洗練されているのが感じられます。洗練されてきたからこそ、私の働き方に影響を与えたのかもしれません。革新的な出来事は少なかったですが、多くの新しいモデルやサービスが発表されました。以下に挙げるのはその一部です。 テキストGoogle BardLlama 2GrokCustom Instruction for ChatGPTOverflow AI画像Adobe FireflyDALL·E 3Midjourney v6Stability AIShutterstock AI自分のイラストのテイストを基にFireflyで生成した例。ビデオGen-2 by RunwayPikaHeyGen今年の AI に関する政策や規制の動向を包括的に捉えるには、タイムライン
ブレストの過信に注意しよう
慣れている人にとって都合が良い活動コラボレーション活動の一環でブレスト（Brainstorming）が行われることがあります。制約 / 正解を意識しなくて良い場を作ることで、幅広いアイデアが集まるのがブレストの魅力。「皆で考える」という活動を通して、新たな会話を生まれるなどチームビルディングの観点でのメリットもあります。デザイン思考の一部として紹介されることもあるので、デザイナーには馴染みの深い活動ですが、私がファシリテーションするワークショップではリアルタイムでワッとアイデアを出し合うブレストを避けることがあります。 ブレストの名付け親は広告代理店を経営していた Alex Osbornと言われています。クリエイティブな仕事をしている方が考案したこともあり、デザイナーなど様々なアイデアを出すことがプロセスの一部なっている仕事との相性は良いと思います。ブレストというグループワークをしていなか
UXリサーチでAIが使えるか検証してみた
AI はリサーチに使える？ここ数年、インタビューをはじめとした定性調査のデータベース化やインサイトの整理の支援をしています。データベースはプロジェクト単位では見え難い、横断的な傾向が見える場合があるものの、運用コストがかかります。 短期的なメリットが見え難いだけでなく、運用負荷がかかるので片手間では続きません。インタビューのように文字起こしや要点をまとめるなど時間がかかる作業が多いのも長続きしない理由です。 こうした課題を解決するための自動化をいろいろ試していますが、昨年から AI（人工知能）をリサーチ分析に使えないか検証を始めています。例えば Google の Cloud Natural Language でテキストマイニングをし、ユーザーが使っている言葉の頻度を視覚化できないか試していました。ユーザーフィードバックをマイニングするだけでも、どの機能への要望があるのか見えて興味深い結果に
能動的なデザインの仕事をする視座の変化
限定的な課題解決になる受身のデザインデザイナーは良くも悪くも、来た依頼に対して最大限の努力をする方が多いと思います。「〇〇の見た目を良くしてほしい」「△△を使いやすくしてほしい」といった課題を解決するには高いスキルと経験が必要ですから、専門家としての価値は出せるはずです。最初は来た依頼に対して解決策を提供する活動でも十分ですが、やることが決まった段階から始めるデザインは制約が多いだけでなく、限定的な解決にしかならない場合があります。 例えば、記事に紐づけるコメントリストをスレッド式に変えたいという要望が来たとします。やるコトが決まった状態からデザイナーが入ると、どうしても「見やすいスレッド」「返信しやすい UI」を考えて作ることが目的になります。 依頼に答えるデザイン活動も重要ですが、これを続けているとデザイナーの仕事が次第に限定的になり、付加価値を提供するという受身の立場になりがちです。
#303 今は紙は使わない iPadノートオンリーです (五藤晴菜さん)
iPad を仕事に活用するための情報を発信し続けているデザイナーの五藤晴菜さん@haruna1221と Small Talk をしました。iPadOS、第二世代 Apple Pencil の登場で本格的に活用するようになった晴菜さんから、ノートアプリの選び方や違いについて教えていただきました。 iPad Workers ノートアプリとApple Pencilの活用 eBookはるな👠iPad Worker - iPad Workers Newsletterごりゅごcast YouTubeGoodNotesNotabilityNoteshelfConcepts Appノートアプリの選び方完全デジタルに乗り換えれた理由初心者でも簡単！バレットジャーナルの書き方の基本Automagic Small Talk 申し込み Yasuhisa Hasegawa Web やアプリのデザインを専門している
健全なデザインの会話に必要なコト
デザイナーにある2つの仕事 デザイナーの仕事は情報を整理したり何か成果物を作ることであることに異論を出す人はいないと思います。何か形にできるのはデザイナーの特殊能力だと思いますが、それだけがデザイナーの仕事ではありません。デザインの見方や伝え方を周りに教えるのもデザイナーの役割です。 デザイナーの間では「デザインは課題解決すること」という認識が広まっていますが、周りからは「デザインは見た目を整えること」と思われています。デザイン思考、UX といった言葉をデザイナー以外が発することはありますが、それでもデザインは見た目の話に止まることがあります。 こうした状況に対して「デザインのことを分かっていない」と言うのはナンセンスです。私たちデザイナーと同じように情報収集と実践を繰り返しているわけではないのに、デザイナーと同じ認識と姿勢でデザインに取り組むことを期待するのは現実的ではありません。結局、
ありがちなプロトタイプ失敗パターン
次へ進むための『何か』 プロトタイプは今日の設計プロセスにおいて必須の役割を果たしている … といった論調を見かけることがあります。特にアプリの場合、Web サイト制作以上に開発者とデザイナーの密接なコミュニケーションが必要になるので、単なる静止画データの受け渡しでは不十分です。そこで「プロトタイプを作りましょう」となるわけですが、他のツールと同様、手法を取り入れただけで制作における課題が解決されることはごくまれです。 プロトタイプは、紙で作るものから、Principle のようなアプリケーションを使ってインタラクションを加えるものまであります。プロトタイプの完成度も制作スピードもツールによってまちまちなので、どのように扱えば良いのか迷う方も少なくありません。また、新しいツールを採用してプロトタイプ（のようなもの）を作ってみたけど、以前と状況が変わらないどころか、大変になってしまうこともあ
ビジネスを考慮したデザイン提案をする前に決めておきたいこと
改善の意味を合わせる Web サイトやアプリの運用・改善は欠かすことができないプロセス。一発で正解を出すのが難しいのはもちろん、市場やユーザーの動きも常に変わるので、それに合わせた対応が必要になります。改善をすることに異論を唱える人はいないと思いますが、何に対して改善したいと言っているのか異なる場合があります。 例えば web サイトやアプリの制作者（デザイナーや開発者）であれば、UI や使い勝手を改善したいと考えるはずです。しかしマーケターであれば流入チャンネルを改善したいと考えるかもしれないですし、経営幹部であれば収益を上げるための施策を改善と呼ぶかもしれません。 それぞれが考える改善をしていても最大の効果は得られませんし、ひとつに集中しなければ効果が見えてこない場合があります。 また、ビジネスインパクト（利益になるかどうか）を考えたとき、私たちがやりたい UI 改善による効果が極めて
デザインシステムにおける色の命名ルール
崩れない色名にする 前回「デザインシステムに採用する色を決める5つのルール」を通して、色の名前の付け方や整理の仕方を紹介しました。これを受けてウェブデザイナーの深沢幸治郎さん（@witch_doktor）が「ウェブサイトに使われる色に固有の名前をつけてみる」という記事を書いてくれました。色の命名にまつわる苦労や工夫について読むことができるので、ぜひ参考にしてください。 前回の補足として、デザインシステムにおける色名の付け方の工夫を 3 つ紹介。色の整理をするときの参考にしてください。 色名＝変数 色の名前を付けるのに困っている方は、Kromatic がオススメ。カラーパネルのスライダーを動かすか HEX 値を入力するだけで、色名を提示してれます。他にも color-names という 10,000 以上の色名が収録されたライブラリもありますし、Wikipedia にも色名は幾つかあります。
Webアクセシビリティがビジネスと付き合うための課題
5月18日、神戸でアクセシビリティの祭典が開催されました。 Global Accessibility Awareness Day に合わせて開催されているイベントで、今回で 3 回目になります。Web サイト制作に留まらず、最新の支援技術の見学・体験ができたり、気軽に質問ができる場も用意されていました。今回は参加者として 1 日たっぷり勉強モード。当日の様子は Togetter のまとめを参照してください。 シフトレフトの課題 構築後の品質チェックの一環としてアクセシビリティを確認しているだけでは遅い場合が多々あります。設計段階から考慮されていないと、見た目だけでなく使い勝手に大きな影響を及ぼすからです。そこで、アクセシビリティもシフトレフトするべきだと考えることができます。制作・確認（テスト）といった工程の後半ではなく、企画・設計といった早期段階からアクセシビリティの専門家たちがプロジェ
デザインツールを振り返って気付いた今後のデザイナーの役割
広がるデザインツールの役割 2016年はデザインツールのあり方が大きく変わった年でした。スマートフォンが主流になってから、平面な画面をひとつひとつ設計するのではなく、利用者の遷移や UI フィードバックを塾考するようになりました。多彩なデザインツールが出てきているのは、デザイナーの作り方だけでなく、役割も少し変わってきているからでしょう。ひとりの職人が閉じ籠って完成品に近いものを作るのではなく、デザインプロセスを共有しながら少しずつ作るというやり方に変わりつつあります。デザインのブラックボックス化を避けるための手段は今も増え続けています。 従来のデザインツールは、ひとりのデザイナーがデザインに集中するための道具であって、途中経過を共有したり、協力して作ることを得意としていませんでした。現在のデザインツールは複数のデザイナーがひとつのプロジェクトに取り組めるような仕組みが用意されていたり、デ
デザインドキュメンテーションにある制作と共有の課題
ドキュメンテーションのための３つの課題 Web サイトデザインはもちろん、アプリデザインでも画面ではなく部品から始めるほうが有効です。画面ごとで制作していくと、いつの間にか一貫性を失うことがありますし、様々なスクリーンサイズに対応するためのルールを後付けにすると、結局またやり直しになってしまうこともあります。 では、インターフェイスを一度見直してスタイルガイド（パターンライブラリ）を作り始めれば良いのかというと、それほど単純は話ではありません。私の中で以下の 3 つの課題があると考えています。 人とコトの課題 – これはワークショップを通して指摘しましたが、ステークホルダーによって優先順位が違えば、指している要素の呼び名が違うことがあります。制作側視点だけで作ると思わぬ誤解が発生する可能性があります。 共有の課題 – 様々な企業が自社フレームワークを Web で公開しているのを見ても分かる
UXに関する疑問に答えて気づいたこと
8月8日、クリーク・アンド・リバー社主催のイベント「と、コラボ特別編」で UX をテーマに座談会をしました（#tocolabo）。ポッドキャストで対談したネットイヤーグループ株式会社の坂本貴史さんと参加者といっしょに「UXってなに？」という初歩的でありながらも難しい課題について話し合いました。セミナーでもワークショップでもない、話をするだけのイベントでしたが、参加者の満足度が非常に高い有意義な時間になりました。 上図: webディレクターの阿呆な研究の @azumi0812 さんが、イベントで作ってくださったグラフィックレコーディング 共有できるかどうかが課題 以前、HTML 5 Experts のインタビューで「いま、UXを語るのはなぜ悩ましいのか？」を話したことがあります。仕事環境、クライアント関係、役割に応じて UX という言葉のニュアンスが微妙に違うことがあるので、言葉だけ聞いて決
デザイン批評を始めたい人のためのヒント集 : could
批評は聞くことから始まる デザインをはじめとしたクリエイティブプロセスにおいて意見交換は欠かせません。いちど自分の手から離すことで発見できることはたくさんあります。しかし「これはどうですか？」と見せるだけでは求めるフィードバックを得ることは難しいです。誰もが最初からデザインについて会話ができるわけではないので、デザインの批評（critique）の進め方に注意を払わなければいけません。 わざわざガイドラインまで作ってしまうと、かえって窮屈になってしまいます。構えて会話するより、平等にあれこれ話せるのが理想的です。そうした雰囲気をつくるために、デザインをみせるデザイナーだけが努力すれば良いというわけではありません。批評に参加するすべての方がちょっとした気遣いをすることで良し悪しを決める場から、ゴールに向かうための改善の場になります。 批評する側が気をつけること すぐリアクションしない。どのよう
コンテンツを見直すための魔法のシートが必要な理由
マーケティングとデザインの共通点 2015年6月27日大阪 Re:Creator’s Kansai 主催のイベント「基礎からきちんとマーケティング」に登壇しました。デザイナーとして働いているのでマーケティングは畑違いのように見えますが、以前からマーケティングを扱った記事をたくさん書いています。カスタマージャーニーマップのようなマーケティングの手法がデザインプロセスの一部として採用されていたり、デザイン思考がマーケティングに取り込まれているなど、共通するところが幾つかあります。 例えば UX を学んでいるうちに行動経済学に興味を持つ方もいるでしょう。行動経済学はデザインにも取り込める興味深い学問ですが、マーケッティングを深く知る上でも役立ちます。デザインとマーケティング両方に興味をもつことは、デザイナーとしてごく自然のことではないでしょうか。人のこと、市場のこと、社会のことを知らないとデザイ
コンテンツからみるWebアクセシビリティの課題と提案 : could
コンテンツは本当にアクセシブルか Webアクセシビリティは、大きく分けて 2 つの『デザイン』があります。ひとつは、情報を分かりやすく整理し、目的の情報へた辿り着くための Web アクセシビリティ。この要素は、色、形状、動き、スピードなど、UI デザインの課題と重なるところが多いです。もうひとつの要素は、情報の構成や文章のスタイルといった「編集」とも呼べる Web アクセシビリティです。 前者の情報構造や操作性は、明確なガイドライン化がしやすく、チェックもしやすいですが、後者の編集の部分は、パッと見では判断がしにくいだけでなく、ガイドラインとして共有するのも難しいです。 Webアクセシビリティにある 2 つの『デザイン』 もちろん JIS X 8341–3:2010 でも「利用者が理解できるコンテンツ」を制作・維持できるようにすることが重要であると書かれていますが、技術で解決できるところに
SEOとデザインは今後より密接になる理由
SEOの終わる部分とそうでない部分 情報が無限大に広がる Web の世界。そこから自分にとって必要な情報を見つけ出すのは至難の業です。 そこで、検索エンジンが活躍するわけですが、ただ Web サイトを作っただけで的確なかたちで検索結果に表示されるとは限りません。コンテンツ配信側が検索エンジンに対して自分たちのサイトがどういったサイトなのかを的確に知らせることを「SEO (Search Engine Optimization)」と呼びます。検索する利用者に対して効果的に露出したいという意味で「SEO対策する」という言葉が使われることがあります。この場合、SEO は瞬時にアクセス数を上げるための起爆剤として活用していると考えることができます。 SEO はこうした起爆剤的な要素だけを指しているわけではありませんが、「アクセスが上がる」というキャッチーなフレーズが付随されていることもあり、SEO
ユーザーという言葉に潜む５つの側面
U > X 抽象的なアイデアを話しているかのようにみえる「UX」ですが、意味をあやふやになってしまうのは実は「Experience (体験)」のほうではなく「User (ユーザー)」という部分にあるのではと感じています。「Webサイト」とひとことで表すものの、Webアプリケーション、Ｅコマース、コミュニティサイト、個人サイトと様々な種類があり、それぞれ人との関わり方が違います。Webでの操作は能動的なものが多く「User / 利用者」と表現しやすいですが、すべてが能動的な Web サイトではありませんし、能動的な行動にも幾つか違いがあります。 使うといっても、Webアプリケーションを操作する方と、Ｅコマースを訪れる方は見所が違いますし、自分がした体験の評価の仕方も異なります。つまり、UX について語るとしてもどのような人たちに何を提供したいのかという前提を共有していないと、「よい体験を」な
サイト制作に便利なOmniGraffleステンシル : could
UIワイヤーフレーム サイト制作に便利なOmniGraffleステンシル 制作メンバーの体勢やスケジュールによっては HTML でプロトタイプを作ることがありますが、そうでない場合はワイヤーフレームを OmniGraffle で作っています。 OmniGraffle では、オブジェクトを揃えたり調整が簡単ですし、マルチページにも対応しているのでクリックしたら別ページに移動といった効果も作れます。もちろん書き出した PDF もクリック可能なマルチページになっているので、他の方との共有した際もページの遷移がみえやすいです。レイヤーの表示・非表示といったアクションもオブジェクトに充てることが出来るので、ダイナミックなページも表現出来なくはないですが、レイヤーの表示・非表示は PDF に書き出した際になくなってしまうのが残念。Professional版ではプレゼンテーションモードがあるので、出先で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
