スマホサイトのEFO: フォームの入力フィールドのラベルは横ではなく上に置く
[対象: 全員] モバイルサイト（スマートフォン向けサイト）のエントリーフォーム最適化、いわゆるEFOをこの記事では説明します。 フォームの最適化といってもさまざまなことできるでしょうが、ここではフォームの入力項目の“ラベルの位置”に注目します。 ラベルは入力フィールドの上に配置する 入力項目のラベルは入力フィールドの「横ではなく上に配置」します。 入力フィールドの上にラベルを配置 ⇒ ◯ 入力フィールドの左横にラベルを配置 ⇒ × 上に配置することのメリット ラベルを上に配置することのメリットは主に2つあります。 入力フィールドを広くとれる ラベルに文字を多く使える 1つ目は、入力フィールドのテキストボックスの幅を広くできる点です。 姓・名くらいならともかくメールアドレスや住所はテキストボックスが短いとすべてを表示できないことが多いでしょう。 入力しづらいうえに間違っていても気付かずミス
PC向けページをモバイル向けページで分割する時のベストプラクティス
[対象: 上級] この記事では、PC向けページをモバイルサイトで分割するときの構成のベストプラクティスについて考えてみます。 先週、スマホ向けサイト作成セミナーを実施した際に何人もの受講者から次のような質問を受けました。 スマホサイトではPCサイトのページを複数に分けて提供しています。 このとき、検索エンジンに対する設定はどうしたらいいでしょうか？ 理由はさておき、PC向けサイトではもともと1ページだったコンテンツをモバイル向けサイトでは分割することがあります。 PC向けURLとモバイル向けURLは当然違ってきます。 異なるURLの構成なのでrel=”canonical”とrel=”alternate”を用いたアノテーションの設定が必要です。 ところが、1対1の対応になっていないのでそれぞれをどこに向けていいかを悩んでしまいます。 僕自身もその場では「これがベスト」という方法が思い浮かばず
サイトを診断してみましょう - GOMO by Google
この診断ツールを使用すると、現在のサイトがスマートフォン上でどのように表示されるかを確認できます。また、スマートフォン向けサイトを構築するのに役立つ無料診断レポートが作成されます。レポートにはサイトに合わせた個別のアドバイスも含まれます。まずは、下の欄に URL を入力してください。
スマートフォンサイトに適したユーザビリティとは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
