これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効
3.04. ユーザインタフェース設計
GitHub Pagesへ移行しましたmixi-inc.github.ioへお願いします。 wikiの方はしばらくしたら消していきます この章では、Android における UI の設計の考え方について解説します。 参考：Application Structure | Android Developers 参考：Navigation with Back and Up | Android Developers 参考：Action Bar | Android Developers 参考：Navigation Drawer | Android Developers 参考：Multi-pane Layouts | Android Developers 参考：Swipe Views | Android Developers 参考：Selection | Android Developers 参考：C
ECサイトで品切れした商品のページをどうすべきか？ 200と301、404のどのHTTPステータスコードを返すのがベスト？
[対象: 初〜中級] ECサイトで、販売している商品が在庫切れになってしまったときのそのページの取り扱いについて今日は学んでみましょう。 欠品状態によってどうするかが変わってきます。 1. 一時的な品切れの場合 品切れがほんの一時的なものであってすぐに再入荷の予定があるならページは残しておきます。 HTTPステータスコードは200を返したままで構いません。 ただしユーザビリティを考えて、現在品切れでいつくらいに再入荷予定なのかを示しておきましょう。 再入荷したときにメールでお知らせするオプションを与えておくのも親切ですね。 そのアイテムにこだわっていないユーザーのために代替できる似通うアイテムへのリンクを設置しておくのもいいでしょう。 注意点として「在庫なし」ページだらけにしないことが挙げられます。 一時的とはいえ、「在庫なし」の商品ばかりだとユーザーはあなたのサイトで購入したいと思わない
スマートフォンサイトに適したユーザビリティとは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
.NET開発者のための非同期入門 フリーズしないアプリケーションの作り方 － ＠IT
連載目次 「エンド・ユーザーは、0.5秒のフリーズでストレスを感じ、3秒のフリーズはバグだと思う」。昔、冗談半分に言ってみた言葉だが、回りの反応を見るに、割とみな思っていることらしい。 特にモバイル端末向けのOSでは、応答性の悪いアプリケーションはOSによって強制終了されたり、マーケットプレイスでの審査に落ちたりする。フリーズしないアプリケーション作りがますます重要になっている。 そこで、本稿では、フリーズしないアプリケーション作りに必要となる「非同期処理」*1について説明していく。 *1 時間のかかるAPIに対して、そもそも非同期版しか提供しないケースが増えてきている。Windows 8の新しいWindows API（WinRT）では、50ミリ秒以上かかるAPIを、すべて非同期なメソッドとして提供するそうだ。 ■非同期処理の今までとこれから ネットワークI/Oのように待ち時間の発生する処
認知の違いから分かる効果的な情報の見せ方
情報は単に配信すれば伝わるというわけではありません。仕様書を読んで理解できる人もいれば、噛み砕かれた解説書を読むことで理解できる人もいます。また、文章を読んで論理的にアイデアを組み立てる人もいえば、絵から全体像を掴みながらアイデアを考える人もいます。伝えるための情報デザイン、文章デザインで、情報（文章や絵図）をいかに構成することで人に伝わりやすくなるという話をしました。今回は情報を受け取る人に注目し、人が情報をどのように認知しているのかを考えてみます。 今回、Cognitive style and learning strategies という文献を参考にしました。認知の視点から人がどのように学習をするのかを簡潔にまとめています。その文献によると、段階的に学習する Serialist と、メタな観点から学習する Holist の二種類の学習方法があるといわれています。使い分けて学習する方も
タブ使用時の注意点 (ユーザビリティ実践メモ)
タブによる表示切り替えは、様々なサイトで利用されている便利な機能です。さて、皆さんはタブの使い方が大きく2種類あることにお気づきでしょうか？ タブは便利であると同時に、背後のタブが見られない危険性が伴います。今回は、タブの2種類の使い方にそって、タブ利用時の注意点について考えてみたいと思います。なお、どちらの使い方か明確に分けられない場合は、両方の注意点を参考にするのがおすすめです。 ※タブを利用する際の注意点は過去の実践メモでも取り上げています。 （参考） 「困った時のタブ頼み」（ユーザビリティ実践メモ） まず、一つ目の使い方は、「多数の情報をカテゴリごとに整理して提示する」というものです。 例えば、ニュースサイトでは多数のニュース記事を「総合」「経済」「エンタメ」「スポーツ」というタブを使って分かり易く分類しているのをよく見かけます（図1）。あるいは、衣料品を扱うＥＣサイトでは「レディ
UXデザイナのためのレイアウトと見栄えについてのアドバイス
原文(投稿日：2010/11/12)へのリンク Shane Morris氏はMicrosoftでUXのエバンジェリストを務め、今は独立してUXのアーキテクトとして活躍している。氏はTechEd Australia 2010で“Pimp My App”と題したセッションを行った。このセッションで氏はUXの始める前に知っておく必要のある5つのこと、良いレイアウトを作成する4つのステップ、そして製品を素晴らしく見せるための方法についての6つのヒントを紹介した。 氏はUXの開発は次のステップを踏むべきだと考える。最初に情報の設計を伴う概念の設計を行い、次に操作の設計、そして最後に表示の設計を行う。UXは見てくれの良いページを作成するための技法/科学だと思われているかもしれないが、それはUXの一番最後の部分だ。氏はUXを始める前に知っておくべき5つのことを列挙した。 UXデザインの最初の役割は色やフ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド