「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か？｜moutend
結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。
UIの色を変えただけで大量のクレームを頂戴してしまった話｜のなと
Webプロダクト開発をしていると様々な諸事情によりUI構成を変えたり機能を増やしたり減らしたりすることが多々あると思います。そんな時に避けられない事態として「UI変更に対するお怒りがユーザーからわんさか届いてしまう」ということがあります。今回はUI上の１要素の色を変えただけで虎の尾を盛大に踏んでしまった事件の話をしようと思います。差し当たりどういうUIをどう変えたのかを明示しておきます。変える前がこちら↓↓ beforeUIほんで変わった後がこちら↓↓ afterUIご覧の通り「作業カード」と呼ばれるコンポーネントの色を「緑＆黄」から「緑塗り＆緑枠線」に変更しました。「え、それだけ？」という声が聞こえてきそうですがそうなんです。それだけなのです。しかしここはレガシードメインのtoB SaaS。toB SaaSではUIの変更がユーザー業務への影響に直結するので軽微な変更を加えるのもハードルが
Cocoda
200+ DESIGN behindsCocodaは、デザインの裏側をまとめた事例集です。 日本を代表するデザイン組織から、200以上の事例が公開されています。 CONTENTS デザインの裏側をまとめた 200以上の事例ブランドから、プロダクト設計、デザイン組織の立ち上げ...。様々なデザイン領域の深い事例が、日本で最高峰のデザイン組織によって掲載されています。 RECOMMEND あなたの興味に合わせて デザイン事例をおすすめあなたの興味に合わせて、豊富なデザイン事例の中から ピッタリなコンテンツをおすすめします。 MY LIST 自分好みのリストに まとめるコンテンツの中でぴったりなものを見つけたら、あなただけのリストを作って、いつでも見返すことができます。 GET STARTED さっそくはじめる
デザインデータブック 2022（ReDesigner Design Data Book） | ReDesigner
デザインデータブック（ReDesigner Design Data Book）は、デジタルデザイン業界のトレンドについて毎年100社にデザイナーキャリアやデザイン投資に関するアンケートを元に作成している最新のデザインレポートになります。
はじめまして、東芝UIデザインチームです。｜東芝 UIデザイン
みなさん、はじめまして。東芝UIデザインチームです。わたしたちは、株式会社東芝のインハウスデザイナーとして、自社製品のユーザーインターフェース(UI)をデザインしています。 弊社でUIデザインの仕事が始まったのは1995年ごろからです。古株・・・ですよね、きっと。ところが、現場にいるデザイナーの存在はあまり知られていないのではないでしょうか。 今回、そんな知られざるデザイナーたちのことや、ここから生み出されるUIデザインのことを、みなさんにもっと知ってもらいたい！という想いで、noteを始めました。この取り組みを通じて私たち自身も、企業の枠組みをこえてつながりながら、新しいことを学び、進化し続ける組織でありたいと思っています。 どうぞよろしくお願いします。 1.東芝UIデザインチームってどんなチーム？東芝UIデザインチームは、株式会社東芝の CPS x デザイン部に所属しています。UIデザ
ABEJAリブランディングのデザインプロセス - ABEJA Arts Blog
おひさしぶりです。骨とワニが好きなデザイナー兼アートディレクターの吹上（@takana8）です🐊 去る2月22日、ABEJAは大規模AIカンファレンス「SIX 2018」を開催し、その基調講演でコーポレート・リブランディングを発表しました。 本記事では、この発表に至るまでのブランディングプロジェクトの「舞台裏」を、アートディレクターの視点からご紹介します。 1. ブランディングプロジェクト、はじまる ブランディングプロジェクトのはじまりは、2016年の秋に遡ります。 当時はまだ正式なプロジェクトではなく、チームもない（社内に専任デザイナーは1人だけ）、まさに暗中模索な日々😎 絶えず発生する様々なデザイン業務と並行しながら、まずは「現状整理」を粛々と行っていました。経営陣へヒアリングしたり、社内外に散らばった制作物をかき集めたり、「ABEJAをとりまく環境」や「ABEJAらしさとは何か」
UIデザイン時にやってしまいがちな18の誤ち｜Mikio Kiura / ANKR DESIGN
WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では
【完全解説】これからの必須教養。正しく学ぶ「デザイン史」
「デザインとは何か？」という問いに答えるのはなかなか難しい。それは、デザインが“絶対的な”概念ではないからだと思う。チャールズ＆レイ・イームズは、デザインを「目的の表現」と答えているが、だとすれば、目的が変われば、答えも変わることになる。つまり、デザインは“相対的”な概念といえる。 今回、デザインの歴史をインフォグラフィックにするときに、A面史とB面史の両方を描こうと思った。A面は、正しいデザインのあり方として、偉大な先人によって継承されてきた良心的なストーリーだ。 では、もう一方のB面史は？ それは、お金を生み出すデザインの歴史だ。そして、20世紀のデザインの主流は、消費社会とセットとなって、このB面史が栄えてきた。「デザインは見た目じゃない」とよく言われるが、デザイナーの99％は、今も「見た目」を作っている。一体、それは何故なのか？ デザインがどのようにして生まれ、何を目的に進化してき
Stark: The suite of integrated accessibility tools for your product design and development team
Designers, developers, product managers, and accessibility experts at 30,000+ companies use Stark’s suite of integrated accessibility tools in their daily product development cycle. Join them today! Continuous Accessibility for your entire teamGet real-time reports that help manage accessibility at scale without slowing down the velocity of your team. Stark gives your up-to-date insights into the
Introduction to the viridis color maps
Introduction to the viridis color maps Bob Rudis, Noam Ross and Simon Garnier 2023-07-19 tl;dr Use the color scales in this package to make plots that are pretty, better represent your data, easier to read by those with colorblindness, and print well in gray scale. Install viridis like any R package: install.packages("viridis") library(viridis) For base plots, use the viridis() function to generat
デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー
【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ
最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高めカラフルなカラースキームの代表といえばGo
実例から学ぶ、良いデザインと悪いデザインの見分け方 | アドビUX道場 #UXDojo | Adobe Blog
ユーザー体験の良し悪しの理解は主観的になりがちです。また、正確に表現することも困難です。しかし、幸運なことに、優れたユーザー体験の構成を理解する指針として使えるいくつかの原則が存在しています。 こうした原則の理解は重要な要件のひとつですが、それらの原則が実際にどのように現れるのかを見ることも大切です。この記事では、いくつかUXデザインの良い例と悪い例を確認し、ニールセン・ノーマンのヒューリスティックスのような原理が、現実世界でどのように表現されているかを探ります。 現在の状態を示す ヤコブ・ニールセンによって開発されたヒューリスティックのひとつである、「システム状態の視認性」は、ユーザーのアクションの後、製品やWebサイトの内側で何が起こっているかが、適切な応答時間内に通知されるべきであることを伝えています。 すなわち、システムが何をしているのかという情報をタイムリーにフィードバックしない
デザイナーでも始められるコンテンツ戦略
コンテンツ戦略（コンテンツストラテジー）を話題にすると、どうしてもプロセスや運用の話になってしまってデザイナーには遠い存在に聞こえてしまいます。しかし、意味のあるコンテンツをデザインするためにコンテンツ戦略で語られているノウハウは役に立ちます。 幸いコンテンツ戦略の文脈で語られるデザイン系のノウハウは、UX デザインをはじめとしたデザイン方法論と同じものばかり。新しく学ぶものは少なく、どちらかというと既知の方法論のなかでどれが効果的か知るキッカケになると思います。 リアルなコンテンツから始める 下図は、サイトのコンテンツをドキュメントにしたものです（例は Dropbox Paper を使っていますが、Word でも Google Docs でも何でも良いです）。 装飾や図もないテキストオンリーの状態です。テキストでも紹介しているプロダクトやサービスのイメージが湧くでしょうか。意味のある順番
デザイナーがデザインツールを使わずに、React を使ってデザインした話 | MEDLEY Developer Portal
2020-06-19デザイナーがデザインツールを使わずに、React を使ってデザインした話メドレーのデザイナー酒井です。最近、JobMedleyからCLINICSに異動しました。 自分はデザインはもちろん、HTML/CSS/JS 実装してプルリク送ったりしているちょっとフロントエンド実装領域に軸足が寄ったタイプのデザイナーです。 ここでは以前所属していた JobMedley 事業部の話をさせていただきます。 当時、JobMedley の社内システムのリニューアルプロジェクトにデザイナーとして参加していました。通常、デザイナーがデザインをするときには Skecth や Figma のようなデザインツールを利用するのが一般的かと思います。 弊社でも基本的にはデザインツールでデザインを行うことが多いのですが、プロジェクトによっては、よりリアルなモックアップが必要なため、デザイナー自身がコーディ
アメリカの美大で学んだこと05:「絵がうまい」より大切なこと｜Kenta Shimbo
突然ですが絵がうまい人ってたくさんいますよね。 SNSなんか見てると、もう全人類が自分より絵が上手いんじゃないかって思えてきて、凹むことさえあります。笑 僕は23歳のド素人として美大に入学したので（うちの学校はポートフォリオ審査や美術スキルのテストは無いので本当に素人でした）、入学時点でのスキルは学校内ではすごく下の方でした。 さて、絵がうまいのはコンセプトアーティストとして働く上で当然大きなアドバンテージになりますが、一番大事なことが「絵がうまいこと」かと聞かれれば、、、どうなんでしょう？ 今回は「絵がうまいこと」よりもっと大切なことがあるぞ、と教わった授業の話です。 絵の天才じゃない人は何で勝負するの？学校が３年目に突入すると、基礎授業が終わり、だんだんとコンセプトアートらしい授業が始まります。そんな中、ある授業で教授がこんな質問をしてきます。 「さて、この中（教室内）に絵の天才はいな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SaaS Shots 📸 (@saasshots)
System Design
Design Tokens in Components with React and Bit
freeeのデザインリサーチについて
