WEBデザイナー向け☆iPhoneアプリのUIデザイン
どーもキンモクセイぷんぷん香る自由が丘からaoizmです。 秋満開！スマートフォンまっさかり！(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。 画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは 使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。 その違いを認識した上で、違いを活かしたデザインをするためには？ iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い 状況 持ち歩けるがゆえそのシチュエーションもさまざま 「会議で」「合コンで」「移動時」「就寝時」... 状態 そのときユーザーはなにをしている？ 「歩きながら」「話しながら」「運動しながら」...
【スマートフォン】 図解！今すぐ直せる、WEBフォーム 6つの課題 (ユーザビリティ実践メモ)
スマートフォン端末の普及で、問い合わせ・申込みなどのWEBフォームがスマートフォンで使われる機会は今後も増えていくでしょう。その際、PC向けに用意していた既存のWEBフォームをそのままにすると、どんな問題が発生するでしょうか？ 今回は、弊社コンサルタントの自主調査から、スマートフォン端末（特にiPhone）でのWEBフォーム利用時の6つの頻出課題をご紹介します。 多くのWEBフォームでは、項目名が入力ボックスの横に配置してあります。 PCでは全く問題のないレイアウトですが、iPhone端末では入力ボックスをタップしてズームインするとラベルが見えなくなり、非常に入力しにくいものになってしまいます。 【改善案】＜推奨＞入力例を入力ボックスの上または下に配置する項目名（ラベル）を入力ボックスの上部に配置する ※項目名の位置が変わるとPCで見にくくなるケースも想定されるため、ご注意ください 課題2
iPhoneサイトで好まれるテキストサイズは？ iPhoneサイトのユーザビリティ調査【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
スマートフォン対応しただけで、安心してはいけない理由 (ユーザビリティ実践メモ)
前回に引き続き、スマートフォン対応サイトを制作する場合に気をつけるべきポイントとして、「PCサイトへの誘導の必要性」についてご紹介します。 スマートフォン対応サイトでも、PCサイトへの誘導を残しておこう スマートフォン対応をしているサイトの中には、PCサイトへのリンクが用意されている場合があります。せっかくスマートフォンから利用しやすいユーザインタフェースを用意しているのに、どうしてPCサイトへと誘導する必要があるのでしょうか？ 今回は、PCサイトへのリンクが必要な2つの理由についてご説明します。 スマートフォンはPCと比べると画面サイズも小さいため、最適化したサイトを作るために機能を絞ったり、情報量を減らしてサイトを構成するケースがよくあります。このような場合には、忘れずにPCサイトへのリンクを用意しておくことが必要です。 amazon.co.jpのiPhoneサイトを例に見てみると、ト
スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基本的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa
iPhoneアプリのインターフェースデザインがざくざく見られる『TappGala』 | 100SHIKI
これは便利ではなかろうか。 TappGalaではiPhoneアプリのインターフェーズデザインをざざっと眺めることができる。 ここのインターフェースはどうするべきかなぁ、と悩んでいるデザイナーやエンジニアにおすすめだ。 なお、このサイトで紹介されているそれぞれのアプリの画面は数枚だが、ちゃんとiTunesへのリンクもあるので、気になるアプリがあればダウンロードや購入して確かめてみるといいだろう。 またもちろん自分で作ったデザインも投稿できる（審査があるかどうかはちょっと不明…）。腕におぼえのある人はいかがだろう。 新しいプラットフォームであるiPhoneやiPadのインターフェースデザインがこうしてまとまっていると便利ですな。
iPhoneやiPadがどうしてもシングルタスクな理由
今週、Appleのタブレット端末iPadが発表されましたね。 色々な人が色々な事を言っていますが、iPadに対してもマルチタスク非対応を嘆く声が非常に多いことをtwitterやblogの反応で知りましたので、今日はなぜiPhoneやiPadがシングルタスク志向なのか、という話をしようと思います。 iPadといえば、発表直前のGizmodoの予想記事に、かつてAppleの開発者でありMacintoshプロジェクトを立ち上げたジェフ・ラスキンのモーフィング・コンピュータについての紹介が載っていました。「AppleタブレットのUIはズバリこうなる！（動画＆予想図）」すごくいい記事で、とても楽しく読ませていただきました。 iPhone/iPadのシングルタスクへの執着には、「マルチタスク汎用機」ではなくて、「必要な時にいろんな専用機に変身できる多機能機」という基本的な設計思想があると思います。ここ
ネットブックやスマートフォン利用者に配慮したサイト作り (ユーザビリティ実践メモ)
最近ネットブックとスマートフォンの利用者が増えているように感じます。 電子情報技術産業協会の調査結果によると、第一四半期国内PC出荷数の2割弱はネットブックとなっています。 スマートフォンの国内出荷台数を正確に知ることは難しいですが、docomoのGoogle携帯HT-03Aが流通し始めた点や、7月の日本の携帯売上でソフトバンクのiPhone３GSが1位になった点から考えるに、今後ますます利用者が増えると予想されます。 私たちとしては、このような状況下でPC向けサイトを制作する際に、ユーザビリティの観点から注意すべき点が大きく3点あると考えます。 近年、家庭用PCのスペックや回線環境が整い、Flashなどを用いたリッチなコンテンツも快適に利用してもらえる可能性が高くなっていますが、一方でネットブックやスマートフォンの多くはそれほど快適なスペック、回線環境が整っているとはいえません。 たとえ
ここギコ！: やっぱり、iPhoneとガラケーは全然用途が違う、別物デバイスだと再実感
Posted by nene2001 at 09:03 / Tag(Edit): iPhone ガラパゴスケータイ / 0 Comments: Post / View / 0 TrackBack / Google Maps iPhone 3GS発売を機に、iPhoneを買った。 それで2ヶ月くらい使ってみたが、確かに面白い。 GPSもコンパスも加速度センサも入ってて、コンテキスト取得デバイスとしては最高で、それを使ったゲームやエンタメアプリなんかも面白い。 ガラケーでWeb見てると、時々ガラケー変換されなくて読めないページや画像とかもあるので、そういうのをその場で確認したい時なんかにも重宝する。 また、端末が2台になったことで、ガラケーの電源が切れた時は代替の情報収集手段や情報入力手段にもなる。 が、両方使ってみてやっぱり思うのは、これ、全然ガラケーとは用途もユースケ
iPhone 3G Sをゲットしましたよ:Kenn's Clairvoyance
もはや毎年の恒例行事となった感のある、iPhone新発売とアップルストア・パロアルト店での参列ですが、今年も行ってまいりました。4年前に渡米した身分ではAT&Tの長期契約優待が足りないため、満額の割引を受けられずに16GBの白で$399の支払いとなりましたが。。。 並んでいる間、TさんにAndroidの新端末HTC Magicの実物を触らせていただいたりもしました。結構、雰囲気はかわいい感じに仕上がっています。これなら「アリ」かも。 模倣する元ネタがあるからとはいえ、これだけの短期間でだいぶ良くなってて、頑張ってるなーとの感想を持ちました。いつも、Androidの現状っていうのはWindows 1.0がようやく2.0になったぐらいのもんだから、Windows 3.1とかWindows 95が出て逆転するまでにはあと5年とか10年とかかかるよ、なんて言ってたのですが、この感じだとそんなに先で
iPhoneは携帯でも音楽プレイヤーでもないし、Appleは家電屋じゃあない | fladdict
Life is Beautifulの人が出した、「アップルはいったい全体、なんでiPhoneを使って直接iTune Music Storeから購入できるようにしなかったのだろうか？」という謎々が面白かったので考えて見るテスト。 iPhoneを見たとき奇妙に思ったのが、なぜ全画面タッチスクリーンなのか？ということだった。 ・携帯電話にフラットタッチスクリーンをのせるなんて、アフォな工業デザイナーはいない。 ・Appleは、用途の為に特化したミニマルなUIをデザインする。 携帯をデザイン使用するデザイナーならば、タッチスクリーンはまず最初に却下するアイデアだと思う。なぜならば、それはメールにしろ電話をかけるにしろ、手元で感触を感じることが必須のデバイスでは戦力外のUIだからだ。 だからこそ、「タッチスクリーンは何のためにあるのか？なぜあえて選択をしたのか？」というのが、iPhoneを見極めるポ
SoHaya.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
タッチパネルは基本的に使いにくい。
最近、渋谷の駅の看板で見たsoftbank携帯のタッチパネル機の宣伝を見かけて、これって本当に意味あるのかなぁと疑問に思った。 UIだけiPhoneを超えるとおっしゃるんですか？：DESIGN IT! w/LOVE にインスパイア。 iPodからiPod touchに変わったときに、それまで本体を見ることなく曲を止めたり、次の曲にジャンプしたりできたのに、タッチパネルになったせいでできなくなった。 iPhoneの日本語入力は、「不便なタッチパネルにしてはよくできている」が、その使いやすさは、手慣れた人の携帯にかなうわけではない。 文字入力をiPhoneでやる面倒くささは時を追うごとに大きくなってきてしまった。やっぱりモバツイでつぶやきを入力するのは、iPhoneより携帯の方がやりやすい。それが故に、iPhone対応のモチベーションが上がらないというのは否めない。 途中まで作ってるのがあるの
iPhone 3Gを考える：iPhoneが提案するデザインとは - builder by ZDNet Japan
コミュニケーションに必要なこと 最近の携帯電話には様々な機能が実装されており、使う人によって重点を置く部分こそ違うが、根本的なことを言えばコミュニケーションデバイスだ。そのため、通話、インターネット、Eメール、SMSなど、人と人とを繋げるための方法や手段がいくつか揃っており、それを補助するための機能があったり、ストレスを感じさせないための工夫がなされているべきだ。 しかし、今の携帯電話キャリアをみると一概にそう言えないような気がする。 機能の数や精度の高いハードウェアが組み込まれていることが、優れた携帯電話を決める基準になって久しい。日本の携帯電話は今度発売されるiPhone 3Gよりも、機能の数が多く、機能ひとつひとつを比べてみても、遥かに優れたスペックを備えている。 もちろん、機能を軽視しているわけでもなければ、機能が少ないほうが良いというわけではない。重要になってくるのは、その実装さ
iPhone向けWebアプリを作ろう（1/4） − ＠IT
Safari Web Content Guide for iPhoneを読み解きながら、iPhone／iPod touch上のWebブラウザのSafariで動くWebアプリを作成し、UIを最適化するコツを紹介します。 （編集部） Safari Web Content Guide for iPhoneを読み解く ネイティブアプリケーション開発を可能にするSDKが公開され、一層注目を集めている米アップルのiPhone（Applle Developer）。3Gへの対応がうわさされ、日本市場向けの発表も待たれますが、読者の中には、早速iPhone向けのアプリケーション開発にチャレンジしている人もいるでしょう。 しかし、ネイティブアプリケーションを作るにはそれなりにプログラミングスキルが必要ですし、完成したアプリケーションは米アップルが用意する「App Store」経由でしか配布できないといった制約
iPhoneのロック解除の際のあのUIをJavaScriptで実現:phpspot開発日誌
aboone.com Blog Archive JavaScript iPhone Lock Slider with jQuery iPhoneのロック解除の際のあのUIをJavaScriptで実現。 解除した際のイベントハンドラを登録することができ、サイト上では解除した際に背景色を変えるようなサンプルを確認できます。 面白いＵＩなので、ちょっと覚えておくと小ネタとして使えそう 関連エントリ JavaScriptでページスライダー用ライブラリいろいろ iPodスタイルのドリルダウンメニュー実装サンプル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://watchingapple.com/2009/11/a-closer-look-at-iphone-transition-animations/