デザインプロセス

【翻訳】「成果物ありき」でも「成果物なし」でも無いデザインプロセス(Rian van der Merwe, Smashing Magazine, 2015)

www.smashingmagazine.com 「成果物ありきのビジネスから手を引け」は、リーン・スタートアップやUXムーブメントにおいて、かなりのマントラとなっています。結局のところ、ワイヤーフレームを作るたびに、顧客にコードを出荷しているわけではないのです。 …

【翻訳】あなたのプロダクトなんて誰も使いたくない(Goran Peuc, Smashing Magazine, 2016)

www.smashingmagazine.com あまりに複雑で機能重視のプロダクトは、ユーザーが必要とするものを提供できないかもしれません。デザイナーがユーザーの生活におけるプロダクトの痕跡を最小限に抑えることで、デジタルプロダクトにより良い実際の使い方を提供す…

【翻訳】一人のユーザーのためにプロダクトを作る:一人勝ちのプロダクトを作るための6つの決断(Bravo Ariel Sharon, Bootcamp, 2023)

bootcamp.uxdesign.cc 普段は、私の考えやプロセスを三人称で書いているのですが、今回はちょっと違います。ここでは、「経験は最良の教師である」と言われるように、個人的なストーリーをお話したいと思います。 インタラクションデザイナーとして、私たち…

【翻訳】なぜある種のデザインは良く見えるのか?(Sarah Gibbons, Kelley Gordon, N/N group, 2021)

www.nngroup.com 概要:視覚的に美しいデザインは、一貫したタイポグラフィーを使用し、明確な階層を確立し、洗練されたカラーパレットを使用し、グリッドに整列させています。 フォント、色、配置などの視覚的なディテールは、使い勝手の良い体験を生み出し…

【翻訳】優れたデザインの解剖学:4つのサイトの分析(Sarah Gibbons, Kelley Gordon, N/N group, 2023)

www.nngroup.com 要約:視覚的に美しいデザインは、一貫した書体や間隔を使用し、視覚的な階層を作り、基礎となるグリッド構造を利用しています。 前回は、3つのデザインがなぜ良いのかについて説明しました。今回は、さらに4つのユーザーインターフェイスデ…

【翻訳】UX・UIデザイナーのためのChatGPTコピペシート(Shai, UX Planet, 2023)

AIはデザイナーを置き換えませんが、AIを使うデザイナーは、使わないデザイナーを置き換えます。 かつて電卓が数学者に取って代わると考えられていたのと同様に、多くの人がAIがデザイナーに取って代わることを恐れています。しかし、これは誤解です。電卓が…

【翻訳】ChatGPTと共にターゲットユーザーとその課題・解決策を定義する(Pete Sena, UX Collective, 2023)

uxdesign.cc AIがデザインに革命を起こすことは間違いなく、私も仕事やプライベートでアイデアから行動までの時間を短縮するために常に使っている欠かせないツールです。 Open AIがリリースしたばかりのマルチモーダルプロダクトGPT-4の登場により、テキスト…

【翻訳】メタバースデザインガイド Pt.3 "仮想3D環境"(Nick Babich, UX Planet, 2022)

uxplanet.org 仮想3D環境の構築 メタバースは、主に仮想世界とその中の仮想オブジェクトによって推進されることになります。ユーザーや企業が様々な体験に参加できる3次元環境となるのです。 前回は、仮想空間用のデジタルアバターをデザインする方法と、魅…

【翻訳】メタバースデザインガイド Pt.2 "インタラクション"(Nick Babich, UX Planet, 2022)

uxplanet.org 仮想空間における魅力的なインタラクション・エクスペリエンスをデザインする メタバースは、人類がこれまでに構築した中で最も複雑なデジタルプラットフォームとなるでしょう。しかし、このプラットフォームの技術的な複雑さはコインの一面に…

【翻訳】メタバースデザインガイド Pt.1 "ユーザーアバター"(Nick Babich, UX Planet, 2022)

uxplanet.org 仮想空間のためのユーザーアバターの作成 仮想世界の構築には、没入感のあるインタラクションを可能にする3D環境と、リアルな人間像の表現が重要です。 パーソナルアバターは、これからのバーチャルコミュニケーションに欠かせない存在です。ア…

【翻訳】メタバースのためのデザインにどう適応するか?(Maryna Razakhatskaya, UX Collective, 2022)

uxdesign.cc メタバースのように複雑でブラックボックスなもののために 体験をデザインすることにどうアプローチすればいいのでしょう? その答えは、没入型デザインの原点に立ち返ることです。 デザイナーであれば、どこに行っても「メタバースは破壊である…

【翻訳】デザイナーがメタバースに貢献するには?(Nick Babich, Entrepreneur, 2022)

www.entrepreneur.com 私たちの住む世界は、急速に変化しています。テクノロジーは私たちの環境に不可欠なものとなり、現実世界と仮想世界の境界はあいまいになっています。Metaのような企業は、私たちの社会が今まさに経験している大きな変化を理解し、新し…

【翻訳】メタバースはデザインのあり方をどう変えるか(Strate, 2022)

strate.in メタバースが次の大きな流れになりつつある今、この仮想空間をデザインすることに多くの焦点が当てられています。ウェブ開発者、UI/UXデザイナー、プロダクトデザイナーなど、誰もがこの世界の形成に関わっており、技術空間の急速な成長とともに、…

【翻訳】UXリサーチのインパクトを追跡する(Caitlin D. Sullivan, UX Collective, 2022)

https://uxdesign.cc/tracking-the-impact-of-ux-research-a-framework-9e8b8f51599b UXリサーチのインパクトを追跡するフレームワークと、リサーチを測定すべき理由(たとえ誰も求めていなくても)を紹介します。 ユーザーリサーチャー、デザイナー、PMとし…

【翻訳】ユーザー・ニーズ・ステートメント:デザイン思考における「定義」の段階(Sarah Gibbons, NN/g, 2019)

www.nngroup.com 要約:ユーザー・ニーズステートメントは、問題ステートメントや観点ステートメントとも呼ばれ、解決しようとする問題について定義し、整合性をとるための強力で基本的なツールである。 デザイン思考(だけでなく、あらゆるプロダクト開発プ…

【翻訳】デザイン作業の前に考えるべき3つの問い(Tina Musich, UX Collective, 2022)

Don’t design anything until you get answers to these 3 questions 私はこれまで何度も、熱心にプロジェクトに参加してはみたものの、重要な知識の欠落に気づいたことがあります。その結果、デザインのやり直し、急ぎのリサーチ、ありえないほど短いスケジ…

【翻訳】オブジェクト指向UXデザインの概要と実践(FlowMapp, 2022)

medium.com 下図は、オブジェクト指向のUXデザインを具体的に表現したものです。まず、Object-oriented UX Design:OOUXの物理的な具現化を見てみましょう。スーパーで牛乳売り場の場所を聞く必要はありません。売り場のマーカーがナビゲートしてくれます。…

【翻訳】共感マップについて学ぶ・教える(Rich Crandall, 2010, K12 Lab)

web.archive.org 目的:ユーザーのニーズを理解し、分類することができるようにします。 所要時間:このツールだけで約30分(下記サンプルレッスン参照) グループサイズ:3-4人のグループが理想的。 共感マップとは何か ユーザー共感マップは、ユーザーのニ…

【翻訳】デザインの質的評価の方法(Erik Messaki, uxmag.com, 2022)

uxmag.com デザインの良し悪しは、すぐに見分けがつきますか?デザインの良し悪しは、センスや直感の問題ではありません。「これはすごい!」「これはつまらない!」という反応は、ユーザーに委ねたほうがいいですからね。 デザインの良し悪しを判断する方法…

【翻訳】デザインシステムにおけるモバイル/デスクトップ間スケーラビリティについて(Oriol Banus, UX Collective, 2022)

uxdesign.cc デザインシステムにおけるモバイルとデスクトップデザインのスケーラビリティ そもそもスケールとは何か? マスタークラスによると - アートやデザインにおいて、スケールの原理は、1つのアート作品内の異なるビジュアルのサイズ関係を指すこと…

【翻訳】ムードボードでインスピレーションを形にする(Cameron Chapman, Toptal)

www.toptal.com デザインプロジェクトのためのインスピレーションを見つけるのは大事ですよね。でも、それを整理して、クライアントやユーザーを驚かせるデザインを生み出すための、よりまとまりのあるベースとすることは、まったく別のことです。 その解決…

【翻訳】コンバージョンを高めるビジュアルデザインの方法(Erik Messaki, Outcrowd, 2020)

medium.com ユーザーに行動を促すビジュアルモチベーションの作り方とは? ウェブデザインで使用されるイメージは、すべてがコンバージョンに貢献するわけではありません。デザイナーは、写真やイラストの美的パラメータを優先し、その本当の目的である視覚…

【翻訳】エシカルなWebデザインとは一体何なのか?(Stephen Gosset, Built In, 2021)

builtin.com "Eコマースサイトのデザインを想像してみてください。カートに入れるボタンを文字通りページの半分の大きさにすることだってできます。そんな自由があるんです。" ShopifyのUXディレクターで『Tragic Design』の共著者であるCynthia Savard Sauc…

【翻訳】データ駆動デザインに取り組むために知っておくべきこと(Adam Fard, 2022)

adamfard.com ユーザーのニーズに応える製品を作るには、綿密なリサーチが必要です。このステップを省くと、チームは不必要なリスクにさらされることになります。 どんなデザイナーでも、紙の上では素晴らしく思えたのに、実際にはうまくいかなかったという…

【翻訳】参加型デザインの手法(CLAY SPINUZZI, Technical Communication, 2005)

(PDF) The Methodology of Participatory Design はじめに 参加型デザインリサーチとは何か 歴史 ユーザー知識の定義 ユーザー知識の記述 パラダイム 手法 リサーチデザイン ステージ1:仕事の初期探索初期探索 ステージ2:発見プロセス ステージ3:プロトタ…

【翻訳】創造性に基づく研究:ユーザーとの協働デザインプロセス(Catalina Naranjo-Bock, UX Magazine, 2012)

uxmag.com 協働デザインワークショップは、デザイナーがユーザーのパートナーとなり、知識開発、アイデア創出、プロダクト開発においてユーザーの視点を取り入れることを支援します。 協働デザインの実践を通じて、ユーザーはデザインやリサーチチームと直接…

【翻訳】協働デザインで「二重の共感問題」を克服する(Ashley, UX Collective, 2020)

uxdesign.cc 共感ギャップ 自閉症者と神経症患者が互いの視点を理解できないとき、共感のギャップが生じます。多くの場合、「共感できない」ので、問題は自閉症の人にあると仮定されます。しかし、これが間違いだとしたらどうでしょう。共感できないのは、自…

【翻訳】2022年に注目すべき11のUX・Webデザイントレンド(Stephen Gossett, bultin, 2021)

builtin.com リモートワーク、メタバース予測、デジタルウェルビーイングなどが、近い将来どのようにインタラクションを形成していくかをご紹介します。 Stephen Gossett スタッフ・レポーター Stephen Gossettは、UX、デザイン、プロダクトマネジメントを担…

【翻訳】メタバースのアバターデザインルール10選

whitelight.co バーチャルワールドを実現するためには、リアルな人間とのインタラクションを可能にする3D環境をデザインすることが重要です。 パーソナルアバターは、これからのバーチャルコミュニケーションに欠かせない存在です。アバターは、メタバースに…

【翻訳】ビジュアル言語の構築;Airbnbの新しいデザインシステムの裏側

この記事は、新しいデザイン言語システムに関する連載の一部です。Karriは最近、Designer News "Ask Me Anything "のインタビューで、このトピックに関する質問に答えました。その記録はこちらでご覧いただけます。 ソフトウェア開発・設計の仕事では、単発…