【ネット】スマートフォン向けに最適化されたサイトが犯した7つの大罪[14/01/25]

このエントリーをはてなブックマークに追加
1のーみそとろとろφ ★
PCで閲覧できるサイトの中には、スマートフォン向けに最適化したサイトを別に作成しているものがあります。
ユーザーエクスペリエンスを向上するために最適化されたはずのスマートフォン用サイトの中には、
不便な要素を含んでいるものが多く存在しているようで、
Umer Mansoorさんが「スマートフォン向けに最適化されたサイトが犯した7つの大罪」として、
スマートフォン用サイトの悪い例を公開しています。

7 Deadly Sins of Mobile Websites | 10K-LOC
http://10kloc.wordpress.com/2013/12/26/7-deadly-sins-of-mobile-websites/

◆01:ロード時間が長すぎる
ロード時間はサイトを成功させるために重要な要素の1つ。サイトに多くの高画質画像やJavascriptを含んでいると、
ロード時間が極端に長くなりユーザーをイライラさせてしまいます。

◆02:表示されている文字が多すぎる
http://10kloc.files.wordpress.com/2013/12/cluttered.png
多くの文字を表示しているサイトは、読みにくく肝心な情報がユーザーに伝わってきません。
話し上手な人が必要な情報をうまく盛り込みつつ簡潔に話をまとめるように、
サイトも文字を少なくして情報の取捨選択をしっかりと行うほうがよい、とのことです。

◆03:使えないナビゲーションメニュー
メインメニューボタンが隠れている・ボタンが小さすぎる・ボタン同士が近すぎてタップしにくいなど、
使えないナビゲーションメニューをリストアップしだすときりがありません。
Mansoorさんは何回タップしても、意図しているボタンの下にあるボタンをタップしてしまう経験があり、
指が太い人のことも考慮してサイトをデザインして欲しいとのこと。

◆04:PC用サイトと全く違うコンテンツやデザイン
http://10kloc.files.wordpress.com/2013/12/desktop-vs-mobile.jpg
PCで閲覧したときは見やすかったのに、スマートフォンで見てみるとサイトのデザインやコンテンツが大きく変わっており、
同じサイトであるかさえ疑ってしまうものがあります。

◆05:ポップアップ
http://10kloc.files.wordpress.com/2013/12/popup-3.jpg
アクセスしているサイト専用のアプリのダウンロードを促すポップアップが表示されることがあります。
Mansoorさんによると、スマートフォンサイトは使いにくい場合もあるが、サイト専用のアプリよりはましであるとのこと。
ポップアップはユーザーエクスペリエンスを向上しているどころか、低下させる原因の1つ。

続きます>>2-3
http://gigazine.net/news/20140125-7-sin-smartphone-website/
2のーみそとろとろφ ★:2014/01/27(月) 13:30:00.62 ID:???
>>1より
◆06:全く機能的でない自動リダイレクト
http://3.bp.blogspot.com/-7Mv-UlAzuPc/UbGjUw-HVsI/AAAAAAAAAEg/JFO_vk7GGBw/s320/N1+redirects.png
スマートフォンでPC向けのサイトを閲覧していると、スマートフォン用のサイトに自動でリダイレクトされることがあります。
自動リダイレクトの中には、PC版のどのページを開いても、
リダイレクト先がスマートフォン用サイトのトップページに設定されていて、
全く見たいコンテンツにたどり着けないことがあるそうです。
Googleは自動リダイレクトについて専用のページを用意しており、サイトオーナーに注意を促しています。

◆07:多すぎるバナーや広告
http://10kloc.files.wordpress.com/2013/12/last-time-we-had-virtually-no-success-with-1-banner-this-time-well-double-the-amount-of-banners.jpg
スマートフォンの小さなディスプレイでサイトを閲覧するのに、
バナーや広告が多すぎては肝心のコンテンツが見えにくくなってしまいます。

「スマートフォン向けに最適化されたサイトが犯した7つの大罪」は、
スマートフォン用のサイトを閲覧していると一度は感じたことのあるものばかりで、思わずうなずいてしまう内容になっていました。

以上です。
3名刺は切らしておりまして:2014/01/27(月) 13:31:24.99 ID:PYP13WR6
シンプルが一番良い
4名刺は切らしておりまして:2014/01/27(月) 13:33:43.13 ID:2EX1mAJv
フロートでバナー表示するのが最大にウザいな
一定時間操作しないと出てくるし、ただでさえ狭い画面を無駄に専有するわ電池にやさしくないわで最悪
5名刺は切らしておりまして:2014/01/27(月) 13:34:29.24 ID:t2/jHFTU
>◆01:ロード時間が長すぎる

待ち時間内にJavaScript(ジャバスクリプト)で書かれたプログラムが
裏で悪事行為を行っていると考えていましたが、違うようですね
6名刺は切らしておりまして:2014/01/27(月) 13:43:15.95 ID:y286XTgi
読んでみたけど、これってスマホ向けに最適化されたサイトの罪ではなく
最適化が十分でないサイトの罪の羅列じゃないかと思った
7名刺は切らしておりまして:2014/01/27(月) 13:44:49.78 ID:BkhNci9S
http://summary.fc2.com/summary.php?summary_cd=171144
【中韓国旗ばかり】これがしばき隊の正体だ!【逮捕者続出】

http://summary.fc2.com/summary.php?summary_cd=290438
【これは珍品だ!】韓国から出てきた朝鮮戦争の画像たくさん

http://summary.fc2.com/summary.php?summary_cd=231226
【カルトキョッポ】在日代表 李信恵リ・シネは創価だった!!【韓国情報院からもマーク】

http://summary.fc2.com/summary.php?summary_cd=264018
韓国人の出入禁止や暴行から ライダイハンまで! ここまで嫌われている韓国人たちの実態W

http://summary.fc2.com/summary.php?summary_cd=288964
【動画アリ!】WW2 日本戦闘機を見た世界から感嘆の声! 【日本の翼】

http://summary.fc2.com/summary.php?summary_cd=219471
ついにバレた アメリカに続き ソウル大学教授が慰安婦捏造を認めました!

http://summary.fc2.com/summary.php?summary_cd=267507
【黒地獄】黄禍 世界を蝕む中国の暴虐の実態! 【中国人も被害者】

http://summary.fc2.com/summary.php?summary_cd=281672
【チョンポリシー】生活保護費でポルシェ【これが在日のやり方】
8名刺は切らしておりまして:2014/01/27(月) 13:45:04.62 ID:UJPkfvFX
結局PCモードで見てるわ
9名刺は切らしておりまして:2014/01/27(月) 13:50:59.93 ID:UkT7CgFD
その内脳波でサイト検索する時代になるよ
それまではご不便をおかけします
10名刺は切らしておりまして:2014/01/27(月) 13:52:41.14 ID:JfnDLGSw
>>2
>スマートフォン用のサイトに自動でリダイレクトされることがあります。

嫌でも見せるは、嫌なら見るなより悪質
11名刺は切らしておりまして:2014/01/27(月) 13:55:29.23 ID:8KGXfdFt
便利なのか邪魔なのか
12名刺は切らしておりまして:2014/01/27(月) 13:55:36.09 ID:Rf7yZAXQ
広告だせば儲かると騙された結果
13名刺は切らしておりまして:2014/01/27(月) 14:04:00.01 ID:OnuMt4Hb
結局i-modeサイト時代と変わってないという。
当のアップルはスマホサイトなんて用意してないというのに。
14名刺は切らしておりまして:2014/01/27(月) 14:09:01.50 ID:yo/v+q9E
>>13
ほんこれ。
15名刺は切らしておりまして:2014/01/27(月) 14:09:46.65 ID:0QHZSfXx
◆04と◆07は確かによくある。
16名刺は切らしておりまして:2014/01/27(月) 14:40:38.69 ID:6xyby3wX
>>13
いやアップルはスマホサイト作るべきだろw
めちゃ見にくいぞ。

ようは懲りすぎず広告は最小限に、小さい画面とタッチ操作に優しくすればいいだけ。
17名刺は切らしておりまして:2014/01/27(月) 14:42:07.47 ID:xcapUwtL
読むこと自体が間違ってる
スマホではアイコンのタッチのみを行わせるべし
文字を読ませるなんて非常識なことはやっちゃあいけない
なんで文字を読ませたがるのかね
意味が分からんよ
18名刺は切らしておりまして:2014/01/27(月) 15:04:14.57 ID:tJ6f/BfI
びんたんも使いづらいな。べっかんこの方がまだ使えるわ
19名刺は切らしておりまして:2014/01/27(月) 16:13:17.00 ID:125rquWA
タブレットだと
無条件にスマホサイトに飛ばされるから
Yahooなんか使わなくなったなぁ
googleも昔の画像検索に変えるボタンが延々と下に逃げてゆく・・
20名刺は切らしておりまして:2014/01/27(月) 16:46:10.07 ID:ErRRTJb3
デカいフロートバナーが最悪だな
しかも消せない

二度と行きたくなくなる
21名刺は切らしておりまして:2014/01/27(月) 17:35:37.05 ID:qlHNrZoe
機械が賢い分使ってる人間がバカ
22名刺は切らしておりまして:2014/01/27(月) 17:46:10.23 ID:IXL6ja5n
>>3
テキストブラウザ最強だな
23名刺は切らしておりまして:2014/01/27(月) 17:51:43.40 ID:1lIBOtaz
スマホ持ってないから分かんないけど
PCやガラケーみたいに画像の自動取得offとかスクリプト無効にできないの?
24名刺は切らしておりまして:2014/01/27(月) 17:56:34.24 ID:JPt1Hx+5
>>13
スマートフォン最大の売りだったパソコン向けWebサイトが見られるのだって
緊急避難的な機能だったとおもうのだよな。

わざわざスマートフォン向けサイトを作るのだったらガラパゴス携帯電話で
十分で、外出先でみたければタブレットをつかうべきだったのかもしれない。
25名刺は切らしておりまして:2014/01/27(月) 17:57:38.01 ID:JPt1Hx+5
外出先で→外出先でパソコン向けサイトを
26名刺は切らしておりまして:2014/01/27(月) 18:48:39.76 ID:D17uZJPY
スマートフォンってパソコンサイトを見れるのがコンセプトであってスマホサイト見るのならガラケーでええやん
27名刺は切らしておりまして:2014/01/27(月) 18:53:25.99 ID:UMrH8bAx
>>23
Androidだとできないんじゃね?
広告屋Googleが広告を見せない設定を許すとは思えない
 
持ってないから知らんけど
28名刺は切らしておりまして:2014/01/27(月) 19:04:02.68 ID:Hz4oH6Ze
>>27
フィルタリング用proxyを使うと良いよ(FilterProxy等)
auだとproxy設定出来るwebブラウザが必要になるけど
29名刺は切らしておりまして:2014/01/28(火) 09:35:04.23 ID:zuZkxne6
>>28
opera使えば?
30名刺は切らしておりまして:2014/01/28(火) 14:05:55.07 ID:5RtYyEAb
Operaはレンダリングエンジンを自前のPrestoからWebKitに変えてダメになった
31名刺は切らしておりまして:2014/01/28(火) 14:53:10.63 ID:pgFQSSyj
>>27
Androidはブラウザアプリ自体いろいろあるし問題ない。

むしろiOSはブラウザ内部でsafari利用必須の開発者規約なので逃げ道がない。
一部に非表示化だけできるのはある。
32名刺は切らしておりまして:2014/01/30(木) 11:03:41.05 ID:dKpa4gPG
最近の大画面高解像度化でPCサイトだけありゃ充分だろ
4.3インチとかちんけなサイズ切り捨てたらええ
33名刺は切らしておりまして
そもそもスマフォ専用ページを作るな。