フラットデザイン

1:名無し: ID:Hrnit7Cl00909.net BE:456554519-2BP(1000)
フラットUIデザインでは目的のリンクやボタンを見つけるのに時間がかかるとの調査結果

Nielsen Norman Groupが実施した調査によれば、フラットUIデザインのWebページでは目的のリンクやボタンを見つけるのに
時間がかかるようになり、無関係な部分に視線が向くことも多かったそうだ。
調査は一般的なWebユーザー71名を対象に実施されたもので、アイトラッキングデバイスで視線の動きも記録している。
(以下略、全文はソースで)

https://it.srad.jp/story/17/09/08/0652205/
調査結果(英語)
https://www.nngroup.com/articles/flat-ui-less-attention-cause-uncertainty/

3:名無し: ID:YXEvgV+a00909.net
そりゃそうじゃん
ただの文字の表示なのかボタンなのかすらわからないとかどうかしてる
4:名無し: ID:WDaSvEi600909.net
当たり前だろ
5:名無し: ID:yuvhAr6d00909.net
当たり前の結果のような
関連記事


6:名無し: ID:wj06snse00909.net
立体デザインのほうが使いやすいのは誰の目にも明らかだが
制作しやすいフラットデザインに流れてしまった結果が今
戦犯は不便もありがたがるキチガイ林檎信者とそれに追従して楽な方を選んだ制作者共だ
11:名無し: ID:ZLnXJUz+00909.net
>>6
最初はwindowsじゃなかったっけか
18:名無し: ID:ZqY0LASa00909.net
>>6
制作しやすいとかでなくて新陳代謝促してリニューアル需要作っただけだよ
21:名無し: ID:paDaiGif00909.net
>>6
フラットデザインの旗手はWindowsだろ
124:名無し: ID:sN3Bg6AI00909.net
>>6
メトロUIがすべての戦犯
56:名無し: ID:7buUQ9tz00909.net
>>8
フラットデザインの方がベクターデータと相性がいいんで
43:名無し: ID:7gI4RNmO00909.net
>>8
デザインに関わることがなければそのへん理解できないやつごまんといる
97:名無し: ID:2Jgn5c4H00909.net
>>8>>43
なぜ難しいかといえば立体的なデザインに比べて自由度の幅が狭くボタン同士の差がつけにくいから
つまり旧来と同等以上にわかりやすくするのが難しいってことであってそれに失敗してる以上は言い訳にもならない
10:名無し: ID:kbKiGz8e00909.net
OSXでもちょっと前の立体的なアイコンの方がサイバーで素敵
174:名無し: ID:b/fip/8h0.net
>>10
ほんこれ
iOSに引っ張られすぎ
12:名無し: ID:XnQoLUsS00909.net
フラット嫌い早く廃れろ
30:名無し: ID:R52M4IY700909.net
車のHPの見にくさは異常
価格とカタログスペックもっとわかりやすいとこにおけ
バイクのがまだ見やすい
あとVRカタログはよ
32:名無し: ID:8+R4SYvMx0909.net
>>30
スマホ兼用で製作されてるHTML5デザインは総じてクソだわ
31:名無し: ID:VwscLMOid0909.net
おしゃれ感で操作が良くなるわけがなあ
33:名無し: ID:viMKJN0y00909.net

OSXの視認性最悪のファインダーとか社内で誰か止める人いなかったんだろうか

44:名無し: ID:h0/w2Efia0909.net
>>33
うーん
windowsとMacしか使ったこと無いからMacのFinderより視認性の高いUIがわからん
60:名無し: ID:oD+CerW+00909.net
>>33
最悪だなw絵文字を全く見る気にならん、寧ろ認知速度の障害になってる
203:名無し: ID:QfOgo6h60.net
>>33
Mavericksに戻して気づいたわ
どんだけフラットがゴミなのかを
48:名無し: ID:G9NkQv6up0909.net
>>33
中央左寄りのボタンで表示方法何種類か切り替えられる
107:名無し: ID:3CPk7h2dp0909.net
>>48
切り替えてもモノクロすぎて大して変わらんぞ
アイヴのマイブームなのか最近のMacはハードもOS もシックなデザイン推しすぎ
111:名無し: ID:Eb8ez1fyp0909.net
>>107
こうなるんだがWindowsは違うのか?(アイコンサイズも変えられる)

123:名無し: ID:xpQIlL6jp0909.net
>>111
少なくともWin10の文字と背景の配色でそんな見辛いのはないと思うな
35:名無し: ID:VYGLITBma0909.net
どれがボタンかわかりにくいわ
41:名無し: ID:MWxA8NqS00909.net
>>35
これ
69:名無し: ID:crcAd8PE00909.net
>>35
一時期流行した、アクアボタンというの?

クリックできる場所示すのは、あれが一番わかりやすい気がするわ

79:名無し: ID:8ci6K7+b00909.net
>>69
悪くないなと思ったけど海外ろだで広告に使われまくってて印象最悪だったw
36:名無し: ID:hkgVH09DH0909.net
下手にアップルの後追いなんてするから行けない
39:名無し: ID:FLOe5eFK00909.net
最近のHPは見にくいし重過ぎる
画面全体が画像で、下にスクロールしまくらなきゃいけないHP
途中で戻るボタン押すわ
47:名無し: ID:XR6MMdpC00909.net
>>39
こっちがスクロールして見てる最中に
ブラウザがサイトを何回か読み込みなおしてページ先頭に強制的に戻されるアホ仕様もある
どうなってんのあれ

あと急に浮いてくる広告な
うっかりタップするタイミングで浮いてくる




67:名無し: ID:Z3jCI5kx00909.net
>>47
>うっかりタップするタイミングで浮いてくる

ありゃ確実に狙ってやってるからな
浮いてくるたびにブチギレてスマホ破壊しそうになるわ

本日のおすすめ記事
日本企業のデザイン軽視ってやばいレベルだろ

49:名無し: ID:N6zqM0Te00909.net
ちょっと前から数学的に美しいものこそ美しい
みたいな先入観に囚われてるからなアメリカのIT企業は
57:名無し: ID:rNeMGMNF00909.net
>>49
黄金率が美しいみたいな話か
115:名無し: ID:N/AfYCSrd0909.net
>>49
結局宗教的なんだよな
51:名無し: ID:SUVv6rzy00909.net
これに直感的な美しさはあると思うで
最近のwebサイトはどこもおしゃれだ
52:名無し: ID:UBMO59jF00909.net
winのやつはパッと見でカッコ良い
iOSやandroidはダメだアレ
61:名無し: ID:jnSefAEC00909.net
98ランチ?
あれはだめだ
119:名無し: ID:NTsz6S7500909.net
>>61
Win10と言うか8からだけどあの辺のUI見て真っ先に思い出したのが
Win3.1の頃に各メーカーが挙って採用した使いにくい独自シェルだよね
プログラムマネージャやファイルマネージャの代わりにでっかくてもっさいアイコンが並んでる奴
66:名無し: ID:WUmtK8Nnd0909.net
奥行き感による情報がフラットでは伝えられないよな
109:名無し: ID:viMKJN0y00909.net
>>66
それに気付いたのかMSもGoogleも奥行きや素材感重視したデザイン言語発表してんな
地味にフラットデザインに固執してるのはAppleだけ
72:名無し: ID:GkTrrG3Ed0909.net
フラットデザインが使いにくいとかガチ池沼なのかな?
ちょっと理解しがたい
73:名無し: ID:8ci6K7+b00909.net
>無関係な部分に視線が向くことも多かったそうだ。
フラットUIがなぜこんなに普及させられたかが暗喩されてる
144:名無し: ID:O5wxRLZzM0909.net
>>73
ほんこれ
ユーザーが必要のない情報まで見てくれるんだからフラットデザイン様々やん
75:名無し: ID:IYv+LDuX00909.net
15年くらい前にバリアフリーを心がけたWebデザインが一部でちょっとだけ流行ったが
今はもう見なくなったな、役所のサイトなんかもキチガイ対策かなんか知らんが矢鱈と
細かいばかりで一目瞭然じゃないし。
76:名無し: ID:dT8IwWro00909.net
フラットデザインにはいいものもある
でもメトロUIはクソ
80:名無し: ID:GkTrrG3Ed0909.net
>>76
これ
非フラットデザインでもテキストリンクごちゃごちゃのクソみたいなサイト沢山あるだろ
結局クオリティの問題なんだよ
77:名無し: ID:iDJyn4o2a0909.net
GoogleのMaterialデザインはかなりわかりやすいだろ
すげー研究されてる
http://gigazine.net/news/20160520-google-material-design-motion/
190:名無し: ID:5kGtqdl3a.net
>>77
無茶苦茶細かいから誰でも統一感あるもの作れるけどマテリアルデザインを使いやすいとか
カッコイイと思ったことが一度もない
78:名無し: ID:8Yv7F8X/M0909.net
劣化して行くExcelWord
83:名無し: ID:iDJyn4o2a0909.net
>>78
俺はどんどん使いやすくなってると思うけどな
91:名無し: ID:dNb4c8yS00909.net
>>78
Excelに関しては劇的に良くなったと思うけどな
81:名無し: ID:JA1GWms900909.net
写真加工系のスマホアプリでよくあるんだけどアイコンだけ羅列してあって
押すまで何の機能か分からないの止めてほしいわ
虫メガネマークのアイコンなら検索なんだろうなって分かるけどそれ以外のアイコンは分かんねえよ
157:名無し: ID:PmuiowZCa0909.net
>>81
画像加工アプリで虫メガネマークだったら
普通は表示の拡大縮小だろ
82:名無し: ID:bOok3kPn00909.net
各種の全てがボタンに見えて迷子になる
84:名無し: ID:3Srm7I/H00909.net
作り手側の事情として
「見た目に革新がないと古いと思われる」てのがあってね
93:名無し: ID:bDg2vJEL00909.net
でもフラットデザインの方が洒落てるやん

スキュアモーフィズムデザインは旧時代的に感じる

100:名無し: ID:TzgOJMCh00909.net
>>93
Windowsに限るならvista時代が至高
7からどんどん安っぽくなってった
94:名無し: ID:mQSJ0Ble00909.net
ボタン類はiOS6あたりで完成形

appleでない分があって門外漢が口出してiOSのデザイナーを喧嘩して
ほとんど追い出した

キーボードの視認性とかもiOS6のが高い

177:名無し: ID:9f3CMySw0.net
>>94
こっちの方が使いやすいし安っぽくないし良かったよなあ
99:名無し: ID:TnVHSQy400909.net
フラットデザインを推進した池沼は死刑に値する犯罪者
105:名無し: ID:R4E0k8zz00909.net
だから言っただろ
すぐに戻るって俺の予言を見たことがある奴も結構いるだろう
108:名無し: ID:GkTrrG3Ed0909.net
>>105
絶対戻らないから
端末側に大きな変化がない限りね
117:名無し: ID:NTsz6S7500909.net
色数がどんどん増えて解像度も上がり立体的になったのに
8ビットマイコン時代のそれも低価格MSXみたいな単色スプライトに先祖返りして吹いたよね
158:名無し: ID:PmuiowZCa0909.net
>>117

MSXかぁ…

128:名無し: ID:3BhYTi+9p0909.net
アイトラッキングの実験なんかせんでも、ジジババに
iPad教えてる現場に聞けばすぐわかるぞ。

フラットデザインだとどこ押せばいいか分からないという

135:名無し: ID:GkTrrG3Ed0909.net
>>128
それは暴論だな
多くの場合はUI以前のリテラシーの問題だからね
149:名無し: ID:+a+4YGJ3a0909.net
Windows8以降のMSのフラットデザインは特に酷かった
151:名無し: ID:fDER86C700909.net
>>149
あののっぺりとした見た目が嫌で7にとどまってる
150:名無し: ID:WpY7oDf700909.net
MSのはフラットデザインにすら達していない
何かよくわからないものだろ
いうならWin3.1以下の何か
159:名無し: ID:LKvQ5WnN00909.net
OS9みたいなカリッとしたUIが好き
また戻らんかな

160:名無し: ID:AQoI1iGta0909.net
>>159
Openboxでええやろ
194:名無し: ID:bTTQYbtGH.net
>>159
カワイイよな
レトロゲーム風のデザイン流行ってるしそのうち来ると思う
164:名無し: ID:U2WYWnSr00909.net
iOS6までの方が見やすくて使いやすかった
165:名無し: ID:JwIZzoJn00909.net
単に見た目をフラットにしただけではまったく意味がない
フラットなデザインで使いやすくするには今まで以上に高度な技術が要る
166:名無し: ID:zVrk7ALna0909.net
物理ボタンかたくなに否定してスマホ最高とか暴れてたアホがたくさんいたな
167:名無し: ID:V6mdB9nZ00909.net
ユーザーが欲しいものより
売る側が売りたいものを優先した結果

このまとめの関連記事


2chまとめのまとめ

iOS7に続きなんとAndroid4.4(KitKat)もフラットデザインを採用 これはiOSのパクリではなく時代の流れ

誰も言わないから言うけど、GoogleのUIの分かり辛いわ!!!!

【悲報】割れ厨、一斉検挙キタ━━━━(゚∀゚)━━━━!!wwwwwwwwwwwwww

【悲報】スパロボさん、ガチのマジでヘボットを参戦させてしまうwwwwww

謎の勢力「歩きタバコは火が子供の目に入る、危ない」ぼく「危ないなぁ」

“泥棒市場”「メルカリ」。本人確認を強化しろとの警察要請もガン無視wwwwww

【画像あり】iPhone Xの画面上部がリークwwwwwww

BTOのPCメーカに詳しいなんJ民カムヒア

オワタあんてな

GEEK速報をTwitterでフォローするならこちらwwwwwwwwww

2chまとめのまとめ

【画像あり】シートベルトせずに事故った結果wwwwwww

2ちゃんねる創設者 西村ひろゆき「体罰は必要でしょwwwwww」

アホ「転売すんな!欲しい人が買えないだろ!」俺「転売屋から買う人は欲しい人じゃないの?」

うつ病になったSEを農家に預けると、なぜか1年後には元気にwww

Huaweiが一時的ではあるがスマートフォンの世界シェアでAppleを抜き去り2位に浮上!!!

中国当局、仮想通貨取引所の閉鎖を命じる、ビットコインの崩壊くる?

【悲報】キャリアメール、必要なくなってしまうwwwwwwww

【画像あり】昔のAppleのパソコンがどうしようもないくらいクッソダサい件wwwwwww

「YOUは何しに日本へ?」に出た黒人の正体がやばいwwwwww(画像あり)

積み木のタワーを壊せって言われたロボットが「友達が作ったタワーなんです」とか言ってる画像あるじゃん?

ヤマダ電機、家電・家具の複合店になる・・・

MSNメッセンジャー、午後のこ~だ、Winny…

引用元:2chscから

UI GRAPHICS ―世界の成功事例から学ぶ、スマホ以降のインターフェイスデザイン
UI GRAPHICS ―世界の成功事例から学ぶ、スマホ以降のインターフェイスデザイン