モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | モバイルサイト構築のユーザビリティいろは
2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！ モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
トップページ - 株式会社クロスリスティング | X-LISTING co.,Ltd
クロスリスティングは、マーケットの変化に合わせて 専門性を高めたデジタルマーケティングサービスを提供していきます。
検索連動型広告 Ｊアドリスティング - ジェイ・リスティング株式会社
検索連動型広告,サーチ広告,キーワード広告,SEM,SEO検索サイトで検索されたキーワードに関連したテキスト広告を配信する「検索連動型広告（リスティング広告）」と呼ばれているタイプの広告商品です。 検索連動型広告は、クリック課金型広告であり、インターネット広告の中でも費用対効果がとりわけ高いとされ、わずかな予算でも出稿できることから、近年注目されております。 国内有数の大手ポータルサイトを含む提携パートナーサイト livedoor、Fresheye、AOL、au oneなど、巨大なトラフィックを有し、尚且つ、ユーザー属性が良質であると言われているポータルサイトを中心に、「Jアドリスティング」配信パートナーサイトは形成されています。 今後もパートナーサイトは順次追加される予定です。 毎月の広告予算の確保が容易な、安心の価格設定 一般的に検索連動型広告のクリック単価は入札方式で価格決定が成され
3キャリア共通のモバイルサイトコーディングにおけるポイント
MT4i3.0.8X1の公開後、テンプレートセット作ったりしてますが、中には自分でコーディングしたい!って人もいると思われます。 そんな人のために、既に情報としてはいろいろなところで出ているんですが、一応3キャリア(i-mode/EZweb/Yahoo!ケータイ)共通のコーディングのポイントを纏めておこうかなと。 別にMT4i3.0.8X1だけじゃなく、普通にどんなモバイルサイトのコーディングでも使えます。 一応、注意点をまず述べておくと、XHTMLに対応しているのは、 docomoのFOMA端末 auのWIN端末 softbankの3GC端末 という、いわゆる上位端末になります。古い下位機種では利用できません。 最近は下位端末を利用している人は少なくなりましたし、仮に利用していてもまずネット閲覧にケータイを使う目的ではないので、このあたりは非対応でも問題ないかなと考えています。 次に全体
[XHTML] 携帯サイト（ガラケー）用 XHTML仕様まとめ
各キャリアの最小サイト構成サンプルと備考 Docomo XHTMLバージョンにより、DOCTYPE宣言内のLocale部分の数値が変わる。 content-typeがapplication/xhtml+xmlでないとXHTMLとして認識されない。 Content-Length（ファイルサイズ）が必須。サーバーが付けてくれない場合はmeta手書き。 HR要素のsize属性/height属性の値に関わらず、常に0.5emのマージンを取る。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www
![[XHTML] 携帯サイト（ガラケー）用 XHTML仕様まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
クリエイターであるためにFlash待ち受けを出し続ける
PCのWebサイト制作が主な仕事のダーヤマ氏にとって、Flash待ち受けを作ることは趣味に近い。1つのケータイ待ち受けコンテンツ制作に費やす時間は2時間程度という。 Flash Liteを使ってケータイ向けコンテンツの制作を始めた理由は「動画を作って流せる媒体が欲しかったから」（ダーヤマ氏）だという。ダーヤマ氏には、映画制作に携わりたいという夢がある。どうやったら世の中に作品を出せるかと試行錯誤した結果、取っ掛かりとして「Web」と「ケータイ用Flash待ち受け」という方法に行き着いた。 「Webは反応が早いから面白い。ダウンロード数がすぐに結果となる」というダーヤマ氏は、Webの特性を生かしてユーザーの好みを分析しながら自分の作品を世に出している。 つらい時期から価値観を構築 もちろん、最初から上手くいっていたわけではない。某大手トイレメーカーを退職した後に務めたデザイン会社では、下請け
携帯電話が“秘書”になる：［1］ユーザーの意図を先読みする携帯へ：ITpro
「次のアポイントメントに遅れそうです。そろそろ出かけないと」，「しょう油が残り少ないのでついでに買っておいてはいかがですか」，「天気もいいし，あまり最近運動していないようなので一駅分歩きませんか」──。 携帯電話とネットワークにつながったコンピュータ群が連携し，“秘書”のようにユーザーの世話を焼く。SF映画の世界のようだが，こうしたサービスが現実になろうとしている。インターネット・サービス事業者や通信事業者がユーザーの趣味・嗜好や端末に内蔵された各種センサーから集まるリアルタイムの行動データである「ライフログ」を収集し，積極的にサービスに活用し始めるからだ。集まった情報からユーザーの行動を推測し，冒頭のような提案ができるようになる。つまり「“できるケータイ”から“してくれるケータイ”」（NTTドコモの山田隆持代表取締役社長）に変化していく（図1）。
Flash+APIによるモバイルサービス実践開発 -つくるぶ まとめ
携帯電話でのFlashの利用事例で、先ず思いつくのが各キャリアのトップページです。動きのあるインタラクティブなメニューは、皆さん、毎日目にしているのではないかと思います。一方、公式サイト、勝手サイトを問わず、その他の一般サイトに目を向けると、Flashで動きのあるバナーを制作するということは多いものの、モバイルサイトで全面的にFlashを採用した事例は少ないように思われます。 理由としては、PC版Flashでできるのにモバイル版Flash（Flash Lite）ではできないといった制約の多さにあります。と、同時に「制約が多いらしいね」という先入観で、モバイル版Flashの利用を躊躇されてい方も多いのではないかと思います。そこで、本チュートリアルでは、先ず最初に、モバイル版Flashの制約を解説し、何ができて何ができないかを整理します。その後、いくつかの制約の解決方法しながら、モバイル版Fl
モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
ケータイWebアプリ開発、9つの注意点 - ＠IT
初心者にとってはトラブルが発生しやすいケータイWebアプリの開発。携帯電話への対応サイトを初めて開発するときに想定するべき9つの注意点を紹介する（編集部） 携帯対応サイトを開発するときの注意事項 携帯電話が普及してもう随分たちます。いまでは、サイトを作るときにケータイに対応するかどうか、必ず意識されるようになりました。しかし、ケータイ対応のWebアプリを作ろうとするとPC用のサイトと違う部分も多く、Web開発経験はあるけれど携帯の開発経験がない人にとっては取り組み難く、実際に想像できなかったトラブルがいくつも発生します。 本記事は、Webサイトのモバイル対応を担当した私が、実際に携帯対応サイトを作ったときに発生したトラブルを踏まえて、携帯対応サイトを初めて開発するときに想定するべき注意事項を中心に説明していきます。 ケータイ向けとPC向けのWebページの相違点 インターネットへの接続方法に
ケータイサイトの制作と集客、基本を理解しよう - 携帯マーケ入門#2 | 今からでも遅くない！ これから始めるケータイマーケティング入門
はじめてのケータイサイト 制作PCサイトとの違いを把握するケータイマーケティングで最も大きなウェイトを占めるのは、ケータイサイトの構築である。サイトの構築には、PCサイトとは違う、いくつかの注意するべきポイントがある。 1.キャリアによる違い携帯サイトを構築する場合、対応する携帯キャリアによって、仕様が細かく異なっている。キャリア特有の特徴を把握しながら、サイト制作をする必要がある。 2.メーカーや機種の世代による違い同じキャリアの中にも、メーカーごと、機種（の世代）ごとによる違いもある。これらの違いは、たとえば画像の表示の仕方に現れる。キャリアやメーカーによって画面サイズが異なるし、さらにキャリアによって画像フォーマットが異なる。キャリアの違いについては、他にも絵文字形式や動画形式、Flash、アプリなど多岐にわたって考慮することがあるので注意が必要である。 3.情報量の違いケータイとP
DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ「toInlineCSSDoCoMo」作りました
こんにちは。Windowsの最大の発明はゴミ箱の標準装備だと思っている亀本です。 追記：Mac信者の某氏にゴミ箱はWindowsの発明じゃないと突っ込まれてしまいました。すみません<(｡_｡)> 昨日はグリーさんのオープンソース勉強会に参加してきました。 今回の講師はDeNAの川崎さんで、わりとモバイル屋さんな自分としてはぜひともチェックしておきたいなと思って参加してきました。 勉強会・懇親会ともなかなか面白い話が聞けたり、変な人がいっぱいしたりしてとても面白かったです。 モバイルをやっているといつも面倒なのは、テンプレートの扱いです。 そのあたりのまとめは以前このブログでうちの高橋さんが超まとめてくれた記事があるので、そちらをご参照ください。 とくにDoCoMoのCSS(i-CSS)は開発者泣かせですね。インラインのみに対応とか、開発しにくくて涙ちょちょぎれそうです。 さてさてそんなDo
PHPで各種携帯のGPS機能を簡単に扱える「Net_UserAgent_Mobile_GPS」:phpspot開発日誌
GPS PEARライブラリ / Net_UserAgent_Mobile_GPS キャリアや機種によって様々に仕様が異なるGPSの取り扱いを簡単にするためのPHP/PEARライブラリ PHPで各種携帯のGPS機能を簡単に扱える「Net_UserAgent_Mobile_GPS」。 PEARサイトでも公開されています。 リンク作成のサンプルは、次のような感じになるようです。 <?php require 'Net/UserAgent/Mobile/GPS.php'; try { $g = Net_UserAgent_Mobile_GPS::factory(); } catch (Net_UserAgent_Mobile_GPS_Exception $e) { var_dump($e->getMessage()); exit(); } $url = "http://test.com"; $str
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
ウノウラボ Unoh Labs: Ext JSをUIに使って携帯サイトのシミュレータを作ってみた
五十川です。 携帯サイトの見栄えをシミュレートするウェブアプリ作りました。と言っても、実際に作ったのはかれこれ半年以上前で、手直ししてから公開しようと思ってたら、結局「guid=ON」を付け足したくらいであとは放置だったので、さすがにいい加減晒そうと。 任意のヘッダでリクエストして、レスポンスの絵文字とか変換してサイトの見栄えを確認するというものですが、これはそもそもExt JSをいじってた頃に、Ext JSでこういうの作ればいい感じになるんじゃね？ということで、丁度2.0がリリースされた頃にデモ用に作ったものなのでした（なので、かれこれ半年以上前） 実機テストの代用になるわけでは、もちろんありませんが、絵文字も含めたマルチキャリアでの見栄えを手軽に確認したいときなどに、わりと便利に使えてたりします。 スクリーンショット 機種ごとのプリセットのヘッダグループをYAMLファイルに書いておいて
盛んに開発されているXOOPSを携帯対応させるモジュール:素人サーバ管理者のボランティア業務日誌 - CNET Japan
以前にもここで話題にしたXOOPSの携帯電話対応ですが、かなり盛んになっています。 活発に開発されているのは 携帯対応モジュール xmobile テスト版（Xmobile Demo） XOOPSの公式サイトのダウンロード等に登録されている携帯対応モジュールに機能を加えたハック版（Hoshiba Farm Homepage） この２つでしょうか。両方とも公式サイトのダウンロードに登録されている携帯対応モジュールを元にしていますが、xmobileは途中で全面的にコードを書き直したそうで、まったく別の物と言っていいと思います。 どちらもそれぞれに進化していて、自分の必要とするモジュールに対応している方を選択すると良いと思います。個人的にはxmobileの、携帯端末の固有識別番号を使った簡単ログイン機能に惹かれます。 ただ、私は必要とされる機能だけに絞り込んで独自にハックした物を使っていて、今のと
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『Qoo(クー)』へのコメント
https://ad.crooz.jp/