アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付） | ベイジの社長ブログ
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
【参考有】地味にイラッとくるサイトの作り:ネットのお話 ブログ（＾ー＾）
2011年04月13日17:13 カテゴリ ツイート パソコンのお話 カテゴリ 知識的なお話 【参考有】地味にイラッとくるサイトの作り 意外なところでユーザーはイラッとしてる。 Jquery使いまくりも よく考えないといけないな！ 実際に作ってみたページはこちら（別ウィンドウで開きます） 1 以下、名無しにかわりましてVIPがお送りします 2011/04/13(水) 15:04:46.08 ID:zutpGT+E0 画像のサムネイルをクリックすると背景が薄暗くなって実寸の画像が中心に表示 12 忍法帖【Lv=40,xxxPT】 2011/04/13(水) 15:08:19.44 ID:KKXuxMO10 >>1 それLightboxって言うんだけど嫌な人多いの？ せっかく使ってるのに。 15 以下、名無しにかわりましてVIPがお送りします 2011/04/13(水) 15:09:26.29
ウェブサイトの横幅
ウェブサイトの横幅ついては過去に「固定派」「リキッド派」により幾度となく繰り返され、おそらく未だ「どちらが適当か」という結論には至っていない。ちなみに俺は元リキッド派で現在は丁度その中間とも言える「max-width派」なんだが固定派の言い分もよくわかる。例えば次の「固定派」の意見。 現実問題として、「多くの閲覧者が特に設定などをしないで見たときに、サイト公開側の意図に沿ったウェブデザインで見せたい」という要請は多いし、またその要請をかなえてこそウェブデザイナーと言えると思う。見せる側の意図を完全に排除し、閲覧者の自由度のみを主張するのは極めて偏った見方だと思うし、また現実問題として、ウェブブラウザーの操作において文字サイズ等を自在に設定できるユーザーは案外少ないものである（こんなページを見ている人なら当然できるような操作でも、ネットやパソコンになじんでいない一般の人たちには極めて高度な作
Opera News
Gaming, Opera GX Pimp your smartphone with GX Mods, now available in Opera GX on Android and iOS February 8th, 2024 Transform the look and feel of your smartphone and tablet and browse like a badass by installing dozens of Mods... New green energy-powered AI data cluster with NVIDIA DGX supercomputing coming to Iceland February 7th, 2024 We’re excited to announce plans to deploy a new AI cluster i
Alertbox: 2005年 ウェブ・デザインの間違いトップ10（2005年10月3日）
2005年、ユーザをうんざりさせてきたWebデザインの間違いをリストアップしてみると、古くから言われているものがランクイン。悪さをし続けていることがわかった。 Top Ten Web Design Mistakes of 2005 by Jakob Nielsen on October 3, 2005 Webデザインの間違いをリストアップするにあたり、今年は趣向を凝らしてみることにした。私が発行しているニュースレターの読者にお願いして、今年、もっとも腹立たしいと思ったユーザビリティ上の問題点を投票してもらったのだ。 読者の参加によって、ユーザテストでは気付かなかった多くの課題が浮き彫りになるだろうと思っていたが、そうはならなかった。30位までにランクインした問題点は、ユーザビリティガイドラインの中で指摘済みのものばかりだったのだ。今年のトップ10を読んで、“聞き覚えがあるぞ！”と思われる方
Alertbox: 識字能力の低いユーザ（2005年3月14日）
識字能力の低いユーザは、高い識字能力を有するユーザとは違う読み方をする。流し読みはせず、一語一句を読み拾おうとするために視野が狭まり、要点を取り損ねてしまうのだ。 Lower-Literacy Users: Writing for a Broad Consumer Audience by Jakob Nielsen 2005年3月14日 ユーザーはウェブをどう読んでいるかを調査したのは1997年だった。ユーザーは、ページを流し読みし、興味のあるところだけを拾い読むことがわかった。以来、ユーザビリティの向上を狙ったコンテンツガイドラインが大きく変わることはなかったが、今日は一つ、ニュースをお伝えしたい。 これまでの調査では対象から外れていた識字能力の低いユーザーを調査対象に加えた。その結果、識字能力の低いユーザーは、インターネット上で、高い識字能力を有するユーザーとは根本的に異なる行動をとる
pukiwiki、はてなトップページの妙な恐怖感
尾野（しっぽ） @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:49:50 нσυѕαι тσяυ／縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:50:38
Tech Wave : 米航空のサイトがFlash削除。恐るべしiPhoneの影響力
ウェブ上のアニメーション技術FlashをめぐるAppleとAdobeの論争が続いているが、ヴァージン・アメリカ航空が自社ウェブサイトからFlashコンテンツを削除したことが、明らかになった。Flashコンテンツ搭載のウェブページを完全に表示できないiPhoneなどのApple製モバイル機器が消費者から見捨てられるのか。それともApple製品に表示できないFlashコンテンツを切り捨てる動きがウェブサイトの間に広がるのかー。論争がIT業界に与える影響に注目が集まっているが、早くもFlash切り捨ての動きが出始めたようだ。 ▼恐るべしiPhoneの影響力 動画ファイルをダウンロードしたわけでもないのにアニメが動くウェブサイトなどはFlashを使っている場合が多く、日本でも携帯電話事業者など消費者向けにデザインセンスのよさを訴えたいサイトなどはFlashを多用している。 しかしAppleのiPh
Flash：99％有害
マルチメディアはウェブの役割のひとつではあるが、現在のFlash技術は以下の3つの点でユーザビリティを損ねる傾向がある。まず、デザインがダメになる可能性が高い。また、ウェブの基本的なインタラクションスタイルからも逸脱している。さらに、本来ならサイトの核となる値打ちを高めるために利用すべき資源を無駄使いしてしまう。 Flash: 99% Bad by Jakob Nielsen on October 29, 2000 ウェブサイトにFlashを利用すると、おおむね99％の確率でユーザビリティにとって病弊となる。めったにないことだが、よいFlashデザインというものも存在する（時にはサイトの価値を高めるのに役立っていることさえある）。だが通常は、Flashを利用するとユーザビリティは低下する。こういったマルチメディア・オブジェクトは、ほとんどの場合、削除した方がいい結果が得られる。 Flash
第1回 Flashはなぜ嫌われるのか | Think IT
今や「当たり前」に使われているFlash 本連載では、ユーザビリティに配慮したFlashの正しい使い方や導入法について紹介します。 エンドユーザーのインターネット接続環境が加速度的に高速化している現在、ムービーやサウンドの要素を含んだリッチなウェブコンテンツは「当たり前」に見られるようになってきています。特に、閲覧に必要なプレーヤーアプリケーションの普及率が高く、プラットフォーム（OSやブラウザなど）の違いに依存せず使えるFlashは、スタンダードな手段として幅広く使われています。 Adobe社の発表（http://www.adobe.com/products/player_census/flashplayer/version_penetration.html）によると、日本国内のFlash Playerの普及率は、どのバージョンもおおよそ99パーセント近くとされています（2008年6月現
今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話。 - Feel Like A Fallinstar
最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1）も割合としてはむしろ減少傾向 グラ
Web Developer Menu より - Shishimushi
');c.document.close();})()" title="Dynamically Add CSS Styles">Bookmarklet - Dynamically Add CSS Styles ページ内の画像を抽出 Images » Show All Images in new page ページ内のIMG要素を抽出して別タブで表示。これ、ちょっと弄ったらFirefoxのLinkyみたいにリンク先画像も抽出できそうなんだけどなぁ……というのは素人考えですかね。 menu - Show All Images in new page Bookmarklet - Show All Images in new page DOM/CSS Inspector Page Info » DOM/CSS Inspector DOM Inspector。実はこれが一番嬉しかったりする。UserJS
3:14 - Flashサイトがクソな理由
(自分用のメモなんで超訳．原文はhttp://glyphobet.net/blog/?p=206) クソなのは，ゲームとかビデオとかが埋め込まれたサイトじゃなくて，HTMLとかCSSとかJavaScriptの代わりにFlashを使ってるサイトね． いつもの右クリックメニューが使えない． 内容をコピペしてコメントしたり引用したりできない．コピペされたくたいならWebに載せるな． 画像を保存できない．コピペされたくないなら(ry URIがない．ブックマークできない． いつものスクロールバーでスクロールできない．スクロールバーっぽいものを実装してても，それに気づかないし混乱する． マウスホイールを回した時にFlashがあったらいつもと違う動きをする． いつもと同じショートカットキーが使えない．PageUp動かないしTabでリンク間をフォーカス移動しないしEnterでリンク先に飛べない． ページ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
チャリティや慈善事業サイトから学ぶサイトの重要な8つのポイント
IPA、ブラウザ間の互換性問題をチェックできる無料ツール 
ashikunep.org
「ウェブデザイン」改め「特定UA特定解像度特定環境ピンポイントデザイン」 - 雑記 - AZ store
webサイトの横幅の可変or固定、「〜ながら」できるwebデザインを｜AZ note