アップルのiPhoneに限らず、アニメーションを伴うグラフィック表現や直感的な操作感は、モバイル端末のユーザーインタフェース（以下、UI）のトレンドになりつつある。“操作のしやすさ”や“機能の分かりやすさ”を追求する上で、こうした技術にはどのような魅力や課題があるのか――。「第19回 ファインテック・ジャパン」のセミナーで、デザイン会社takram design engineeringの田川欣哉代表が、制作者の視点からその疑問に答えた。 “見た目の豪華さ”がゴールではない――UI視点で見たアニメーションの本質 携帯電話のグラフィック処理能力が向上したことで、操作画面などでアニメーションの表現が使われることは珍しくなくなった。動きのある画面はコンテンツの“リッチ感”を演出してくれる。その一方で「そんなものいらないから、サクサク動くようにしてほしい」と考えるユーザーもいる。しかしこうしたアニメ

サイト全体のナビゲーションコーナー間での移動ナビゲーションアクセスキーの使い方はじめに――モバイルサイト構築前のルール作り1. 対応端末とマークアップ言語について3キャリア共通のモバイルサイトを構築する場合、サイトのマークアップ言語を大きく分けると、第二世代端末はHTML（CHTMLなど）、第三世代端末はXHTMLに分けられます。 モバイルサイトを構築するときには、世代別のマークアップ言語を把握したうえで、サイトの目的やターゲットとするユーザーによって、HTMLかXHTMLのどちらかを採用します。また、第二世代、第三世代の両方に対応する場合は、HTMLとXHTMLそれぞれで記述したサイトを用意し、アクセスしてきた携帯端末（ユーザーエージェント）に応じて振り分けるシステムを利用することが一般的です。では、具体的にどういった場合にHTMLとXHTMLを選択すればいいのか、いくつか紹介しましょう

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

先日の 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 のアイコンはアプリケーションに

Flash Liteはビジュアルなユーザー・インタフェース（UI）を実装する用途に向いている。その一方で携帯電話が搭載する無線LANやBluetooth，各種センサーなどの周辺機器を制御したり，情報を受け取る機能は備えていない。これら周辺機器との連携のためのAPIが用意されているJ2MEなら，携帯電話の細かい部分までを制御できる。 そこでソニー・エリクソンが打ち出したのが「Project Capuchin」という機構だ。同社の携帯電話でJ2MEのアプリケーションからFlash Liteのコンテンツを呼び出して使えるようにする（図1）。例えば，電話をかける制御は同一のJ2MEプログラムを使いながら，UI部分のFlash Liteコンテンツ（.swfファイル）を入れ替えて，全く異なる見た目にできる（写真1）。「ミドルレンジ以上のクラスには2008年後半以降に搭載する。最終的にはすべての端末で動

元サイボウズの社長であり、現LUNARR CEOの高須賀 宣さんと、ユビキタスエンターテインメント CEOの清水亮さんが徹底的に語りつくすガチンコ放談第2回。今回は、「ケータイに対する日米の捉え方の違い」について語ってもらった。 アメリカと日本で違う「ケータイ」 清水　僕がモバイルの世界に関わってかれこれ10年ぐらい経つんですが、現場に関わっている技術者ではないスタッフは、RSSのことを知らなかったりするんです。 高須賀　知らない？ 清水　ケータイの世界って、別にネットで何が起きてるか知らなくても困らないんですよね。ケータイの仕様も、使われ方もどんどん変わっていきますし。去年ケータイに詳しかった人が今年は何も知らない、なんてことはよくあることです。すごく変化が激しくて、僕もついていくのがやっとという感じです。 高須賀　アメリカに住んでるから特に感じるのかもしれないけど、日本のケータイ文化っ

その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能

3月17日、NTTドコモと富士通が、東芝が開発し、ソフトバンクモバイルが販売している“かんたん携帯”「821T」の製造・販売等の差し止めを求める仮処分命令の申し立てを、東京地方裁判所に行ったと発表した。これはドコモが販売する富士通製の「らくらくホンシリーズ」と、ソフトバンクモバイルが販売する東芝製の「821T」が酷似していることに端を発している。 ドコモのらくらくホンといえば、シルバー層向け携帯電話の代名詞ともいえる存在であり、地味ながら「累計1200万台を達成するヒット商品」（富士通 モバイルフォン事業本部副部長の大谷信雄氏）である。 “詰めがあまい”ドコモの主張 「両方ともらくらくホンだとは思わないだろうか、というのが発端。3つのショートカットキーや十字型のカーソルキーなどが酷似している」(NTTドコモ 執行役員 プロダクト＆サービス本部 プロダクト部長の永田清人氏) 記者会見で、ドコ

Webマーケティングガイドでは、モバイルインターネット調査会社のネットエイジアリサーチと共同調査のもと、モバイルのウェブサイトについて実態調査を行った。 前回のモバイルのウェブサイトに関する調査（上）では、モバイルウェブサイトの利用実態について調査を行ったが、今回はユーザーがモバイルサイトに何を求めているのかを把握し、モバイルサイトの今後について考察していきたい。 ≪調査結果サマリー≫ ユーザーがモバイルサイトに求める要素は、「操作のしやすさ」「スピード」そして「見やすさ」 モバイルサイトを、「情報収集するもの」と考えているユーザーが最も多く、次いで「暇つぶしをするもの」 70％以上のユーザーがモバイルとPCの同期化に肯定的である 調査対象は、15歳〜49歳のモバイルユーザー345人。 男女比は、男：173人、女：172人の割り付けを行った。 キャリア比は、Docomo:55.9％ Ezw

こんにちは、『livedoor 歌詞』や『livedoor 占い』を担当している吉沢です。 以前、モバイルサイトのデザインの決め方、デザイナーとの仕事の進め方ついての記事を書きました。 今回は、少しの手間でモバイルサイトを華やかに魅せるデザイナーとの連携をご紹介したいと思います。 こちらの記事にありますように、モバイルサイトのデザインを決める際、デザイナーにデザインカンプを作成してもらい、それを見ながらディレクターがコーディングを行います。 デザインカンプがケータイ上で実現され、徐々にカタチになってくると「なんかもうひとスパイスほしいな……」なんて思うことがあります。 パソコンサイトのデザインでも同じようなことがあると思いますが、そういうときに限って納期が迫っていたり、急ぎの作業だったりして、納期を延ばしてデザインしてもらうか、無理して間に合わせるか、「とりあえずこのままにしておくか……」