ソシオメディア | iPhone の当たり判定を検証した
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き
Illustrator template for iPhone design | User Centred
I recently worked on a couple of user experience specifications for mobile applications with Adobe InDesign and Illustrator and, while I found many resources for Omnigraffle, I couldn’t find anything for Illustrator. Most of the stuff I found was for Omnigraffle. I never particulary liked Omnigraffle , so I sticked to Illustrator and Indesign. There are some visual design templates available on th
細かすぎて伝わりづらい! <br />iOS 5のデザイン変更点まとめ。
iOS 5のリリースやiCloudの開始、iPhone 4Sの発売と、ここ最近のAppleのプロダクトが一通り出そろった感じですね。 3GSを使っていて常々もっさりしていたので、早速iPhone 4Sに乗り換えたところ、画面の中をスケートをしているかのようにスイスイ動いてくれてとても快適です。 2年前に3GSを使っていたときは、なんて速いんだろうと思っていたわけですが…慣れとは恐ろしいものです。 さて本題ですが、ここ数日使っていた中で気付いた、細かすぎるデザイン変更点があったので前回のLionと同じようにまとめてみました。 細かすぎるデザイン変更点第2弾、今回も目を凝らしてどうぞ。 1.アイコンバッジ iOS 4のアイコンバッジのシャドウは濃いめのブラックで強めのシャドウになっていましたが、iOS 5ではグレーっぽく明るくなっています。 全体的に比較してみると、iOS 4のシャドウは浮いて
iPadアプリ&コンテンツのユーザーを混乱させるUIとは - 最新の調査報告より | パソコン | マイコミジャーナル
初代リリースから1年と3ヶ月、さらに先日のiPad 2リリースを経てコンシューマ製品の一大ジャンルとなった「タブレット」。さまざまなアプリやコンテンツが登場して市場も賑わっているが、一方で「ボタンの押しづらさ」「ナビゲーションのわかりにくさ」「統一性のなさ」といった、主にユーザーインターフェイス上の問題が散見されるのも事実だ。Nielsen Norman Groupは5月26日(米国時間)に発表した最新レポートの中で、こうしたiPadアプリやコンテンツにみられるユーザービリティの問題を報告している。 iPad 2 Nielsen Norman Groupではさまざまなレポートを報告しているが、中でもモバイルユーザビリティに関してはiPadを例に挙げたユーザビリティ調査を行っている。同グループがiPadのユーザビリティに関して行った調査はこれが2回目で、最初のレポート(PDF形式)は2010
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
NameBright - Coming Soon
metaspark.com is coming soon This domain is managed at
HugeDomains.com
Captcha security check sohaya.com is for sale Please prove you're not a robot View Price Processing
CloseBox and OpenPod > iPhoneを電脳メガネにする「Sekai Camera」がすごい件 : ITmedia オルタナティブ・ブログ
Mac、iPhone、iPod、歌声合成、DTM、楽器、各種ガジェット、メディアなどの情報・雑感などなど NEW：20分で理解するSekai Camera〜セカイカメラ関連記事のまとめに、新たな関連記事まとめを作りました。 追記（2009-10-31）：仮想現実に関するTwitterアカウント「ar_onetopi」をOneTopiで始めました。セカイカメラをはじめとするAR関連の最新トピックを追いかけています。まとめページはこちら。 これはきょうのAppleの発表もぶっとぶほどすごいことなのかも。世界カメラ「Sekai Camera」。SekaiCameraとの表記もありCEOの井口氏はセカイカメラと言っているので、日本語表記は「セカイカメラ」かな？ まずはYouTubeの動画をどうぞ。 TechCrunch 50で、日本企業のTonchidot（頓智・）がプレゼンテーションして絶賛され
赤ん坊でも使えるiPhoneとギークにも使えないW-ZERO3 - アンカテ
狐の王国: どエスとかアドエスとかいうAdvanced/W-ZERO3(es)は誰が殺したのか? Life is beautiful: 直感的なUIとhande-eye-cordinationの話 当然、どちらも私にとっては気になってしょうがないデバイスなんだけど、対照的な報告が上がってきている。 私は、Advancedでない方のW-ZERO3[es]を使っているので、狐の王国のid:KoshianXさんのいらだちはよくわかる(と言ったら「Windows mobile5のイライラ感で同6のイライラ感を語るな!」と言われそうな気もするが)。 アーリーアダプター層が使ってみてブログに何を書くかというのは、これから新商品を売る時の売上に直結する重要項目だ。これまでは、表面的な○×比較によって売上が左右されたのかもしれない。だから、普通のメーカーの商品開発はそういう○×表に最適化されているのかもし
直感的なUIとhand-eye-cordinationの話
下のビデオは一歳度児がiPhoneのフォト・アルバムの機能を使っている姿を撮影したものだが、これを見ると「直感的なUI」とは、まさに人間が赤ん坊のうちにマスターする"hand eye cordination（目からフィードバックを受けながら手先を動かして物をコントロールする能力）"に合致したものなのだということが良く分かる。 【追記】参考までに、私が特に好きなUI関連の書物二冊へのリンクを張っておく。特に「誰のためのデザイン」はUIが単なるソフトウェアやウェブ・サイトのUIデザインの問題ではないことに目を開かせてくれる良書だ。 ・誰のためのデザイン?—認知科学者のデザイン原論 ・Envision Information
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日経BP
CSS3 UIテンプレート
Mobile Web Design | Best Mobile Websites | Mobile Website Gallery
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
Web Design & CSS Inspiration for the iPhone — CSS iPhone
TechCrunch Japanese アーカイブ » AndroidよiPhoneに学べ…ハードじゃなくてソフトが重要なのよ