考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
Flashのモバイルサイトに関する調査 -Flashサイトに対する好感度は上昇、ただし導線作りには留意が必要 / IMJモバイル
Flashのモバイルサイトに関する調査 Flashサイトに対する好感度は上昇、ただし導線作りには留意が必要 株式会社アイ･エム･ジェイ（本社：東京都品川区 代表取締役社長：廣田 武仁）のグループ会社である株式会社IMJモバイル（本社：東京都品川区 代表取締役社長：川合 純一）のユーザビリティ研究所は、「Flashのモバイルサイトに関する調査」を実施いたしました。 調査期間は2009年8月19日～8月20日、有効回答数は832名から得られました。【調査結果概要】今回、多くのモバイルサイトで採用されているFlashについてユーザーはどう感じているのか、また、2年前に比べFlashサイトに対する受容性はどう変化したのかを把握するため、調査を実施いたしました。 その結果、HTMLサイトよりFlashサイトを支持するユーザーは2年前より7ポイント増加し、7割を超えることがわかりました。Flashサイ
携帯サイトで成果を出すためのアクションボタン配置 (ユーザビリティ実践メモ)
携帯オンリーユーザであろうと、PCと携帯を使い分けている両用ユーザであろうと、携帯サイトを利用している状況下では多くのユーザは急いでサイトを利用していると言えます。 例えば携帯オンリーユーザは、早いスクロール・手入力が習慣化しているため、駆け抜けるようにサイトを利用します。 また、両用ユーザがわざわざ携帯サイトを利用している状況は、家に帰ってPCサイトを開くまで待てないほど急がなければならない事情や心情があることを物語っています。 以上のことから、どれだけ急いでいても確実にアクションを起こせるサイトこそ成果の出せる携帯サイトであると言えるでしょう。 よって今回は、急いでいるユーザにアクションを起こしてもらうためにはどこにアクションボタンを配置すべきかについてご説明します。 あなたがとても急いでいる状況でこのページを開いたら、どこにアクションボタンが配置されていて欲しいでしょうか。 例1は問
“アニメ化”するのには意味がある――デザイナーが語るモバイル端末のUI
アップルのiPhoneに限らず、アニメーションを伴うグラフィック表現や直感的な操作感は、モバイル端末のユーザーインタフェース（以下、UI）のトレンドになりつつある。“操作のしやすさ”や“機能の分かりやすさ”を追求する上で、こうした技術にはどのような魅力や課題があるのか――。「第19回 ファインテック・ジャパン」のセミナーで、デザイン会社takram design engineeringの田川欣哉代表が、制作者の視点からその疑問に答えた。 “見た目の豪華さ”がゴールではない――UI視点で見たアニメーションの本質 携帯電話のグラフィック処理能力が向上したことで、操作画面などでアニメーションの表現が使われることは珍しくなくなった。動きのある画面はコンテンツの“リッチ感”を演出してくれる。その一方で「そんなものいらないから、サクサク動くようにしてほしい」と考えるユーザーもいる。しかしこうしたアニメ
ユーザビリティを考慮した文字サイズ指定&ナビゲーション設計のポイント（第2回） | モバイルサイト構築のユーザビリティいろは
サイト全体のナビゲーションコーナー間での移動ナビゲーションアクセスキーの使い方はじめに――モバイルサイト構築前のルール作り1. 対応端末とマークアップ言語について3キャリア共通のモバイルサイトを構築する場合、サイトのマークアップ言語を大きく分けると、第二世代端末はHTML（CHTMLなど）、第三世代端末はXHTMLに分けられます。 モバイルサイトを構築するときには、世代別のマークアップ言語を把握したうえで、サイトの目的やターゲットとするユーザーによって、HTMLかXHTMLのどちらかを採用します。また、第二世代、第三世代の両方に対応する場合は、HTMLとXHTMLそれぞれで記述したサイトを用意し、アクセスしてきた携帯端末（ユーザーエージェント）に応じて振り分けるシステムを利用することが一般的です。では、具体的にどういった場合にHTMLとXHTMLを選択すればいいのか、いくつか紹介しましょう
モバイルサイト構築前に知っておきたいユーザビリティ10のポイント（第1回） | モバイルサイト構築のユーザビリティいろは | Web担当者Forum
就職したい企業・業種ランキング、トップ20は国内企業が独占【リスクモンスター調べ】 4月13日 6:30
Palm Preで追求したUX
先日の CES で発表された Palm Pre。現在 iPhone を使っていますが、これが出たら乗り換えても良いかもと思うくらい好印象です。機能が盛りだくさんのわりにはシンプルにデザインされている印象があります。Apple の真似事ではない異なるスタイルのビジュアルを演出しているのも、iPhoneを意識しつつも、新しいソリューションを提供しているという姿勢の現れなのかもしれません。 モバイルの話題の中心に戻ってきた Palm ですが、彼等はどのようなビジョンの元、webOS を開発したのでしょうか。「Palm provides a case study in user experience strategy」という記事で詳しく解説されています。 webOS を開発する際、Palm が PDA マーケットで成功した 10年前と同じ４つのキーポイントが今回も適応されたといいます。 複雑さを削
ライブアイコンを使った情報の見せ方
デバイスが違えば情報との関わり方は変わってきます。同じウェブからの情報を受信するといってもパソコンとモバイル機器では関わり方とアプローチに違いがあります。最も大きな違いであり、課題になるのが、モバイル機器でははるかに小さなスクリーン上で多くの情報を掲載しなければならないという点。『モバイル (移動)』という環境化の中で、欲しいときに必要な情報をすぐに出す必要があります。スクリーンが小さい割にはパソコンより多くの情報を目の前に出せるようにしておく必要があるわけです。 こうした難しい課題の中、モバイルインターフェイスで適応されているテクニックが「ライブアイコン」という概念。パソコンのアイコンといえば、アプリケーションを概念的に象徴するシンボルですが、突然形が変わるということはありません。しかし iPhone や Sony Ericsson の Xperia X1 のアイコンはアプリケーションに
ソニエリが携帯のUI開発をオープン化
Flash Liteはビジュアルなユーザー・インタフェース（UI）を実装する用途に向いている。その一方で携帯電話が搭載する無線LANやBluetooth，各種センサーなどの周辺機器を制御したり，情報を受け取る機能は備えていない。これら周辺機器との連携のためのAPIが用意されているJ2MEなら，携帯電話の細かい部分までを制御できる。 そこでソニー・エリクソンが打ち出したのが「Project Capuchin」という機構だ。同社の携帯電話でJ2MEのアプリケーションからFlash Liteのコンテンツを呼び出して使えるようにする（図1）。例えば，電話をかける制御は同一のJ2MEプログラムを使いながら，UI部分のFlash Liteコンテンツ（.swfファイル）を入れ替えて，全く異なる見た目にできる（写真1）。「ミドルレンジ以上のクラスには2008年後半以降に搭載する。最終的にはすべての端末で動
技術者社長が語る「ケータイは第2の脳」 (1/3)
元サイボウズの社長であり、現LUNARR CEOの高須賀 宣さんと、ユビキタスエンターテインメント CEOの清水亮さんが徹底的に語りつくすガチンコ放談第2回。今回は、「ケータイに対する日米の捉え方の違い」について語ってもらった。 アメリカと日本で違う「ケータイ」 清水 僕がモバイルの世界に関わってかれこれ10年ぐらい経つんですが、現場に関わっている技術者ではないスタッフは、RSSのことを知らなかったりするんです。 高須賀 知らない？ 清水 ケータイの世界って、別にネットで何が起きてるか知らなくても困らないんですよね。ケータイの仕様も、使われ方もどんどん変わっていきますし。去年ケータイに詳しかった人が今年は何も知らない、なんてことはよくあることです。すごく変化が激しくて、僕もついていくのがやっとという感じです。 高須賀 アメリカに住んでるから特に感じるのかもしれないけど、日本のケータイ文化っ
HTML/CSS:iPhoneサイトを構築しよう - builder by ZDNet Japan
最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM アプリが簡単にできるって本当？ セールス、マーケ、人事の3名が実際に体験 業務をローコードツールで改善してみた 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる サイバー犯罪者の優勢に立つ 導入・運用がしやすい次世代セキュリティ 巧みな攻撃を防ぐ「NDR」に注目！ セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために 見えてますか？通信のボトルネック 快適なデジタルワークの阻害要因を解消 Zscaler Digital Experience
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド | Web担当者Forum
就職したい企業・業種ランキング、トップ20は国内企業が独占【リスクモンスター調べ】 4月13日 6:30
単なるパクリなのか？ ドコモの「仮処分申請」
3月17日、NTTドコモと富士通が、東芝が開発し、ソフトバンクモバイルが販売している“かんたん携帯”「821T」の製造・販売等の差し止めを求める仮処分命令の申し立てを、東京地方裁判所に行ったと発表した。これはドコモが販売する富士通製の「らくらくホンシリーズ」と、ソフトバンクモバイルが販売する東芝製の「821T」が酷似していることに端を発している。 ドコモのらくらくホンといえば、シルバー層向け携帯電話の代名詞ともいえる存在であり、地味ながら「累計1200万台を達成するヒット商品」（富士通 モバイルフォン事業本部副部長の大谷信雄氏）である。 “詰めがあまい”ドコモの主張 「両方ともらくらくホンだとは思わないだろうか、というのが発端。3つのショートカットキーや十字型のカーソルキーなどが酷似している」(NTTドコモ 執行役員 プロダクト＆サービス本部 プロダクト部長の永田清人氏) 記者会見で、ドコ
CSS Nite in Ginza, Vol.21 - Archiva
Make a note of it: Web tech, montaineering, and so on. CSS Nite行ってきました。今回は携帯サイトについて。バックエンドの話もちょろっと出てきて、CSS Niteにしては濃い内容でした。あともう一歩踏み込んでくれれば新鮮な驚きもあったかもですが、やっぱその辺は社外秘っぽいですね。セッションの運用とか。 以下、まとめです。途中で面倒くさくなったので、preタグ貼り付け。 携帯サイトのコーディング事情～基本編 ＠宮永邦彦（アイデアマンズ株式会社） 実例紹介 → 東京モード学園 ・3G携帯のみ対応の先進的なケース 携帯インターネット人口は、パソコンに迫る勢い → パソコン 8,055万人 → 携帯電話・モバイル 7,086万人 （平成18年「通信利用動向調査」/総務省 ） 主な利用者は若年層。学生、女性。 どんなコンテンツが携帯向き？
モバイルのウェブサイトに関する調査--重要なのは、「操作性」「スピード」「見やすさ」
Webマーケティングガイドでは、モバイルインターネット調査会社のネットエイジアリサーチと共同調査のもと、モバイルのウェブサイトについて実態調査を行った。 前回のモバイルのウェブサイトに関する調査（上）では、モバイルウェブサイトの利用実態について調査を行ったが、今回はユーザーがモバイルサイトに何を求めているのかを把握し、モバイルサイトの今後について考察していきたい。 ≪調査結果サマリー≫ ユーザーがモバイルサイトに求める要素は、「操作のしやすさ」「スピード」そして「見やすさ」 モバイルサイトを、「情報収集するもの」と考えているユーザーが最も多く、次いで「暇つぶしをするもの」 70％以上のユーザーがモバイルとPCの同期化に肯定的である 調査対象は、15歳〜49歳のモバイルユーザー345人。 男女比は、男：173人、女：172人の割り付けを行った。 キャリア比は、Docomo:55.9％ Ezw
個人プロフィールからの引用を考慮した携帯サイトフォーム設計 (ユーザビリティ実践メモ)
PCをほぼ/全く利用しない「インターネット＝携帯電話」ユーザには、フォームなどでメールアドレスを入力する際に、個人プロフィールから引用する傾向があります。 機種によってこの機能の名称や使用方法は異なりますが、筆者の携帯では下記の操作でプロフィールを引用することが可能です。 プロフィールの中でもメールアドレスは、文字数が多く、英数字が混在するため、直接入力する場合、煩わしい操作を要します。 そのため、携帯の操作に慣れているユーザの多くが上記の機能を使用してメールアドレスを入力しているのです。 この行動を想定したうえでサイトを制作しなければ、ユーザにストレスを与えてしまう可能性があります。 例えば、あるメールアドレス入力フォームでは、下図のように「＠」より前をフリーワードで入力し、「＠」より後ろをプルダウンメニューで選択する仕様にしていました。 一見、親切そうに見えるフォームですが、プロフィー
少しの手間でもモバイルサイトを華やかに魅せるデザイナーとの連携 : LINE Corporation ディレクターブログ
こんにちは、『livedoor 歌詞』や『livedoor 占い』を担当している吉沢です。 以前、モバイルサイトのデザインの決め方、デザイナーとの仕事の進め方ついての記事を書きました。 今回は、少しの手間でモバイルサイトを華やかに魅せるデザイナーとの連携をご紹介したいと思います。 こちらの記事にありますように、モバイルサイトのデザインを決める際、デザイナーにデザインカンプを作成してもらい、それを見ながらディレクターがコーディングを行います。 デザインカンプがケータイ上で実現され、徐々にカタチになってくると「なんかもうひとスパイスほしいな……」なんて思うことがあります。 パソコンサイトのデザインでも同じようなことがあると思いますが、そういうときに限って納期が迫っていたり、急ぎの作業だったりして、納期を延ばしてデザインしてもらうか、無理して間に合わせるか、「とりあえずこのままにしておくか……」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルサイトを見やすくする絵文字活用&テキストレイアウトのポイント（第3回） | モバイルサイト構築のユーザビリティいろは
Error 404 (Not Found)!!!
YUI Library