打ち消し線で「選択」を表現するデザイン
意味わからんからやめてほしい こういうやつ ・りんご ・バナナ ・マンゴー ・みかん ・グレープ パット見でみかんが選択されてるように見えるか？？ ＿＿＿＿ え、知らんの？ちょいちょい見かけるけど 最近見たのだと、Candy Appleの看板 これは選択として使ってないけど 「CUT TAKE or TAKE OUT」となってる https://www.google.com/maps/place/%E4%BB%A3%E5%AE%98%E5%B1%B1Candy+apple+%E6%9C%AC%E5%BA%97/@35.6520479,139.7046341,3a,75y,90t/data=!3m8!1e2!3m6!1sAF1QipPjZgtXp99lwBvTPZzpF3Jm3vJt2INLCw4M-JRO!2e10!3e12!6shttps:%2F%2Flh5.googleusercont
「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か？｜moutend
結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。
【デザインの敗北】東京ミッドタウン日比谷の『極力シンプルで美しいデザインにしよう』という意識がトイレのアイコンを小さくしすぎて看板が設置されてしまう
Simon_Sin @Simon_Sin 東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ？」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき pic.twitter.com/kpI8LnWkq7 2018-04-03 00:24:32 リンク www.hibiya.tokyo-midtown.com 東京ミッドタウン日比谷 東京ミッドタウン日比谷公式ウェブサイト。東京ミッドタウン日比谷は、約60店舗に及ぶショップ＆レストラン、オフィス、映画館、空中庭園や広場空間が集約された複合施設です。芸術文化・エンターテインメントの街「東京ミッドタウン日比谷」。上質な時間と、未来志向の新たな体験を東京ミッドタウン日比谷で。 6 users 729
工業デザインを勉強していた後輩が、とある商品のパッケージの素晴らしさを熱弁していた→「デザインの敗北」という言葉は何を指すのか？
Rootport🍽 @rootport 作家・マンガ原作者。／好きな言葉は「群盲撫象」／TIME誌「世界で最も影響力のあるAI業界の100人」選出／Blog→rootport.hateblo.jp ／マシュマロ→marshmallow-qa.com/rootport youtube.com/channel/UCp6RK… Rootport🧬 @rootport 学生時代に工業デザインを勉強していた後輩が、誰でも一発で「牛乳だ！」と判別できる『おいしい牛乳(2002年発売)』のパッケージがいかに優れているのかを熱弁していたのを思い出すと、昨今の「デザインの敗北」って、敗北以前の問題でただの「悪いデザイン」なのではないか……って 2023-09-29 15:15:40 Rootport🧬 @rootport もう20年以上も前で現在ではすっかり定番商品になったけれど、明治の『おいしい牛乳
紙おむつパッケージに「怖い」「何かがおかしい」〝謎腕〟の正体
ベビー用品の紙おむつのパッケージには、可愛らしい赤ちゃんの写真がデザインされていることがしばしば。しかし、その一つをよく見ると、なんだか違和感が……。大手ブランドの商品に、SNSで「怖い」「何かがおかしい」と注目が集まっています。ネットで盛り上がる「大右腕赤ちゃん」の正体について、メーカーを取材しました。（朝日新聞デジタル企画報道部・朽木誠一郎） ベビー用品の紙おむつのパッケージにデザインされた、可愛らしい赤ちゃんの写真。子どもが身近にいるとよく見かける光景ですが、その一つに違和感を覚えた人たちの投稿が、SNSで大きな注目を集めています。 話題になっているのは、世界的な有名ブランドであるパンパースの商品。大人に抱かれる、あどけない顔をした赤ちゃん……と思いきや、赤ちゃんを抱く腕と、赤ちゃんの肩がつながっています。 だとすると、これは赤ちゃんの腕ということに。赤ちゃんから立派な腕が生えている
CSS設計における、すべてがコンポーネントであるという誤謬
後日追記: WEB+DB PRESS Vol.133でさらに詳しく書いた。 BEMによってもたらされた、コンポーネントベースのアプローチでは、「ページはコンポーネントの集合によって表現されるべきであり、ページに含まれるのはすべてがコンポーネントである」と考える。しかしこれまでCSSを書いてきた経験から、これではデザイン意図をまともに表現することができないと感じ始めた。なぜなら、普通デザイナーはページのすべてがコンポーネントであるとは考えないからだ。 もちろんページの構成要素のなかには、明らかにそれが「コンポーネント」であると意識して作られたものもある。ただしそれは一部であり、全部ではない。「コンポーネントもあれば、コンポーネントではないものもある」という感覚のほうが普通なのだ。 典型的なUIライブラリにある、「ザ・コンポーネント」みたいなものだけではページは完成しない。例として、一貫してB
リンクとボタンを｢押せる｣だけでデザインしない
リンクとボタンのビジュアルが似たものもしくは同じものになる理由のひとつに「押せる」[1]という共通点があるからだと思っている。 ビジュアルを似たもの・同じものにするかどうかは状況により判断されるので、そこに画一的な優劣は存在しない。しかしリンクとボタンは明確に異なる機能や振る舞いをもっている。その振る舞いやそれに対するユーザーのメンタルモデルから結果ビジュアルが同じになるのならいいのだが、ただ単純に「押せる」ことだけを基準にデザインされてしまうのは具合が悪い。このエントリーでは、リンクとボタンをデザインするにあたって「押せる」だけではなく、他にも判断材料となるものがあることを共有したいと思う。 前提と定義 今回の話はウェブブラウザで動作するUIを前提に考える。途中で言及するが、リンクがURLに関係していることと、URLをユーザーが意図的に変更できることが大きく関係するので、ネイティブアプリ
オオバ@UIエンジニア on Twitter: "仕様変更に強い命名は大事だ。ボタンを「OKボタン」や「Noボタン」と名付けていたらヤバいかも。ゲーム開発に仕様変更はつきもの。開発中盤「OKボタンの色を使ってキャンセルボタンを作りたい」というケースもある。結論、用途ではなく機械的… https://t.co/6nwzoBNKWR"
仕様変更に強い命名は大事だ。ボタンを「OKボタン」や「Noボタン」と名付けていたらヤバいかも。ゲーム開発に仕様変更はつきもの。開発中盤「OKボタンの色を使ってキャンセルボタンを作りたい」というケースもある。結論、用途ではなく機械的… https://t.co/6nwzoBNKWR
Appleの最近のデザインミスをまとめてみた - iPhone Mania
Appleはこれまですべての製品のデザインを完璧に仕上げてきたかのような印象を持たれがちですが、「Designed by Apple in California」と堂々と言えないような奇天烈な仕様を持つ製品も結構あります。米メディアMacRumorsは、Appleが最近犯した6つのデザインミスをまとめています。 1. Magic Mouse 2 2015年に発表されたMagic Mouse 2は、クリックだけでなくスワイプやジェスチャーも認識できるタッチセンシティブな表面により、発売当時はAppleのイノベーションと称賛されました。Appleのマウスは、なめらかな曲線と光沢のある継ぎ目のない上面が特徴で、Appleのデザインの模範のように思われます。 しかしながら、同製品には“充電”という問題がありました。充電ポートが本体の裏に配置されているため、充電時にひっくり返ったカブトムシのような姿
UXデザインにおける「けもの道」現象とは デザイン会社 ビートラックス: ブログ
先日サンフランシスコ市内の公園を歩いていたら、ふとあることに気づいた。本来設計されている道とは異なるルートが作られているのだ。 そう、アスファルトで舗装されている通行用ルートではなく、芝生になっている箇所を複数の人が通ったことによる近道、いわゆる「けもの道」が生成されている。 これはデザイナー的観点から見るとかなり興味深い。 というのも、ユーザーに対して元々設計されていた「導線」とは異なるルートをユーザーが選択した結果、いつの間にかそのルートの方を他のユーザーも利用するようになった。これは明らかにデザインミスでは無いのか？と。 けもの道 (Desire Paths) について英語ではこの現象をDesire Pathsと呼び、Wikipediaには下記のような説明がされている。 公認されていない自転車道や歩道のことで、定期的に自転車や人間が通ることによって時間をかけて作られた道のことを指す。
AppleのLightningケーブルはなぜ壊れやすいのか？
AppleのiPhoneは充電やデータの送受信用に、独自開発のLightningコネクタを採用しています。Lightningコネクタは片面8ピンですが、USB Type-Aとは違って表裏に関係なく差すことができるのが利点ですが、ケーブルが破損しやすいことでも知られています。なぜLightningケーブルは破損しやすいのかについて、Apple関連の話題を扱うYouTubeチャンネル・Apple Explainedが解説しています。 Why iPhone Cables Break So Easily - YouTube 2012年9月にDockコネクタの後継規格として発表されたLightningコネクタはデータ転送速度がUSB 2.0と同等の480Mbpsで、表裏を気にせず差すことができるのが特徴。しかし、Lightningケーブルの端子の付け根が破損しやすいというのが大きな欠点となっています
ミルクボーイがUIとUXの違いを説明したら｜広野 萌
挨拶内海「どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね」 駒場「いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど」 内海「そうなんや」 駒場「その名前を忘れたらしいねん」 内海「IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン思考か、アジャイル開発か、リーンスタートアップやろ！」 駒場「俺もそう思ったんやけどちゃうらしくてな、いろいろ聞くんやけど、全然わからへんねん」 内海「そうなん？」 駒場「うん」 内海「ほんだら俺がね、おかんの好きなIT用語、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ」 定義駒場「おかんが言うには、製品やサービスとの関わりを通じて利用者が得る体験及びその印象の総体やって言うてた」 内海「
待機状態のUIについて整理してみる(デザイン編)
Introduction 概要 待機状態 UI のデザインについての記事です。 待機状態 UI というのは、ローディングや情報の処理待ち時に用いられる UIのことです。ここで待機状態の UI と読んでいる理由は、各デザインシステムやガイドラインなどで言い方が違うため、今回はこのように言及させてください。 この記事では、既存のデザインガイドラインや既存のデザインシステムから待機状態の UI の概観、デザインにおいて考慮することをまとめます！ ベストプラクティスを提案するわけではなく、作成する際、配慮することを頭に入れて思考できる記事にします。 背景、課題感 WebFront-end における各 UI の実装を行おうと考えているが、実装する際、ビジネス側やデザイン側と実装する UI について話し合って作ることが多いです。 小さなプロジェクトだと、デザイナーがいない事も多く、Front-end
Mac版Safari 15の「タブ」の悲劇
ジョン・グルーバーのブログより。 長かったiOS 15 Safariの悪夢は先月終わり、賞賛に値しますが、WWDCで発表された2つの悪いSafariデザインのうち、重要でない方が存続し、Mac版Safari 15の新しいタブが実際にリリースされました。iPad版のSafari 15も同様の問題を抱えていますが、ここではMac版に焦点を当てたいと思います。 WWDCで発表されたMac版Safariの変更のうち、最も物議を醸し他ものは、タブとURLのロケーション・フィールドを各ウィンドウの最上部に一列に圧縮し、ウィンドウ全体を現在最前面にあるWebページのアクセントカラーで色付けするというものですが、ありがたいこと、 Safariの環境設定ウィンドウ(もちろん、タブの下)でオフにすることができます。タブとロケーション・フィールドを同じ列に配置し、タブ自体をURLのテキスト編集フィールドとして使
Tokyo2020 聖火台 | nendo
東京2020オリンピック・パラリンピックの開・閉会式演出企画チーム統括であった野村萬斎氏の 「太陽の下に皆が集い、皆が平等の存在であり、皆がエネルギーを得る」というコンセプトに基づいてデザインされた聖火台。 求められた「太陽らしさ」を表現するために、耐熱ガラスの球体に炎を閉じ込めたり、 炎を回転させて球状にしたりと、延べ85案が検討された。 試行錯誤の末、「五輪」をモチーフにした5枚のパネルが上下2段で構成された球状のものに。 オリンピック開会式の終盤に、最終聖火ランナーを迎えるようにして「咲く」。 これは、太陽だけでなく、植物が芽吹いたり花が咲いたり、 空に向かって手を大きく広げたりといった、 太陽から得られるエネルギーや生命力を表現したもの。 炎の燃料には次世代エネルギーとして注目されている水素エネルギーを使用。 水素は、2011年に発生した東日本大震災からの復興が進む福島県の施設で製
日本のブランドロゴは世界と比較して文字だらけなのか？ - 最終防衛ライン3
まとめ方が恣意的ではありませんかね？ なぜ日本のブランドロゴは文字ベースのデザインが多いのか？ デザイン会社 ビートラックス: ブログ [B! デザイン] なぜ日本のブランドロゴは文字ベースのデザインが多いのか？ デザイン会社 ビートラックス: ブログ アメリカと中国の企業ロゴはシンボルだけが多いのに、日本の企業は文字ベースが多いと主張する記事である。しかし、日本の例として挙げられる企業が恣意的に選ばれているのではないか？との疑義が寄せられた。それを受けて、記事を執筆した Brandon K. Hill 氏は以下の記事を投稿した。 本当に日本のブランドロゴは文字ベースのデザインが多いのか？ デザイン会社 ビートラックス: ブログ なぜか、日本の企業しか調べられていない。”ロジカル”に検証するなら、前の記事で挙げたアメリカや中国とも比較すべきだろう。 というわけで、グローバル、アメリカ、中国
キャシ on Twitter: "ピクセルパーフェクトって1pxにこだわったデザインをすることじゃないから。 本来のPixel Perfectを解説しようか https://t.co/flWgZApwqR"
ピクセルパーフェクトって1pxにこだわったデザインをすることじゃないから。 本来のPixel Perfectを解説しようか https://t.co/flWgZApwqR
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「ガンダム世代のデザイナーが引退したから」トヨタ車のデザインが劇的に良くなっている理由
Engadget | Technology News & Reviews
業務系システムは『イケてるフラットデザイン』だと使いにくい？現場が本当に必要だった物との比較
