スマホのUI考２ 〜 フィードバックについて | fladdict
UIについて徒然と考える自分用メモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは？ ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
Appleに殺されてしまうひと達まとめ - yifeの日記
WWDC 2011 Keynoteも終わりました。 iOS4までで基礎は完成させたということでしょうか、これまで30%税で儲けさせてくれたはずのサードパーティすら殺してしまいそうなサービスを次々と発表するジョブズの姿を見ると、ああプラットフォーマーの強権というものは恐ろしいのだなぁと実感し、嬉々としてObjective-Cを学んでいた昨日までの自分に恐怖するわけであります。 そこで今回は、アップデートで死んでしまう、あるいは死なないまでも大ダメージを受けるであろうひとたちを振り返り、明日への戒めとしたいと思います。 なお、WWDCの画像はEngadgetから引っ張ってきています。感謝いたします。 iOS組み込みのTwitterサポート Twitterを使用するにはiOSの設定画面でアカウントを登録しなければならず、すべてのアプリケーションはHTTPでTwitterAPIを叩く代わりにiOS
はてなブログ | 無料ブログを作成しよう
ベルギーに行った 先日、ベルギーに行きました。 マグリットの絵とルーベンスの絵を見るのが目的。 あまり時間もなく、ブリュッセルとアントワープを駆け足気味で巡ることに。 ミュンヘンから車で10時間近くかかり、なんでこんな無茶をしてしまったのかとも思いましたが、ヨーロッパの方…
スマートフォン用ページに振り分けるときはrel=”canonical”を設定する
iPhoneやiPad、Android端末の普及でスマートフォン専用のページを用意するサイトも増えてきています。 スマートフォンからのアクセスに対して「リダイレクトによってスマートフォン専用のURLに振り分けるとき」の注意点を今日はお伝えします。 rel=”canonical”タグで、対応するデスクトップ用ページのURLを指定してください。 重複コンテンツの発生を防止するためです。 現状GoogleはデスクトップPCとスマートフォンを区別せず同等に扱います。 スマートフォン用の検索結果も用意していません。 共に、ウェブクローラのGooglebotがクローリングします。 ※従来のモバイル端末はモバイルクローラのGooglebot-Mobileがクローリングします。詳しくはこちらの記事を参照。 スマートフォン用のコンテンツはデスクトップ用のページと、完全ではないにしてもほぼ同じになるはずです。
iPhone・iPadユーザーの全てにオススメできる無料のメモアプリ「DraftPad」が超絶便利な10の理由 | なまら春友流
素早い起動 安定した挙動と万全のバックアップ 文字サイズの変更とテキスト内要素を表示 無限大の可能性「アシスト機能」について evernote保存 Dropbox保存 各種連携がとにかく便利すぎる iPhoneデフォルトカレンダーの入力が超絶便利 ブログエディタとしても超絶便利 最後に 1. 素早い起動 起動速度は私が常に使用するメモアプリに求める絶対的な条件。 全てのアプリに必須な条件でもあるのだがメモアプリには特に重要視する要素。 アプリを起動したらすぐに書き出せるようになっていることが望ましい。 私が愛している他のメモアプリ(FastEver)も起動した直後に書き出せるようになっている。 ちなみにDraftPadの初回起動時の速度はテキスト入力系アプリのなかで最速の部類に入る。 2. 安定した挙動と万全のバックアップ こちらも全てのアプリに言えることだが「書く」という行為においては安
iPhoneがもっと楽しくなる小技・裏技・Tips集 - RyoAnna
Tweet Amazing Hipstamatic iPhone Photos iPhoneを使い始めて3年が経とうとしている。 今まで数々のTipsに出会い、何度も驚かされて来た。 「少し工夫するだけで、こんなにも快適にiPhoneを使える」 パソコンにもTipsは多くあるが、いつも持ち歩いているiPhoneだからこそ恩恵も大きい。 今回は私が知っている小技・裏技・寝技を紹介したい。 どれもiPhoneの標準機能でできるTipsだ。 発見して記事にしてくれた方々に感謝。 いろいろ 1. マップで乗り換え案内デフォルトの地図アプリが実は凄い - 春友日記 〜なまらiPhone〜 2. フォルダの名前に絵文字を使うiPhone:iOS 4 フォルダ分けの極私的ルール×3 - b2log/p 3. SMSの履歴を画面いっぱいに広げるiPhone の 「MMS/SMS」でメッセージが見にくいとお
HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？（前編） Google I/O 2011
HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？（前編） Google I/O 2011 モバイルアプリケーションを開発する方法として、JavaやC/C++などのプログラミング言語とSDKを用いてネイティブアプリケーションとして開発する方法以外に、HTML5/CSS/JavaScriptを用いて開発する方法が登場してきています。 この2つのアプリケーション開発にはどのような違いや利点があるのでしょうか？ Androidを題材にして解説したセッション「HTML5 versus Android: Apps or Web for Mobile Development?」がイベントGoogle I/O 2011で行われました。 HTML5でモバイル開発を行う利点 Reto Meier氏（左）、Michael Mahemoff氏（右）。
iPhoneやAndroid等のタッチデバイス向けイメージギャラリー用JSライブラリ・PhotoSwipeなかなか良いですぞ - かちびと.net
なかなか良さ気だったので備忘録。 iPhone、AndroidやiPadなどの人気 のタッチデバイス用に作られたギャラ リー用のJSライブラリ・PhotoSwipe。 人気のプラグイン、jQueryMobileでも 利用することが出来ます。 タッチデバイス専用とあって、独自の操作でもある、ピンチイン/アウト等による拡大や回転、フリックで進むなどの操作が可能です。 PhotoSwipeはタッチデバイス専用のJSライブラリ。iOS(iPhone/iPad)は勿論、AndroidやBlackBerryにも対応出来るそうです。また、jQuery依存型も非依存型が用意されているのも自由さがあっていいかなと。 [note] jQuery Mobileは昨日、サンプル配布したので宜しければ合わせてどうぞ。[/note] PhotoSwipeサンプル with jQuery Mobile 以下、iPhon
[jQuery Mobile]役立つコード集とつまづきやすいポイント | コリ
jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 10 handy jQuery mobile tips and snippets to get you started [ad#ad-2] 下記は各ポイントを意訳したものです。 スマフォ対応ページの基本HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアップ ダイアログの作成 キャンセルとセーブのボタン カラム構造を作る時のポイント スマフォ対応ページの基本HTML まずは、スマートフォン対応ページを作成するための基本となるHTMLです。 HTML <!DOCTYPE html> <html> <head> <
jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと
iphoneアプリ開発 » Google Mapsに先が丸いピンを立てる方法
画像のアプリでは緑の丸いピンが立っています。こういう風にピンを立てたいと思っています。 iPhoneではWebViewというのが使えるので、普通にHTML+JavascriptでiPhoneからGoogle Mapsを扱えるのですが、その方法だと下のような吹出しっぽいピンになります。 このピンは、「マーカー」と呼ぶようです。 今回やりたいのは、マーカーではなくて先の丸いピンをGoogle Mapに立てることです。 これに必要なのは、 MapKit MKAnnotation Delegateメソッド -(MKAnnotationView*)mapView:(MKMapView*) mapView viewForAnnotation:(id <MKAnnotation>)annotationメソッドの実装（ピンが上から落ちてくるアニメーションを利用する場合） というxcodeのFramewor
わずか10分でスマートフォン用サイトが無料で作成できるウェブサービス「smart4me」を使ってみた
リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？ 以下引用を参考に。 smart4me（スマート フォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス！ ブログ感覚で、ユーザー自身のスマホサイト（スマートフォン向けサイト）を簡単に公開が可能。 TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール
ChromeをiPhoneシミュレーターにできる拡張「IPSim」:phpspot開発日誌
iPSim - Chrome Web Store ChromeをiPhoneシュミレーターにできる拡張「IPSim」 IPSimを使えばChromeをiPhoneシミュレーターにすることが出来ます。 インストールすると次のようにボタンが追加されます クリックするとシュミレーターが現れます。 縦・横方向での表示が可能。 以下、横表示の例 Chrome自体がWebKitベースなので実機でもそれほと差異がない点にも注目。 ChromeでサクッとiPhone対応したい場合に入れておくとよさそうですね。 関連エントリ PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 PHPフロントエンドのコンソールロギング用Chrome拡張「C
iPhoneに慣れていない人に教えると感動される10の機能 | nanapi[ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
iPhoneのカメラを使って間取り図を簡単に作れる『MagicPlan』
『MagicPlan 』は、iPhone・iPod touchのカメラを使って簡単に間取り図を作成することができるアプリです。 カメラのファインダー越しに部屋の隅を記録していくだけで、まさに魔法(magic)のように間取り図が完成します。 iPhone 4および第4世代iPod touchに内蔵されている「ジャイロスコープ」を活用し、部屋の中央に立ち、ぐるりと一周しながら隅やドアなどを記録していくだけで、自動的に図面を描いてくれます。 アプリには動画とインタラクティブなチュートリアルが含まれており、(英語ではありますが)だれでもすぐに使えるよう配慮されています。 間取り図を作成するには、まず物件の登録を行います。 それぞれの物件には、写真や住所といった情報を加えることができ、また位置情報の取得を許可していれば、現在地の地図が自動的に登録されます。 物件の登録が済んだらフロア(何階か)を選び
【iPhone】怪しい公式SIMロック解除サービスを使ってみた
4/21追記: Cutyoursim.comが、iPhoneSIMロック解除サービスを 中止すると発表。 未処理のオーダーについては、順次全額返金するとのこと。 類似のサービスを行っているサイトも中止を発表している模様。 先週ぐらいから、iPhone関係の海外ニュース等で話題になっていた、iPhoneのアンロック(SIMロックフリー化)を行うサービスを申し込んでみた。 Musclenerdや、Chronicなど、iPhone hackersもtweetしていたので、気になってる人もいるかと思う。 ※このエントリは、これらの怪しい公式アンロックサービスをオススメするモノではないです。悪い結果になっても受け入れられる方、いわゆる人柱覚悟ができてる方向けだと思います。ご注意のほど。もちろん当方では何の責任も負いません。 申し込んだのは、cutyoursim.com ※という、SIMをマイクロSI
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
iPhoneのホーム画面アプリ25選！主力は無料アプリ。by @ushigyu 2011/5版
ごりゅご.com