ユーザビリティの高い、使いやすいフォームを制作するための12のポイント
Li'l Engineのエントリー「ユーザビリティフォームのためのチェックリスト」の意訳で、ユーザビリティの高いフォームを制作するための12のポイントの紹介です。 Checklist for Usability Forms 不明な箇所は英文のまま記載してましたが、皆様の協力により3,5を和文にしました。 フォームは正しく入力できるように、可能な限り簡潔に。 フォームには、必要なインフォーメーションを含める。 タイトル：なんのためのフォームか フォームのヘルプ キャンセル(中止)の選択肢 入力すべき項目は、多くしない。 重複する入力項目は設置しない。 フォームの公開後しばらくしたら、収集したデータが実際に使用されているかチェックする。利用されていないものがあれば、収集しないようにする。 長いフォームは紛らわしいので、分ける。 タスクごとに分ける それぞれのページごとにチェックをし修正すること
ユーザーの視線が丸裸になるアイトラッキングテストで分かる驚愕の事実
以前からシニアのIT操作に関する鋭い洞察のブログで注目していたマミオン有限会社にお邪魔してアイトラッキングテストとユーザビリティについてお話をうかがってきました。 日本アフィリエイト協議会主催のセミナーは高田馬場のマミオン有限会社オフィスのセミナー室にて行われました。 前半は景品表示法と薬事法のワンポイント講座が行われました。 後半はマミオンの佐藤純さんによるアイトラッキングテストのセミナーです。 内容は資料など詳細は非公開とのことなので、私が感じたことをお伝えしたいと思います。 詳しく知りたい方はマミオン公式ブログの記事が参考になります。 人気の記事です： ★アイトラッキングなら一目瞭然！新「はてなブックマーク」が何となく見づらい理由 ★実例で納得！シニアが使えないサイトの例 ★シニアを引きつける！購買意欲を高めるキャンペーンサイトの黄金パターン ユーザビリティって何？ ある目的を達せさ
【UI調査】iOSとAndroidのスイッチ 7種類比較
最近、アプリオでは、スイッチのユーザビリティについての記事を2本掲載した。 【|と◯】知ってる？ アプリや電機のスイッチと電源ボタンの記号の意味 【UI調査】スマホ・アプリのスイッチの意味をユーザは理解できているのか？ いずれの記事も反響が大きく、スイッチのユーザビリティ（使い勝手）に対する読者の関心が高いことが分かった。 iOSとAndroidのスイッチ比較 そこで、一連の記事をまとめる観点から、アプリオ編集部がスマホユーザにアンケート調査を実施した。有効回答数は80件（7番のみ40件）。 実際にiOSやAndroid OSの設定画面やアプリ内で使用されているスイッチの画像を見せ、「スイッチを左に動かした場合」の結果を3つの選択肢（ON・OFF・分からない）の中から選んでもらった。 各スイッチ画像に関して回答者に与えた情報は、スイッチの画像のみ。まずは、同じ条件で、以下の結果を確認してほ
ユーザビリティ実践メモ
スマートフォンとともにタブレット端末の普及率はますます上昇し、最近では街中や電車などでタブレット端末を利用している人を多く見かけるようになりました。 この記事の続きを読む
MdN Design｜総合情報サイト
PC、ケータイ、スマートフォンなどでアクセスできる会員制オークションサイト。会員数は100万人以上を誇り、いつでもどこでも楽しめる利便性から日々活発に取引が行われている。 急速に求められ始めたWebサイトのスマートフォン対応。狭い画面とタッチ操作という独特なデバイスに必要なUI 設計とはどのようなものだろうか？ スマートフォン向けサービスを数多く展開するDeNAでディレクターを務める鈴木哲之さんに、オークションサイト「モバオク」での取り組みをうかがった。 取材・文／久保靖資 取材協力／鈴木哲之（株式会社ディー・エヌ・エー） テスト等を通じたUI／UX設計への取り組み 一般的なコーポレートサイトでもスマートフォンでの閲覧を期待して最適化が要件に含まれるようになるなど、Web制作の現場でスマートフォンへの対応を求められるケースが急速に増えている。限られた画面内でコンテンツをどのように見せるのか
ショッピングカートでは、クレジットカード情報の入力エリアをハイライトするとかご落ちを防げる
[対象: 全員] コンバージョン率を上げるために簡単にできる改善策を今日は紹介します。 クレジットカードの入力エリアを“視覚的に補強”する方法です。 Baymard InstituteのE-Commerce Checkout Usabilityで説明されていたやり方になります。 A（左）とB（右）を比べてみてください。※クリックで拡大 違いに気付きますか？ 2つ違ってますね。 背景色 セキュアバッヂ クレジットカードを入力するエリアだけがほかのエリアとは背景色が変えられていています。 またGeoTrust（ジオトラスト）のセキュアバッヂが置かれています（Aではページ右上に置かれているがBでは近くに移動してある）。 たったこれだけのことでセキュリティに対するユーザーの安心感が増すんだそうです。 SSLを使っていれば技術的にはクレジットカード情報を含むすべての情報は暗号化されたうえで送信されま
mixiのiPhoneアプリはここを改善すべきだ
mixi, Twitter, Facebook, Google+, Linkedin 2011年12月最新ニールセン調査 日本ではまだまだページビューや滞在時間においてはmixiが他のSNSを引き離しているようですが、上記リンク先でも言及されているように、それはあくまでもPCブラウザ経由でのサイトアクセスに限定した場合のようです。モバイル端末からのアクセスを含めるとどういう結果になるのか気になるところです。 …という流れで、最近mixiが公式でリリースしているiPhoneアプリを触ってみたのですが、これは現状では課題だらけだと思います。AppStoreでもサードパーティー製のmixiビューアーより評価が低い状況で、同社のスマートフォン展開に対する意識の低さが浮き彫りになっているように感じます。少なくともデザインやUIのクオリティに関しては、海外の競合SNSに大きく引き離されてしまっているの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
