タグ

mobileに関するebityanのブックマーク (31)

  • in the looop | Looops communications

    ループス・コミュニケーションズは、 企業のSNS活用戦略の立案・運用改善、啓発教育などのコンサルティングサービスや、リーダーシップやイノベーションをテーマとした企業研修を提供しています。

    in the looop | Looops communications
  • ガラケーからスマホの怒濤の流れで割を食ったサービス|More Access! More Fun

    ※前半部分はしょりすぎで意味不明の部分があったので追記しておきます 7/18 最近、スマートフォンの浸透が著しく、携帯売り場はスマホか「らくらくホン」しか売れなくなっているという。長い爪のギャルはタッチパネルでは打てなかったがついに女性用と名打ってキーボード式のスマホまで出てきた。ガラスマですな。 某大手携帯メーカーS勤務の友人も「ガラケー市場は死にました」と言ってます。アメリカの市場では成人の35%がスマホだそうだが(ソースはこちら)、日でもこんな感じ しかしこんな急激にスマートフォンが来るとは、キャリアもコンテンツプロバイダも予測してなかったのではあるまいか。というかドコモでさえSoftBankにここまでやられたのは単にスマホの需要の見誤りだし、auなんて、もうSoftBankに抜かれて三位転落が目の前に迫っている。2011年6月でドコモ47%、au27%、SoftBank21%。5

    ガラケーからスマホの怒濤の流れで割を食ったサービス|More Access! More Fun
  • 考察:Appleはスマホサイトを作らない。

    今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう

  • スマートフォンサイトをデザインする上で知っておくべき10のTIPS

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS
  • fladdict » スマホのUI考 〜 ボタンについて

    SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ

  • 【スマホ集中連載 第11回(最終回)】過去10回分の“大事”なところをまとめました : LINE Corporation ディレクターブログ

    こんにちは。新世紀メディアグループの石野です。 3月より始まりました短期集中連載「ディレクターのためのスマートフォン講座」も今回で最終回となります。11回を数える連載となりましたが、お付き合いいただきありがとうございました。 最終回は、特集をダイジェストに振り返っていきたいと思います。過去10回の記事を読んでない人も大事なところを把握しやすいよう、ピックアップしていきます。 基礎勉強:スマートフォンの市場規模〜【第1回】 ◆【スマホ集中連載 第1回】 "スマホ時代は格的に始まっている" 〜スマートフォンの市場動向まとめとlivedoorのPV 市場動向についてのまとめています。 ケータイ端末の契約台数は、1億1千万台でそのうち6%がスマートフォンユーザーとなります。各キャリアの販売予測から、2011年末時点で20%近くまでシェアが伸びると予測しています。この辺りの数字は覚えておいた方が

    【スマホ集中連載 第11回(最終回)】過去10回分の“大事”なところをまとめました : LINE Corporation ディレクターブログ
  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • これからゆっくり考L +α

    先日から提供が開始されたAdobe Creative CloudのCCシリーズ。 とりあえず色々インストールしてみました。 まだそんなにガッツリと使い込んではいないのですが、Photoshop CCでぐっときた機能をご紹介。 透過pngで書きだしたい画像に乗算やオーバーレイや焼きこみカラー...などなど、描画モードが「通常」以外のものが使われていること、ありますよね? 書きだしてから 「あれ...なんかデザインと違う...まさか...。あーやっぱり乗算だったー(泣」 っていうこと、ありますよね?(私だけですか...) 自分でちょちょいと修正できるときはいいんですけど、どう考えても無理な時とか、あまりに色々なところに乗算などを使われていると、 「次からはできればもうちょっと気をつけていただけるとありがたいです!」 と言いたい。 がしかし、なんで描画モード変更しちゃいけないの?と言われるとうま

  • 移動中より自宅がメイン? モバイルサイトの本当の利用スタイルを知る

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    移動中より自宅がメイン? モバイルサイトの本当の利用スタイルを知る
  • モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト

    モバイルデザインアーカイブとは? 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー?」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。

  • http://japan.internet.com/ad_info/acare/index.html

  • 中高生版Twitter? ケータイ「リアル」をのぞいて驚いた

    今の10代、特に女子中高生は、独自のケータイ文化を作っている。ケータイ小説や、プロフィールページ「プロフ」、個人サイト「ホムペ」などがこれまで、“大人”たちに発見されてきた。最近は「リアル」が流行していると話題だ。 記者(30歳♀)は、10代のリアルをのぞいてみて驚いた。彼らは、大人から与えられたサービスの枠にとらわれずに、主体的にサービスを再構築しているのだ。 知ってる? 「chip!!」「@peps」「Alfoo」 リアルは「リアルタイム」の略で、「リアルタイム日記」「リアルタイムブログ」と呼ばれることもある。自分の気持ちや状況を、テキストや絵文字、画像でリアルタイムに更新して友達など身近な人に見てもらうというもので、特定のサービス名称ではない。投稿は、携帯メールで行われることが多い。 リアルは一見、携帯ブログと見分けが付かない……というか、タイトル欄がない以外はブログとほとんど同じだ

    中高生版Twitter? ケータイ「リアル」をのぞいて驚いた
  • IMJ | 企業情報 | プレスルーム | 【IMJモバイル 調査レポート】モバイル動画に関する利用実態調査

  • 「mixiって何ですか?」大分県の現役高校生が語るケータイ事情

    ケータイを没収されたら挙動不審になる、プロフでの二重人格に「どっちが素なの?」と戸惑う、数え切れないほどのケータイ小説を書いたが内容は誰にも教えていない……。ハイパーネットワーク社会研究所が開催したワークショップで19日、大分県内の現役高校生5人がケータイ事情を語るセッションが行われた。同セッションは、ハイパーネットワーク社会研究所で研究企画部長を務める渡辺律子氏が質問するかたちで進められた。 ――まず、皆さんがいつからケータイを使い始めたかを教えてください。 Aさん(高校1年生・女性):私はauを父親名義で契約しています。高校入試に合格した日に買ってもらいました。 Bさん(高校2年生・女性):私も高校入試の合格発表の日に買ってもらいました。使用機種はドコモSH905iで、契約は親名義です。 Cさん(高校2年生・女性):私も高校入試合格の時に買ってもらいました。機種はドコモP903iで、親

  • http://72.14.235.132/search?q=cache:GCH-0z5N7nQJ:yluurnia.blog57.fc2.com/blog-entry-126.html+%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%82%B5%E3%82%A4%E3%83%88+%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%83%AA%E3%83%B3%E3%82%AF&hl=ja&ct=clnk&cd=5&gl=jp&lr=lang_j

  • モバイルサイト構築前に知っておきたいユーザビリティ10のポイント(第1回) | モバイルサイト構築のユーザビリティいろは

    端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト(以降“モバイルサイト”)の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で

    モバイルサイト構築前に知っておきたいユーザビリティ10のポイント(第1回) | モバイルサイト構築のユーザビリティいろは
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • モバイルSEOの5つのポイント――PCサイト向けSEOとの違いと対策 - 携帯マーケ入門#6 | 今からでも遅くない! これから始めるケータイマーケティング入門

    前回の記事に続き、モバイルSEOの具体的な対策を解説していこう。 文:中島 淑史(アウンコンサルティング株式会社) 監修:棚橋 繁行(アウンコンサルティング株式会社 取締役 兼 常務執行役員) ケータイもPCも検索エンジンのシステムに大きな違いはない。クローラがウェブを巡回してページを読み込むとインデックスが作成され、キーワードが投げられるたびにアルゴリズムによって順位が決まり、検索結果が返される仕組みだ。だが、サイト側には主に5つの違いがある。それぞれの違いと、SEOでのポイントを解説しよう。ケータイとPCの違いは主に以下の5点だ。 公式サイト・一般サイトの区別キャリア/端末の識別IPアドレスによるアクセス制限ケータイ特有の記述言語と構造の違いケータイ検索エンジンの仕様(1) 公式サイト・一般サイトの区別ポイント PCでは、メーカーやアーティストなどが運営する公式サイトはあっても「キャリ

    モバイルSEOの5つのポイント――PCサイト向けSEOとの違いと対策 - 携帯マーケ入門#6 | 今からでも遅くない! これから始めるケータイマーケティング入門
  • 3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ

    という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ~ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま

    3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
  • memokami :: 約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました

    NetFarmさんが携帯端末500機種以上を網羅した「P1エミュレーター」のベータ版が無料で公開されました。 いままで携帯でテストするときに、まともに利用できるエミュレーターといえば、i-modeシミュレータしかなく、結局実機でのテストに頼っていました。 この「P1 Emulator」はケータイサイトのテストの救世主となるのでしょうか。 早速試してみました。 ■まずはダウンロード http://p1.netfarm.ne.jp/ ※ダウンロードには会員登録/ログインが必要です。 ■エミュレーターインストール インストールがめちゃくちゃ重かったです。 うちの環境だけかな。固まったかと思うほど。 気長に待ちましょう ■インストール完了 かなり時間かかりました。 ■ライセンス登録画面 最初に起動するとベータ版のライセンスキーを取得するように言われます。サイトに行って取得しましょう。登録したメール

    memokami :: 約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました