スマートフォン向けに最適化されたはずのサイトが犯した7つの大罪
By Nukamari 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を含んでいると、ロード時間が極端
日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
WordPress iPhoneアプリ 『ログインできませんでした。』と表示されたときの対処法 | mamadiary.ネット
WordPressのiPhoneアプリに、自分のブログを追加しようとして、ブログURLとユーザー名、パスワードを間違えず入力したのに、 ログインできませんでした。 このサイトはXML-RPCが無効になってます。 管理者ユーザーは http://【自分のドメイン】/wp-adomin/options-writing.php で有効化できます。 というメッセージが出てきた時の対処法です。 このXML-RPCを有効にするには、パソコンから管理画面にログインし、【設定】から【投稿設定】を開きます。 投稿設定の下の方に【リモート投稿】という項目があるので、XML-RPCの『 WordPress、Movable Type、MetaWeblog および Blogger XML-RPC 投稿プロトコルを有効にする。』と書かれた部分にチェックを入れ、一番下の【変更を保存】で変更を完了させてください。 再度、
【wordpressでスマホ対応のプラグインはいろいろあるね】ただし、選択に困るのだけどもね・・・ | 今村だけがよくわかるブログ
どうも、東京都北区十条の今村です。 いよいよ、私もwordpressのスマホ対応を本気で考えることにしました。 それで巷の情報を探しますとですね、 以下のプラグインが大体出てくるんですね。 ちょっと整理しとこう。 wp-touch これが最も有名なプラグインですよね。ダウンロード数もケタが違う。 カスタマイズは、こちらのサイトがとても勉強になります。 私がWPtouchのトップページ画面をカスタマイズするために行った5つのこと｜けんけん.com ダウンロード：wp-touch MobilePress 今までこれを使っていたんです。 動作もスマホ対応のプラグインの中では一番軽いです。 参考サイトはこちらです。 MobilePressとjQuery MobileでiPhone最適化 ｜ HiGash.Net 私はここまでカスタマイズしなかったなぁ～。すごいです。 ちなみに、プラグインのアッ
Ywcafe.net
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Contact Lens song lyrics Migraine Pain Relief Healthy Weight Loss Work from Home Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information
スマートフォンサイトで好まれるユーザーインターフェイス【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随
iPhone向けサイトのユーザビリティ最適化でチェックしておきたい項目まとめ
iPhoneを始めとするタッチパネル＆フルブラウザ搭載のスマートフォンの普及が進んでいる。iPhoneの出荷台数は世界で3000万台、日本国内に関して公式な発表はないが200万台を超えていると推測されている。今後はWindows Mobile端末の進化やAndroid携帯電話により、このスタイルの携帯端末の利用者がさらに拡大していくことが予想される。 今回は、こういったタッチパネル＆フルブラウザ搭載のスマートフォンからのウェブサイト／サービスのユーザビリティについて、主にiPhoneを題材に考えてみよう。 iPhone対応は形式にとらわれず「ユーザー中心」視点で iPhoneからのウェブ利用には、従来の携帯電話と同様の「携帯性の高さ」「位置情報との連動」などに加え、 従来の携帯電話と比べて画面サイズが広い 端末の処理能力が高く、アプリでのサービス提供の自由度が高い 独自の操作（画面をつまむ
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話。 - Feel Like A Fallinstar
最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1）も割合としてはむしろ減少傾向 グラ
nobilog2: 以前からあった機能を「特別」にするiPhoneマジック
歯医者での待ち時間、Twitter経由で知り合ったplanetofgoriさんのブログに 「iPhoneは宣伝の仕方が巧みである」というおもしろい記事がある。 記事の中で、planetofgoriさんは、 ・最新のiPhone 3GSの電子コンパスは、日本の携帯ではとっくの昔に搭載している ことなどに触れており、iPhoneは宣伝の仕方がうまいと書かれている。 実際にiPhone 3GSが電子コンパスを搭載するはるか前に、京セラのau携帯は電子コンパスを内蔵して、EZNaviwalk（Navitimeの中でも最高峰のau専用版）との素晴らしいインテグレーションを果たしていた。 さらにiPhone 3GがGPSを搭載するはるか前から、日本の携帯電話ではGPSの搭載が当たり前になっていた。 ちなみにアップルは、何もしないでもiPhoneが話題になることに任せてか、 iPhoneの宣伝にはそれほ
村上隆とヴィトンのコラボで、超ポップなQRコードが誕生
本当にサイトにジャンプできますよ。 さえない白黒模様のマークを見かけることも、今では普通になってしまいましたけど、二次元バーコードのQRコードが誕生してから、今年で15年になるんですね。まぁバーコードなんだから仕方ないんでしょうけど、でも、もうちょっとデザイン的にオシャレだといいんだけどなぁ… な～んてつぶやいた人はボクだけではないと思うんですけど、やってくれましたよ。このほど、ポップアーティストの村上隆さんとLouis Vuitton（ルイ・ヴィトン）のコラボレーションにより、初めて村上隆さんがデザインを手がけるQRコードが完成。いやぁ、どうです？ あの地味で殺風景な白黒QRコードが、こんなにもキュートなアートになるなんて、さすがですよね！ ただのコンセプトデザインではなく、普通にヴィトンのサイトへジャンプする、立派な本物のQRコードとしての役目も果たしてるっていうから驚きです。SETの
草間彌生氏が手がける“アート”な携帯電話3作品――「iida」Art Editionsモデル
KDDIは4月7日、auケータイ新ブランド「iida」のArt Editionsモデル「ドッツ・オブセッション、水玉で幸福いっぱい」「私の犬のリンリン」「宇宙へ行くときのハンドバッグ」を発表した。 関連記事「写真で解説する『Art Editions YAYOI KUSAMA』」 Art Editionsとは、現代アーティストとともに携帯電話を現代アートへと一変させるiidaのデザインプロジェクト。今回発表された3作品は、水玉モチーフと強烈な色彩で他に類をみない作品を生み出す前衛芸術家の草間彌生氏が手がけたもの。草間氏が携帯電話をテーマに制作した作品をもとに、携帯電話としての機能性を損なうことなく、今までにない細密な手作業や高度な印刷技術を駆使するなど、通常考えられない手間と時間をかけて制作されたという。 3作品とも従来の携帯電話像を覆す独創的なものだが、auの製品として発売される予定だ。販
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Good night, Posterous
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
