≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付
Jリーグはスマホで見づらいサイトが多いなという日頃の印象を確認するため、淡々とスクショを撮ってみた件。 : スポーツ見るもの語る者〜フモフモコラム
Jリーグはスマホで見づらいサイトが多いなという日頃の印象を確認するため、淡々とスクショを撮ってみた件。 Tweet Share on Tumblr カテゴリ:サッカー 2014年09月02日12:57 字が小さくて読めぬというジジイへの入り口！ 今日は前々から気になっていたことについてです。僕は最近スマホをいじることしか出来ない人間となっています。朝起きれば枕元のスマホをいじり、会社に行けばトイレでコソコソとスマホをいじり、歩いているときもスマホをいじり、家に帰ったらテレビを見ながらスマホをいじる。せがれをいじるかスマホをいじるか、その二択の生活です。 そんなスマホ生活の中で、時折感じていたことがあります。それは「Jリーグ情報はスマホで読みづらい」ということ。別にJリーグの話だけを調べているわけではないのですが、バズっている話題についてウェブサイトを見に行ったとき、「読みづら！」「小っさ！
» スマートフォンサイトのユーザビリティを下げるアンチパターン | Webnoborder
モバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金からモバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金から探す」周辺のリストがアコーディオンになっていますが、テキストの部分をタップしても何も動作しません。 プラスアイコンの部分をタップしないと反応しないのです。 このようにタップ領域がユーザの意識と違う場所に設定されているのは、ユーザビリティに問題があるといえるので改善が必要でしょう。 参考サイト スマートフォンサイトにお
userAgent一覧
ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称（偽物）される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません（詐称の方法のページを参照）。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■iPhone ●iOS Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3 ●iOS2 Mozilla/5.0 (iPhone
LINEのビジネス版!? 仕事上のコミュニケーションツールは｢チャットワーク｣が正解！
LINEのビジネス版!? 仕事上のコミュニケーションツールは｢チャットワーク｣が正解！2012.09.10 11:00Sponsored 小暮ひさのり ビジネスシーンにおいて、クライアントや社内での連絡手段って何使ってます？ 一般的にはやっぱり｢メール｣って答えが多いのかと思います。口頭で伝えるよりも信頼度高いですし、形に残りますしね。でも、このメールという情報伝達手段は、実はもう過去のものである......かも。 ではメールに変わる伝達手段ってなんだよ!? ってなりますよね。Skype？ LINE？ Facebook？ 選択肢はいくつかありますが、ビジネスシーンにおいて必要な要素を考えたら、｢Skypeを超えたかも？｣と話題になったこの記事やスマートフォンとの連携能力をピックアップしたこの記事で紹介した｢チャットワーク｣がやっぱりベストな気がしてなりません。 このチャットワークは、その名
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
[PDF]スマートフォンのインタラクションデザインに関する ユーザビリティ調査
2011 / 10/ 14 1 ≪お問合せ先≫ 株式会社アイ・エム・ジェイ 広報室 広報グループ TEL:03-6415-4257 MAIL:irpr@imjp.co.jp 株式会社 IMJ モバイル 東京都目黒区青葉台 3-6-28 代表取締役社長 川合 純一 スマートフォンのインタラクションデザインに関する ユーザビリティ調査 ～最も支持される JavaScript の表現方法とは～ 株式会社アイ・エム・ジェイ（JASDAQ 4305）のグループ会社である株式会社 IMJ モバイル（本 社：東京都目黒区 代表取締役社長：川合 純一）は、「スマートフォンのインタラクションデザイン に関するユーザビリティ調査」を実施いたしました。 調査期間は 2011 年 9 月 14 日～9 月 15 日、有効回答数は 412 名から得られました。 調査結果概要 スマートフォンの普及に伴い、インタラク
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
携帯サイトの作成方法 - ［ホームページ作成］All About
携帯電話などから閲覧できる「ケータイサイト」を作成する方法や、携帯端末での見え方を確認するソフトウェアの紹介などです。携帯サイト作成に必要な事柄を基礎から解説！ 携帯サイトの作り方 第1回 作成方法の基礎 携帯サイトホームページ作成 携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 from All About[ホームページ作成] 携帯サイトの作り方 第2回 番号キーで移動 携帯サイトホームページ作成 携帯電話で閲覧できる「ケータイサイト」作成方法の第2弾です。携帯端末では画面スクロールやリンクの選択が少々面倒です。携帯電話の「番号キー」を使って、ページ内の移動やリンクの選択を手軽にしてみましょう！ from All Abou
いまからでも遅くない！ ケータイデザインの基礎固め
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
CNET Japan
人気記事 1 FCNTの新スマホ「arrows We2/We2 Plus」--価格や販路の違い等を写真で確認 2024年08月16日 2 バルミューダ決算、新型「Mac mini」など--週間人気記事をナナメ読み（8月9日～8月15日） 2024年08月16日 3 携帯4社決算を読み解く--減益のドコモ、契約者急増の楽天モバイルが抱える課題 2024年08月15日 4 Instagramで「既読」を付けずにDMを閲覧する方法 2024年03月11日 5 KDDI、「povo2.0」のデータ使い放題期間満了時刻を変更へ--9月17日購入分から 2024年08月16日 6 Meta、「Meta Quest HDMI Link」を発表--VR上にスクリーンを表示 2024年08月16日 7 「かこって検索」、ミッドレンジの「Galaxy A55」「A54」などでも提供へ 2024年08月15日
「mixiって何ですか？」大分県の現役高校生が語るケータイ事情
ケータイを没収されたら挙動不審になる、プロフでの二重人格に「どっちが素なの？」と戸惑う、数え切れないほどのケータイ小説を書いたが内容は誰にも教えていない……。ハイパーネットワーク社会研究所が開催したワークショップで19日、大分県内の現役高校生5人がケータイ事情を語るセッションが行われた。同セッションは、ハイパーネットワーク社会研究所で研究企画部長を務める渡辺律子氏が質問するかたちで進められた。 ――まず、皆さんがいつからケータイを使い始めたかを教えてください。 Aさん（高校1年生・女性）：私はauを父親名義で契約しています。高校入試に合格した日に買ってもらいました。 Bさん（高校2年生・女性）：私も高校入試の合格発表の日に買ってもらいました。使用機種はドコモSH905iで、契約は親名義です。 Cさん（高校2年生・女性）：私も高校入試合格の時に買ってもらいました。機種はドコモP903iで、親
小野マトペの業務日誌(アニメ制作してない篇) - モバゲータウン異聞録／ケータイ小説は、多分『ニコニコ小説』
今日、モバゲータウンに登録しました。 というのも、先日三年間愛用したTalbyがボロボロになってしまい仕方なくInfobar2に機種変更し、パケット定額プランに加入したので、せっかくだしやってみるかなと思ったのがきっかけ。 序 リア充中高生の巣窟と名高いモバゲータウン。まず登録画面からしてレベルが高い。最初にハンドルネームの登録が求められるんだけど、注意書きが 『全角6文字以内、絵文字不可』 おぅふ、ここはもうモバゲータウンの入り口。人間界の常識は通用しない感じが伝わってくる。で、PC文化圏の名前を引き継ぎたくなかったので『まとぺ』と入力して確定したところ 「まとぺ」はすでに使われています。下の名前から選びますか？ 「まとぺ♪」 「★まとぺ★」 「☆まとぺ☆」 ぎゃあああすごい名前をお勧めされたああああ！！ 仕方ないのでもうちょっとかわいい感じの他の名前にしましたが、よく考えてみたらユーザ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://phonegap.com/
https://www.pinterest.com/mobileDesignJp/pins/
https://atmarkit.itmedia.co.jp/ait/subtop/features/da/ap_jqmobile_index.html
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！
SoHaya.com is for sale | HugeDomains
携帯シミュレータ入門
IDEA * IDEA
