【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
30分で学ぶ「mixiアプリ for touch」（スマートフォン版mixiアプリ）の作り方
iPhone用のWeb制作は、すばらしき諸先輩方のブログなどがあるので、こちらではmixiアプリ スマートフォン版について言及していきます。（もちろんちょいちょい他TIPSも出しますが） 今回はmixiアプリ スマートフォン版において、技術的に「こういうコトができる／できない（やらない）」ことを見ていきます。 できるコト 基本的には後述の「できないコト」以外は、ほとんど制限を受けません。が、「なんだこれ？」とハマって解決できたコトはありました。 ページ遷移時にページトップへ移動する これは結構ハマる方多そう。mixiアプリ スマートフォン版が、という限定ではありません。iframeで読み込んでいるコンテンツ全てに起こります。 iframe内でページ遷移をすると、スクロール位置は保持したまま次のページを表示してしまいます。この仕様、わけわからん。。 解決方法は簡単、リンク先の末尾に「#」を付
チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか
フォームで利用するjQueryのスニペット コードをいくつか。どれも既出だと思う のでおさらいという事で。とはいえ、所詮 はスニペットですので実際に導入する際 は動作をしっかりと検証する事を強く 推奨します。 フォーム周りのjQueryスニペットです。自分用のメモも兼ねて。 フォーム関係は色々面倒なので参考にならない事もあるかと思います。「ふーん」程度にご覧頂くと丁度いいと思います。 Placeholder属性を、非対応ブラウザでは表示/非表示に 便利なHTML5のPlaceholder属性をオールドブラウザでは表示/非表示として対応します。 if(!$.support.placeholder) { var active = document.activeElement; $(':text').focus(function () { if ($(this).attr('placeholde
iPadのユーザビリティ： この1年
iPadアプリは大幅に改善された。しかし、スワイプの曖昧さやナビゲーションの過負荷のような、新たなユーザビリティ上の問題が浮かび上がってきた。 iPad Usability: Year One by Jakob Nielsen on May 23, 2011 日本語版2011年6月1日公開 iPadアプリについての最初のユーザビリティ調査の後、1年で、iPadのユーザーインタフェースから明らかに奇抜さが減ってきているのは良いことである。昨年の我々の提案のいくつかがうまく取り入れられているのはさらにすばらしい。その中で、アプリに関して採用されたものは以下の通りである： Back（：戻る）ボタン 検索の利用の拡大 ホームページ トップページのヘッドラインにタッチすることによる、記事へのダイレクトアクセス それでも、今年のテスト中にも、ユーザーが誤って何かにタッチしてしまったり、出発地点への戻り
iPadのユーザビリティ： ユーザーテストからの最初の所見 – U-Site
iPadのアプリは一貫性に欠け、機能の発見しやすさの点で劣るため、ユーザーの偶然のジェスチャーによって、エラーが頻繁に起きてしまう。あからさまな印刷物のメタファーと奇妙なインタラクションスタイルはさらなるユーザビリティ上の問題を引き起こす。 iPad Usability: First Findings From User Testing by Jakob Nielsen 2010年5月10日 「巨大なiPhoneみたい」というのがiPadをテストするように依頼されたユーザー達が最初に言ったセリフである。（2番目に言ったこと？ それは「うわっ、重いね」だった）。 しかし、インタラクションデザインの観点からいうと、iPadのユーザーインタフェースは iPhoneのUIを大きくしたものであってはならない。 実際、今回の調査から得られた発見の1つは、画面最下部にあるタブバーはiPhone上よりもi
スマートフォンサイトに適したユーザビリティとは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に
Av-jyo.com
The domain av-jyo.com maybe for sale. Click here for more information. Av-jyo.com Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Web Designing Courses AVI DVD Player Online Data Protection MatchMaking Services Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Privacy Policy
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
