デザインの敗北事例集～人に伝わらないデザインは死ぬ～｜かじさん＠旅するWebマスター
ヒトに伝わらないデザインは、いとも簡単に死んでしまう。 オシャレでカッコよく、綺麗で鮮やかなデザインを作り、自分もクライアントも満足したとしても、機能性が無いデザインは簡単に死ぬのだ。 今回はそんな「デザインの敗北」事例を10個程度ご紹介しよう。 ※反対の「デザインの勝利事例集」記事はこちら 東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ？」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき pic.twitter.com/kpI8LnWkq7 — Simon_Sin (@Simon_Sin) April 2, 2018 わかりやすいデザインの敗北事例である。 どう見てもトイレを示すアイコンが小さすぎる。 デザインは「問題解決」のためにあるので、機能性を大いに失っ
“触り心地”がいいUIとはなにか PWA時代のWebエンジニア／UIデザイナーが思う、直感的な道具に必要な4つの性質
関心が高まりつつあるPWA（Progressive Web Apps）についての技術・情報交換の場である「PWA Night」。Vol.14の今回はUI/UXがテーマです。「さわり心地のよいウェブを考える」というテーマで登壇したWebエンジニアの竹本雄貴氏は、直接操作を感じさせる、触り心地のよいUIとは何かについて共有しました。 Webエンジニア／UIデザイナーとしてPWAに感じる可能性 竹本雄貴氏（以下、竹本）：今回オンライン開催ということで、PWA Night 14回目のUI/UX回で話させてもらいます、竹本と申します。今YouTube Liveの画面開いてますけど、100名ぐらいの方がオンラインになっていて、けっこう緊張しているし、今までやったことのない取り組みなので、かなり不安のなかやっています。 前回の「PWA Night CONFERENCE」のLT会では「手触りのよいウェブを
バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -
忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか？私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの？」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは？とご指摘頂きました。
君たちはそんなにハンバーガーメニューが好きなのかね？
はじめに 本稿は UI Design Advent Calendar 2015 – 8日目のモバイル UI に関する記事です。 まず私はハンバーガーメニューという UI が嫌いです。その理由についてこの記事で説明していきたいと思います。 あの三本線を人はハンバーガーと呼ぶ 最近よく見かけるあの“三本線”のことを海の向こうでは ハンバーガーアイコン とか ハンバーガーメニュー とか言うらしいです。上のがパンで、真ん中のがハンバーグで、下のがパンに見えるからだそうです。にしてもこのただの三本線をハンバーガーと表現するのは少し無理があるような気がします。まあ違和感あれどそこに抗っても仕方がないので、とりあえずこれはハンバーガーと呼称することにします。 ハンバーガーメニューを避けたい理由 真面目にハンバーガーメニューを考察してみます。 1. 何をするのかがわからないアイコン https://dri
Private Presentation
Private content!This content has been marked as private by the uploader.
「文句たれるユーザーは全員殺して回りたい」と発言 「ニコニコ静画」ユーザーから猛批判、「炎上」
画像・イラスト投稿サービス「ニコニコ静画」の大幅なリニューアルに伴い、使いにくい、見づらい、前のバージョンに戻せ、といった批判が殺到した。 そうした中、運営会社ドワンゴの関係者と思われる人物がツイッターで、UI（ユーザーインターフェイス）を変更したことにケチを付けるユーザーを「全員殺して回りたい」などと発言した。このため、「客をバカにするな！」「殺害予告として通報しろ！」などと物議をかもし、ツイッターが「炎上」した。 「サービス側の決定に対する文句は絶対に許されない」 「ニコニコ静画」は、動画投稿サイト「ニコニコ動画」の画像・イラスト版として約4年前に誕生。2013年11月14日にはスマートフォン向けページのオープンと、TOPページ、イラスト表示ページなどのデザインを一新する大幅なリニューアルが実施された。しかし、これがユーザーたちから使いづらい、見づらいといった酷評の嵐となり、16日頃か
規則性を利用した知覚しやすいデザイン
規則性を利用した知覚しやすいデザインとは、ユーザーが少ない労力で効率的に理解できるデザインのことです。 規則性が無く、まとまりのないデザインでは、ユーザーが要素を知覚したり、付随する意味を汲み取ったりするのに、不要な労力をかけてしまいます。 デザインをする時にこういったことを念頭に置いておけるよう、整理してみました。 人の特性として、規則性を見出し、記憶の負担を節約しようとする、というのがあります。この規則性を構成するものはスーパーサインと呼ばれ、その定義は書籍『認知心理学』で以下のように書かれてあります。 効率よく知覚し、記憶の負担を減らすことのできるパターン 『認知心理学 (New Liberal Arts Selection)』 P.55 記憶の負担を減らすデザインを作るためには？ 例えば以下のような要素に規則性をもたせます。 形 色 大きさ 余白 要素には意味が付随するので、意味に
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
iOS 7: ここ10年で最大の悪夢 | Ticking Point
WWDC 2013でOS X MavericksやMacBook Airらと一緒に、iOS 7が発表された。フラットデザインになるとかねてから噂されていたし、直前には9to5MacがリークされたiOS 7を元につくったというモックアップを掲載していた。そのデザインは悪い冗談にしか思えなかったが、翌朝WWDCで発表されたiOS 7はその悪い冗談そのものだった。 iOS 7のデザイン変更のきっかけのひとつは、過剰なSkeuomorphicデザインへの批判だと思うけど、おれはiOS 6以前のSkeuomorphicあるいは過剰な装飾が嫌いじゃない。批判されることの多かったNewsstandの木の本棚やGame Centerの緑のフェルトなんかは正直言って結構気に入っていた。無意味な遊び心だけじゃなくそれが何を表してるか明確だし、特に誤解を招く表現でもなかった。それにiOSはシングルタスクでひと
代替の無いWebサービスのUIを変える、という事 - おっホイ別館 − はてな村の物語
色々物議を醸している、下の一件についてつらつらと。 Twitter / jkondo: 老害を叩いてイノベーションを支持していくのがはてな民の矜恃かと思ってた（引用） / “はてなブックマークのリニューアルデザインにはみんな慣れただろ” http://htn.to/pR8MVn http://b.hatena.ne.jp/entry/twitter.com/jkondo/status/342839522603700224 以前私は、ニコニコ動画のUI変更でも色々文句を付けていたりします。 UX/UIについて勉強したわけでもない、プログラミングが出来る訳でもないおっさんユーザーではありますが、またちょっとだけ書かせてください。 代替の無いWebサービスにおいて、UIの大幅変更による影響測定は困難なんじゃなかろうか。 はてなブックマーク、またニコニコ動画、２つのサービス共に、実質的代替サービス
dribbbleデザイナーが今最も注目しているカラーをチェックできるツール -Color Pickers
デザインの宝庫dribbbleの素晴らしいアートワークで使用されているカラーをピックアップし、カラーのインスピレーションを得られる「Color Pickers」を紹介します。 UIも洗練されていて、操作も気持ちいいです。 Color Pickers 僕も毎日dribbbleをチェックしていますが、dribbleでは日々100以上のアートワークがアップロードされ続けています。Color Pickersはそれらのアートワークからどのカラーが前途有望で、人気が高いかをチェックできるツールです。 使い方は簡単で、右上のリロードボタンをクリックするだけです。IEは非対応です（涙。 任意のカラーが選択され、そのカラーをベースとするdribbleの最も人気が高いアートワークのパレットを表示します。
ソシオメディア | フラットデザインはUIを進化させるか
ウェブやアプリのデザイナーであれば、ここ1〜2年のUIトレンドであるフラットデザインについてご存じだと思います。すでにこのトレンドを意識して実践しているかもしれません。今回はフラットデザインの特徴とそのポテンシャルについて考えてみます。 フラットデザインとは、画面に表示するボタンやメニューなどのUI要素を非常に平坦な見た目にするという表現手法です。ウェブでもアプリでも今やこのフラットデザインを取り入れているものが沢山ありますが、中でも代表的なのは、Windows 8 の Modern UI と Google の一連のサービスでしょう。 フラットデザインと言っても、もちろん明確な定義があるわけではなく、フラット度合いは様々に試されていますが、一般的な特徴をあげてみます。 UI要素の「塗り」に、グラデーションやテクスチャを使わず、単色にする ドロップシャドウやベベルといった立体感を出す表現を用
IAシンキングとは -information architecture- ｜https://wp.yat-net.com/name
2013年 04月 19日 IAシンキングとは -information architecture- カテゴリ： IAシンキング タグ：IAサイト構築サイト設計 サイトの設計、情報の整理、SEO、UI。Webサイトの構築時に考えるべきことはたくさんありますね。世のWebデザイナーの方やディレクターの方、インハウスの方など、色々な 役割の人がそれぞれの観点から情報を整理したり、競合サイトを調査したりと様々な事をしています。 しかしそれらを行うにあたって明確なフローが決まっているか？と言う割りとそうではなく、多くの人が意識的レベルでそのフローを行なっているのではないでしょうか？ それらのフローを意識レベルで行えるということは非常に素晴らしく、欠かすことが出来ないスキルであることは間違いありません。 ですが、プロジェクトに参加するメンバーのスキルやレベルは必ずしも一致しているとは限らない為、ひと
保存アイコンでみえてくるアイコンデザインの勘違い
先日 Goodpatch さんが 保存アイコン＝フロッピーディスクの時代は終わった…？ という興味深い記事が掲載されていました。フロッピーディスクを保存アイコンをとして採用するのは古いのではないか、という議論は国内外で何年かに一回はあります。私も 2009 年に変わりゆく「保存」の存在と題してフロッピーディスクアイコンのあり方も踏まえて、今後の保存の姿を模索していました。また、先月開催された Android Bazaar Conference 2013 Spring でも同じ話題に触れています。 アイコンと問題解決について 様々なデザイナーが新しい保存アイコンを提案しているものの、「うん、これは保存だ」と納得できたものはほとんどなかったと思います。ダウンロードにみえるものも少なくありませんし、中には抽象的すぎて何を意味しているのかさえ分からないのもあります。自分たちのクリエイティブアウトプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【山田祥平のRe:config.sys】 見えないボタンは押されない
cakes（ケイクス）
ガンホー、『パズドラ』に色弱向けオプションを近日実装 | インサイド
ウェブページやスマフォアプリの制作時に参考にしたいUIエレメントをコレクションしているサイトのまとめ
http://handywebdesign.net/2013/03/layout-and-design-about-menu/
RedsAfi.com is for sale | HugeDomains
