モバイルサイトのサブナビゲーション – U-Site

2017/11/16 61 users アコーディオン U-Site 下位カテゴリー 実装方法 うち

モバイルサイトのサブナビゲーションの主な実装方法としては、アコーディオンやシーケンシャルメニュー、セクションメニュー、カテゴリーランディングページが挙げられる。このうちのどれがそのサイトに最適なのかは、IAにある下位カテゴリーの数やサイトでのユーザーの移動パターンによって決定される。 Mobile Subnavigation by Raluca Budiu on July 16, 2017 情報ア... 続きを読む

モバイルサイトの最適化チェック「Test My Site」はてなブログでも良い判定にできた - ウェブと食べ物と趣味のこと

2017/07/06 51 users ウェブ 食べ物 Test My Site レンタルブログ 趣味

2017 - 07 - 07 モバイルサイトの最適化チェック「Test My Site」はてなブログでも良い判定にできた SEO ウェブサービス サイト運営 スポンサードリンク ページ読み込み速度については、以前も改善するべくいろいろやってみましたが、レンタルブログということもあり、ユーザー側でどうにもならない部分があるため、放置していました。 はてなブログ高速化にもう一度チャレンジしてみた - ... 続きを読む

表示速度が1秒→7秒、直帰率は113%↑。モバイル向けサイトのUXはとにかくスピードが命 | 海外SEO情報ブログ

2017/02/28 79 users 上級 公表 直帰率 現状 スピード

[レベル: 初・中・上級] 特にモバイル向けサイトでは、ユーザー体験改善のための最優先事項として”スピードアップ”が挙げられます。 現状のモバイルサイトがいかに遅く、遅い表示速度がどのくらい悪い影響をユーザー体験に与えているかを調査した結果を Google が公表 しました。 「完全に表示されるまでに3秒以上かかると、53%のユーザーはページを離れる」「表示速度が1秒から7秒に落ちると、直帰率は1... 続きを読む

モバイルウェブが爆速に！ GoogleがAMP (Accelerated Mobile Pages) を立ち上げ | 海外SEO情報ブログ

2015/10/07 377 users ウェブページ アンプ モバイルウェブ デモ 上級

[レベル: 上級]Googleは、Accelerated Mobile Pages （アクセラレイティッド・モバイル・ページ）という、モバイル端末でのウェブページの表示を高速化するためのプロジェクトを公開しました。 略して、AMP（アンプ）と呼びます。AMPで策定された仕様に従ってモバイルサイトを構成すると、モバイル検索結果からリンク先ページがまさに“一瞬”で表示されます。 AMPをデモで体験AM... 続きを読む

モーダルウィンドウはやめて！モバイルで最適なUIとは？ | UX MILK

2015/07/28 57 users モーダルウインドウ フラストレーション UX MILK 翻訳

この記事はUX Movementの許可を得て翻訳転載しています。 翻訳元記事：UX Movement - Why You Should Avoid Using Modal Windows on Mobile (2015-01-27) モバイルサイトで最もフラストレーションのたまるユーザー体験の一つとしてモーダルウィンドウが挙げられます。PCサイトでは画面サイズが大きいので、モーダルウィンドウの表示... 続きを読む

Googleが119時間のテストをしてわかった「モバイルサイト設計25の指針」 | 男子ハック

2014/08/10 207 users 指針 男子ハック テスト サンフランシスコ シカゴ

モバイルサイトの最適化は必須！モバイルの特性を理解したサイト設計が必要 img　via：モバイルサイト設計の指針 Googleがシカゴとサンフランシスコで119時間にもわたるユーザービリティテストの結果をまとめています。調査対象はAndroid、iOSの両方のユーザーで、商品の購入やサイト内を調べるなどの操作を行い、各サイトでの体験を調査委とともに評価したそうです。 関連：スマホに特化したアクセス... 続きを読む

Google、PageSpeed Insightsのユーザーエクスペリエンス診断機能を正式公開 | 海外SEO情報ブログ

2014/05/19 65 users PageSpeed Insights Google ツール

[対象: 中〜上級]Googleが提供するPageSpeed Insights（ページスピード・インサイト）ツールを使うとサイトの表示速度を診断できます。 スピード診断に加えて、モバイルサイトのユーザーエクスペリエンスを診断する機能を昨年12月からベータ版として試験的に提供していました。このユーザーエクスペリエンス診断機能を正式に導入したことをGoogleは公式アナウンスしました。モバイルサイトの... 続きを読む

Googleが明かすスマホサイト最適化25の最新ルール | グロースハックジャパン | growth hack japan

2014/04/29 451 users Growth Hack グロースハックジャパン リサーチ

検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されていま... 続きを読む

モバイルサイトのナビゲーションメニューは画面下に置くべき | Webクリエイターボックス

2014/02/19 204 users ナビゲーションメニュー モバイルユーザビリティ シェア 必須

スマートフォンを使ってWebサイトを閲覧する人、どんどん増えてきています。モバイルブラウザーのシェアを見ても、そのユーザー数は無視できないものとなっています。サイトによってはデスクトップで閲覧する層より多いところもあるかもしれませんね。私がWebサイトの制作依頼を受けた際、モバイル対応は必須としてきましたが、モバイルユーザビリティについて再考してみたので、今回はナビゲーションメニューについて簡単に... 続きを読む

シンプルで汎用性のある、アウトライン型無料アイコン素材まとめ 2013年PhotoshopVIP |

2013/12/19 116 users 汎用性 アイコンデザイン エントリー iOS 7 ライン

iOS 7に採用された、ラインのみで描かれた、シンプルなアイコンデザインは、モバイルサイトの他に、Webデザインでも利用されるようになってきています。 海外デザインブログCSS Authorで、無料ダウンロード可能な、ライン型アイコン素材をまとめたエントリー「60+ Free Line Icon Sets」が公開されていたので、今回はご紹介します。シンプルなデザインが中心となり、汎用性のあるフリー... 続きを読む

Twitterが将来の暗号解読を防ぐため全サイトにわたってPerfect Forward Secrecyを採用 | TechCrunch Japan

2013/11/23 92 users Twitter ユーザデータ pFS 暗号解読 抄訳

【抄訳】 Twitterが、同社のモバイルサイトとWebサイトとAPIのフィードの全域にわたって、将来の暗号解読からユーザデータを保護するために、Perfect Forward Secrecyを有効にした。このPFSと呼ばれる守秘技術は、Twitterの暗号鍵が将来破られたとしても、それによって、過去に伝送されたデータが解読されることはない、いうものだ。〔*: Forward Secrecy, P... 続きを読む

規約違反のアドセンスの「スクロール固定」を一部サイトが普通に使える理由 : Web Memo.SE

2013/08/23 52 users アドセンス フローティング フロート Web Memo.SE

規約違反のアドセンスの「スクロール固定」を一部サイトが普通に使える理由 Web・Blog広告・アフィリエイト 2013年08月23日 21時30分 Tweet 画面をスクロールさせるとそれに追従して移動し、ウィンドウの特定の場所に固定される「フロート（フローティング）型」と呼ばれる広告がある。スマートフォン向けのモバイルサイトなどで見る機会が特に多いと思われるが、PC向けサイトではサイドバーのコン... 続きを読む

「Above the foldのコンテンツは1秒以下で表示させること」、モバイルサイトの高速化をGoogleが推奨 | 海外SEO情報ブログ

2013/08/11 63 users 上級 遅い 現実 ウェブマスター向け公式ブログ 対象

[対象: 中〜上級]#8 /13（火）〜15（木）のブログ更新はお休みします。モバイル向けサイト（スマートフォン向けサイト）の高速化に取り組むように、Googleは、ウェブマスター向け公式ブログであらためて推奨しました。Official Google Webmaster Central Blog: Making smartphone sites load fast速さが求められているのに現実は遅い... 続きを読む

直感でモバイルサイトのモックアップを作成出来るオンラインツール・Fluid UI - かちびと.net

2012/07/21 58 users モックアップ モックアップツール 直感 スマフォ タブレット

結構良かったのでご紹介。スマフォ やタブレットなどのモックアップを 直感で作成出来るWebサービスです。 かなり簡単に作れるので選択肢の 一つとして覚えておくといいかもし れません。 有料ですが、結構良さそうなモックアップツールです。動作も軽くてサクサク作れます。 Fluid UI 有料のモックアップツール。最安で月/29USDとなかなかの値段ですが、それに見合う機能だなぁとは思います。 パッと見... 続きを読む

psdで配布しているモバイルサイトやスマホアプリを創るときに便利なGUIキット集 | DesignDevelop

2011/11/03 97 users エントリ psd DesignDevelop WEB業界 機会

国内でも徐々に普及してきているスマートフォン。ここ最近ますます、スマートフォン移行が進んでいる感があり、WEB業界でもモバイルサイトやスマホアプリを受託する機会も増えてきていると思います。今回紹介するのは、モバイルサイトやスマホアプリを創るときに便利なGUIキット集「40 New Web, Mobile and Application GUI Kits」です。 Web GUI Kit このエントリ... 続きを読む

ガッキーのこの写真可愛すぎﾜﾛﾀwwwwwwww街中歩いてる女全員クリーチャーだは:哲学ニュースnwk

2011/11/01 70 users ガッキー Mobage 哲学ニュースnwk Tweet 女優

2011年11月01日23:34 ガッキーのこの写真可愛すぎﾜﾛﾀwwwwwwww街中歩いてる女全員クリーチャーだは Tweet 1：名無しさん＠涙目です。(東日本)：2011/11/01(火) 18:23:10.76 ID:/8GnkXqL0● 女優の新垣結衣がモバイルサイト「Mobage（モバゲー）」の 新CMキャラクターに起用され1日、都内にて記者会見を行った。 CM撮影でスマートフォンアプ... 続きを読む

モバイルサイトの3キャリア共通CSSと最新コーディング事情 - livedoor ディレクターブログ

2011/09/13 461 users 日陰 livedoor フィーチャーフォン ガラケー ケータイ

2011年09月13日 18:25 モバイルサイトの3キャリア共通CSSと最新コーディング事情 モバイルサイトの開発 モバイル事情 Tweet こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユー... 続きを読む

クロスプラットフォーム対応モバイルサイトを構築するために必要なファイルをまとめた -Mobile Boilerplate | コリス

2011/03/30 121 users htaccess コリス Sencha Touch CSS

HTML, CSS, JavaScriptをはじめ、sitemap.xml, .htaccessやアクセス解析など、モバイルサイトを構築するファイルをまとめた「Mobile Boilerplate」を紹介します。「Mobile Boilerplate」はjQuery MobileやSencha Touchなどと相性がばっちりだそうです。Mobile Boilerplateの特徴クロスプラットフォー... 続きを読む

携帯サイト・モバイルサイトのSEO対策とアクセスアップ法まとめ | SEOテンプレート比較

2011/02/05 93 users 発展途上 SEO情報 検索エンジン ケース 携帯

携帯サイトのSEO情報と言うのはあまり多くありません。モバイル検索エンジンがまだままだ発展途上にあるという事も大きいですが、携帯でサイトを見る場合に検索エンジンが使用されないケースも多いという事も影響しているのかもしれません。検索エンジン登録モバイルgoo検索へのサイト登録申請Yahoo!カテゴリ – モバイル版クロスレコメンドモバイルNTTドコモは、検索エンジンにモバイルgooを使用しています。... 続きを読む

ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース - livedoor ディレクターブログ

2010/09/21 536 users ケータイサイト プチペット livedoor tableタグ

2010年09月21日 10:53 ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース モバイルサイトの開発 モバイル事情 こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイト... 続きを読む

ケータイサイト制作前にコーダーが確認しておきたいところ │ これからゆっくり考L +α

2010/07/07 472 users コーダー XHTML table 考L HTML

モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字... 続きを読む

mixiアプリモバイルを作る前に知っておきたい、PC版との違い5点 - livedoor ディレクターブログ

2010/03/16 249 users 渡邉雄介 livedoor わん 手順 リリース

2010年03月15日 11:53 mixiアプリモバイルを作る前に知っておきたい、PC版との違い5点 モバイルサイトの開発 モバイル事情 モバイル事業を担当している渡邉雄介です。ライブドアでは2月に初のmixiアプリモバイル「わんにゃん★マイスター」をリリースし、現在も複数のアプリの開発を進めています。 リリースまでの手順はmixi Developer Center (開発者向けサイト) に詳し... 続きを読む

モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | Web担当者Forum

2010/03/08 746 users Web担当者Forum 最終回 ユーザビリティ おさらい 前半

2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント 公式サイトに関する... 続きを読む

デザインQRの作り方。 - case:MobileDesign! モバイルサイトのデザイン紹介ブログ

2010/03/08 868 users case ブレーン Step QRコード ツール

そのほか | いつものサイト紹介からちょっと脱線です。 サイト誘導するためのツールである「QRコード」。その中でもデザインQRコードの作り方のポイントをご紹介します。特殊なデザインQRでなければ、フリーソフトとPhosothopさえあれば作れます。 ・STEP1　プレーンなQRコードを生成する ・STEP2　Photoshopで加工していく ・STEP3　実機で確認する ・オマケ　QRをパス化する... 続きを読む

一歩上行く！携帯HTML/XHTMLデザイン・コーディング術(第一弾) - case:MobileDesign! モバイルサイトのデザイン紹介ブログ

2010/02/15 556 users case 携帯HTML 一歩上

XHTML/HTML TIPS | FlashLiteのことばかり書いているので、今日はHTML/XHTMLのことを書きます。 HTML/XHTMLをでサイトを作る際、デザイナーさんやコーダーさんがちょっと気をつけておけば見栄えはグンッと良くなります。 ぜひ、取り入れてみてください！■画像のコツ横幅240pxの画像を作るときは良く考えて！携帯の画面横幅は240px(VGAだと480px)だから、ど... 続きを読む