タグ

designに関するo_hiroyukiのブックマーク (570)

  • #3-2 顧客理解・ユーザ理解にサヨナラを(UX戦略の教科書)|小城 崇

    昨今では、顧客理解 / ユーザ理解に取り組む必要性が様々な所で主張されており、一般常識になりつつある。そして「顧客のことを深く理解すれば、良質な仮説を立案できる」という言説が広く信じられており、マーケティング戦略を検討したり顧客体験をデザインするうえでの前提条件となっている。しかし、このような言説は当に正しいのだろうか。 結論からいえば「顧客を深く理解すれば、良質な仮説を立案できる、という言説は間違っている」というのが記事の主張である。この間違った言説が広く信じられてしまっていることが、ミクロな視点では「成果に繋がる施策仮説を立案できない」というビジネスパーソンの悩みの解消を阻んでおり、マクロな視点では企業の成長や競争力向上を阻む要因となっているのだ。 そこで記事では、顧客理解の必要性・重要性を真っ向から否定することを試みる。「顧客を理解すれば、良質な仮説を立案できる」という言説が間

    #3-2 顧客理解・ユーザ理解にサヨナラを(UX戦略の教科書)|小城 崇
  • 作字をはじめたら良いことだらけだった|ニョグ|note

    こんにちは!ニョグです。 SNS上で主に作字作品の投稿をしております(Twitter→@nyogu_design、instagram→ nyogu_design) ここでいう作字は、自分でオリジナルの文字デザインを作ることとします。 自分なりに文字デザインを作るってめちゃ楽しい。 作字を始めたきっかけは、会社でのデザイン業務が上手くいかず、何か表現の幅を広げるような練習をしようと思ったことからです。 今回は、僕個人の体験談として読んでいただけますと幸いです。 引き出し不足法学部出身、ちょっとお絵描き好きなぐらいで、大学4年から独学でデザイナーを目指し始めました。80社以上デザイン系の会社に落ちても、諦めきれずに勉強期間を延長して、なんとかインハウスのグラフィックデザイナーになれました(これについてはいつか詳しく…)。 入社したはいいものの、表現力が圧倒的に足りないことを実感しました。デザイ

    作字をはじめたら良いことだらけだった|ニョグ|note
  • 非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)

    ※こちらの記事がはてブの総合人気エントリに入りました! こんにちは。くるしばです。 元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。 その後個人で開発したサービスを売却したり、また別のIT系の会社を創業したりしています。 去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに8000人の方々にフォローして頂きました。 プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — 苦しんでプログラミングを学んだ柴犬(くるしば) (@shiba_program) September 13, 2022 僕は普段はいわゆるPMエンジニアとして仕事をすることが多いのですが、業務でも個人プロジェクトを作っている時でも 「最低限の見栄え

    非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)
  • デザイナーがChatGPTに指示されながらECサイトデザインをしてみる実験 | Design Journal vol.25|Sakino Tomiura

    これはなに?昨年末にOpenAIがリリースしたチャット型AIの「ChatGPT」と一緒にデザインしていくプロセスで、実際にどんなことができるか?を実験してみたnoteです。 前提と注意点 🚨まずこのnoteの趣旨は「これらが実用的にデザイン制作に使える!」といったものではありません。 どちらかというと遊びに近く、実験的に行ったもので、結論から言うと現時点では実用的に使える要素はまだ少ないかなと思います。 また、前提として私はまだまだAIChatGPTについて詳しいわけでは全くなく、これからちゃんと勉強してみようと思ってるぐらいのレベル、という前提で読んでいただけると幸いです。 (AIについてを読んだり座学的な勉強から入るより「とにかく何かしら触ったりつくったりしてみる」方が楽しめると思い、せっかくなのでその実験の過程をまとめてみました。) 「こういうこともできるよ」「このやり方の方が

    デザイナーがChatGPTに指示されながらECサイトデザインをしてみる実験 | Design Journal vol.25|Sakino Tomiura
  • 「わかりやすさ」を デザインする情報アーキテクチャ必修入門 / Introduction to IA for "Design for Understanding"

    MdN Bau-ya “「わかりやすさ」をデザインする 情報アーキテクチャ(IA)必修入門” (2023/1/18開催) https://www.street-academy.com/myclass/149720 上記イベントで使用したスライドを公開用に編集したものです。 作者:森田 雄 / 株式会社ツルカメ https://twitter.com/securecat https://turucame.jp/ Made with Canva https://www.canva.com/

    「わかりやすさ」を デザインする情報アーキテクチャ必修入門 / Introduction to IA for "Design for Understanding"
  • デザイン品質を底上げする、評価される側も巻き込んだ「デザイン品評会」の設計|Cocoda

    キュービック・エクスペリエンスデザインセンター・UIデザイナーの小野です。今回は、2021年からデザインセンター内のUIデザインチームで定期的に行われている「デザイン品評会」の取り組みについてまとめていきたいと思います。 デザイン品評会は、CDO篠原やマネージャーの原、そして私が評価者となり、若手〜中堅デザイナーのアウトプットを項目に沿って評価している場で、チーム全体のデザイン品質の向上を目的としています。 デザイナーの評価や育成に悩んでいる方にとって、少しでも参考になれば幸いです。最後にも書いていますが、私たちの取り組みは完成されたものではないので、知見をシェアし合える方がいたらぜひディスカッションさせていただきたいです! 品評会の取り組みを始めるまでは、若手デザイナーのデザインに対するレビューは先輩デザイナーが行っていて、デザインができたら随時見てもらうという形でした。 このこと自体は

    デザイン品質を底上げする、評価される側も巻き込んだ「デザイン品評会」の設計|Cocoda
  • Design-Pattern Guidelines: Study Guide

    Summary: Unsure how to design and implement user-interface patterns? Use this collection of links to our content about specific patterns. This article lists some of our content that provides specific guidelines on designing a variety of interface patterns, from toggle switches to navigations tabs. If you’re new to designing interfaces, check out the 10 usability heuristics for user-interface desig

    Design-Pattern Guidelines: Study Guide
  • 画像編集ソフトの覆い焼きやソフトライトといった「レイヤー合成モード」は一体何をしているのか?

    Photoshopなどのデジタル画像編集ソフトウェアでは、「覆い焼き」や「ソフトライト」といったさまざまなブレンドモード(レイヤー合成モード)を用いて画像を編集することが可能です。このレイヤー合成モードは一体何をしているのかを、プロダクトデザイナーのダン・ホリック氏が解説しています。 Blending Modes | Dan Hollick https://typefully.com/DanHollick/blending-modes-KrBa0JP レイヤー合成モードは、2つの入力カラーに基づき新しいカラーを作成するというものです。以下の画像の「Foreground(前景)」と「Background(後景)」が異なるレイヤーであり、「Result」部分がレイヤー合成モードにより出力された新しいカラーを指しています。 レイヤー合成モードの中で最も単純なのが、「Darken(比較(暗))」と

    画像編集ソフトの覆い焼きやソフトライトといった「レイヤー合成モード」は一体何をしているのか?
  • “思わずクリックしたくなる”バナーデザイン発注のコツ! 「イメージと違う」を解消する6項目 | 【レポート】デジタルマーケターズサミット2022 Summer

    “思わずクリックしたくなる”バナーデザイン発注のコツ! 「イメージと違う」を解消する6項目 | 【レポート】デジタルマーケターズサミット2022 Summer
  • "牛乳パック"どっちが好きですか?|内田 広由紀|視覚デザイン研究所

    一部内容修正につきまして 今回の記事も多くの反響をいただき沢山の方に読んでいただいたことを大変感謝しております。 このシリーズの趣旨は、デザインの過程をわかりやすくし多くの人にとって役立つスキルにすること、またジャンプ率などの「視覚スケール」を知って有効活用していただくことにあります。「視覚スケール」は商品パッケージから建築物のような大規模なものまで一貫して使える便利なツールです。 「視覚スケール」を説明するため、アンケートの方法や脳が選択するしくみについて、皆様に不安や誤解を招いてしまう表現があったと思います。これらを踏まえ、一部内容を加筆修正させていただきました。(記事での主張に関しての変更はありません。) 当室ではこれからもご意見・ご質問などをなるべく反映させながら、わかりやすい記事を作りたいと考えております。どうぞよろしくお願いいたします。 こんにちは。 絵と美術書の出版及び、デ

    "牛乳パック"どっちが好きですか?|内田 広由紀|視覚デザイン研究所
  • 2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ

    2022年のロゴデザインのトレンドはワードマークとタイポグラフィがより重要な役割を果たしています。特にジェンダーや環境配慮などはどのジャンルのデザインでも積極的に取り入れられています。 デザインの引き出しを増やすには、注目されているトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、形など、デザインの基となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2022 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2022年、ロゴデザインのトレンドの傾向 三角形を2つ使用したロゴ「BowTies: 蝶ネクタイ」 一滴の重要性がわかるロゴ「Uvula: 口蓋垂」 ライフラインを表現するロゴ「Rooters: 木の根」 圧力を反転さ

    2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
  • 本当に実践的なデザインドキュメントの書き方 第1回:なぜ渡されたワイヤーフレームは分かりにくいのか? | アドビUX道場 #UXDojo

    当に実践的なデザインドキュメントの書き方 第1回:なぜ渡されたワイヤーフレームは分かりにくいのか? | アドビUX道場 #UXDojo 連載 当に実践的なデザインドキュメントの書き方 いきなり渡されたワイヤーフレームをデザインするよう言われて戸惑った経験は、デザイナーなら誰でもあるのではないでしょうか?これはディレクターとデザイナーの分業という状況に起因する問題ですが、分業が一般的なのにはもちろん理由があります。そこで、この連載では、現在の分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、この問題を解決する手段を探ります。 第1回は、受託のWeb制作における一般的な分業体制を詳細に分析し、よりデザイナーが貢献できる役割分担について考えていきます。 なかなかはじめられないUXデザイン これはGoogleトレンドで、「Webディレクター」「Webデザイナー

    本当に実践的なデザインドキュメントの書き方 第1回:なぜ渡されたワイヤーフレームは分かりにくいのか? | アドビUX道場 #UXDojo
  • エモーショナルUIデザイン|kana

    はじめに2013年にスタートアップに参加したことをきっかけに、今までいくつかのデジタルプロダクトのUIデザインに携わってきました。2020年にTakramに参加してからは、さらに多様な事業のプロダクトに関わらせていただいています。この約10年間のあいだに世の中のUIデザインのノウハウは確立されてきており、既存のコンポーネントなどを組み合わせれば、きれいなUIが誰でも簡単に作れる時代になりました。そんな中で個人的に大切にしてきた価値観として、「ユーザーの気持ちを考えて、その気持ちに寄り添った情緒的なUIをデザインする」ということがあります。今回、この記事を書いているのは、その意味や意図を言語化して再利用可能なものにしたいと思ったことがきっかけです。考えながら書いているため、何度かのシリーズになるかもしれません。また、このテーマについて様々な方と対話ができたらいいなとも思っていますので、興味を

    エモーショナルUIデザイン|kana
  • UXデザイナーは本当にデザイナー?UXデザインの役割の拡大 デザイン会社 ビートラックス: ブログ

    最近とあることに気づいた。UXデザイナーポジションへの応募が多いが、そのバックグラウンドがかなり多種多様なのである。 元々Webデザイナーをしていた人もいるし、マーケター出身の人もいる。デザインとは関係のない学部や職種出身の人もいるし、前職がスタバのバリスタのケースもあった。 UXデザイナーの肩書きがインフレ気味最近では多くのデザイナーがUXデザイナーになりたがっている。 どうしてそうなってしまったのだろうか?おそらく、その裏には我々デザイナーの悲しい存在価値がある。 企業におけるデザイナーの存在は、テクノロジーやマーケティングなど、「動くか動かないか」や「数字」で判断される分野とは異なり、デザインは常に数値化が困難な分野。その不透明さゆえに、ビジネスのフィールドにおいて我々の仕事はあまり真剣に捉えてくれない壁があった。 そこで出てきたのがデザインとビジネスを融合させ、結果に繋がるデザイン

    UXデザイナーは本当にデザイナー?UXデザインの役割の拡大 デザイン会社 ビートラックス: ブログ
  • デザインシステム | EXPO 2025 大阪・関西万博公式Webサイト

    公益社団法人2025年日国際博覧会協会では、2025年日国際博覧会(大阪・関西万博)に活用するための「EXPO 2025 Design System」を策定しました。 このデザインシステムは、万博のさまざまなインターフェースを統一し、アナログ・デジタルの境界線を超えて一貫した体験を提供することを目的としています。EXPO 2025 Design Systemの提供する体験を通じ、万博がより多くの人々に愛されるものになることを願っています。

    デザインシステム | EXPO 2025 大阪・関西万博公式Webサイト
  • 2022年 UXデザインに訪れる変化予測 デザイン会社 ビートラックス: ブログ

    世界的なパンデミックの流行が我々の生活を一変させてからすでに2年近く経っている。この2年間でインターネットと技術的なデバイスの使用量が増加し、仕事とプライベートでの交流方法を大きくシフトさせた。 それに伴い、オンライン・オフライン共にユーザーニーズも変化し、新しいユーザー体験の設計が求められている。 また、あらゆる業界でユーザー体験の重要性が急激に高まったこともあり、2022年はUXデザインにおける大きな変革の年となりそうだと感じる。 そんな変化を7つほど考えてみた。 “UXデザイン” の概念が再定義される目的ごとのデザインプロセスデザインでストーリーを届ける時代ユーザー体験がブランド形成の主軸インクルーシブデザインの重要性B2B向けのAR & VRニーズが高まるWeb3っぽいデザインが広がり始める“UXデザイン” の概念が再定義されるユーザー体験 (UX) を設計 (Design) する

    2022年 UXデザインに訪れる変化予測 デザイン会社 ビートラックス: ブログ
  • 漫画家さんイラストレーターさん向け UE4インストールガイド - Qiita

    まえがき 漫画イラストレーターの皆様、こんにちは。 記事はアンリアルエンジンにご興味を持って頂いた皆様に、 UE4をダウンロード、インストール、起動するところまでを ご解説させて頂く内容となっております。 アンリアルエンジンを利用すると、 以下の様な感じで3Dを漫画イラスト制作に活かすことが出来たりします。 https://twitter.com/shiba_zushi/status/1472803697210327040?s=20 UE4(=アンリアルエンジン4)とても楽しいです。 そしてさらに、無料でございます。 ぜひ皆様の制作にお役立て頂けましたら幸いです。 エピックゲームランチャーのダウンロード UE4をダウンロードする為には、 エピックゲームランチャーをインストールする必要があります。 エピックゲームランチャーはエピックゲームズが提供する、 UE4を含んだ様々なサービ

    漫画家さんイラストレーターさん向け UE4インストールガイド - Qiita
  • なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita

    なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。

    なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
  • 多摩美術大学が、誰もが参加できる“デザインの大学”を期間限定開校。50の新たなデザイン領域を知る、講義プログラム公開

    多摩美術大学が、誰もが参加できる“デザインの大学”を期間限定開校。50の新たなデザイン領域を知る、講義プログラム公開東京ミッドタウン・デザインハブ第94回企画展「Tama Design University」12月1日(水)〜12月26日(日) 会期中は講義プログラムを毎日開催。聴講無料。 学校法人多摩美術大学(所在地:東京都世田谷区、理事長:青柳正規、多摩美術大学学長:建畠 晢)は、東京ミッドタウン・デザインハブ第94回企画展「Tama Design University」を、東京ミッドタウン・デザインハブにて、12月1日(水)より開催します。 デザインの先端領域および隣接する分野、社会的なテーマに着目し、それぞれに問いを立て、多彩なデザインについての講義を学内外のデザイナーや研究者などを招いて行います。会場ではヴァーチャル大学としてのデモンストレーションや展示を行います。教室を模したス

    多摩美術大学が、誰もが参加できる“デザインの大学”を期間限定開校。50の新たなデザイン領域を知る、講義プログラム公開
  • 富士通の実践知が詰まったデザイン思考のテキストブック公開

    2021年12月3日にテキストブックを題材に、デザイン経営の考え方や導入方法、テキストブックの制作秘話などについて語るオンラインイベントが開催されました。下記のリンク先からアーカイブ動画をご覧いただけます。 詳しくはこちら(外部サイト) > 富士通のこれまでの実践から得られたノウハウと、イタリアのミラノ工科大学デザインスクールPOLI.Designの研究成果やフィロソフィーを組み合わせた、デザイン思考のテキストブック「Transformation by Design デジタルトランスフォーメーションに挑戦するデザイン戦略とサービスプランニング」(日語版・英語版)を公開いたします。このテキストブックはPDFで閲覧可能です。またテキストブック制作の背景や制作チームの想いなど、制作のディレクターを務めた宇多村志伸と高嶋大介に話を聞きましたので、ぜひダウンロードの際に併せてお読みください。

    富士通の実践知が詰まったデザイン思考のテキストブック公開