入力フォームの「必須」「任意」のラベルは両方付けないとコンバージョン率が下がる
[レベル: 初〜中級] 入力フォームのフィールドには、入力が「必須」なのかまたは「任意」なのかのラベルを両方付けることが推奨されます。 どちらか片方だけだと入力途中の離脱の原因になります。 ECサイトのユーザービリティ調査と最適化を専門に扱っているBaymard Instituteが詳しく解説しています。 15の大手ECサイトのユーザビリティ調査と18の主要なモバイルサイトのユーザビリティ調査、そして自社による最新の大規模なアイトラッキングテストによって実証することができました。 この記事では、その解説の要点をまとめて紹介します。 片方だけの「必須」「任意」ラベルの問題点 入力が「必須」か「任意」かをどちらか片方のラベルだけで示すことにはさまざまな問題点があります。 必須か任意かを示さないのはいちばんよくない そのフィールドの入力が必須か任意かを示さないのはいちばんよくないスタイルです。
ウェブサービスの管理画面を作る上で守るべき6つのルール | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！！ メディア事業部のまさしです。 昨今、ウェブサイトをはじめとするウェブサービスやアプリなどは、作っておしまいではなく、作ってから運用し改修を続けて成長させていくことを前提とするようになりました。 その際に重要な役割となる管理画面ですが、管理画面って作るときに何のデータを出していいのか、どうデザインしたらいいのか迷いますよね。結果、あらゆる機能とあらゆるデータを盛り込んだ管理画面になってしまいがちです。 今回は、そんな悩みを解消できるように、目的に合っている使い勝手の良い管理画面をつくるための6つのルールをご紹介いたします。 ウェブサービスの管理画面をつくる上で守るべき6つのルール ルール1：ターゲットは1つに絞るべし！ 最も効果的な管理画面とは、単一のユーザーをターゲットとして、その目的をもとに固有のデータを表示しているものです。 複数のユーザーをターゲットとしてしまうと、い
黒須正明氏「これからの企業は、全社を挙げてそれぞれのポジションからUXについて考えるべきです」 | ユーザーエクスペリエンスのチカラ
黒須 正明氏特定非営利活動法人 人間中心設計推進機構（HCD-Net） 理事長 学校法人放送大学 ICT活用・遠隔教育センター教授 国立大学法人 総合研究大学院大学メディア社会文化専攻 教授UXやユーザビリティに関わる人であれば、ユーザ工学、ユーザビリティ研究者である黒須正明氏はだれもが知る存在だろう。今回は、人間中心設計推進機構理事長の黒須氏を迎え、UXに対する考えなどを詳しく伺った。 UXは時間軸において5つの段階を持っている――まずは黒須さんとユーザエクスペリエンス（UX）の出会いを教えてください。 UX歴は7年位ですね。欧米でUXが流行り始めたのが今世紀に入ってから。そのころはユーザビリティと混同されていたから、僕は反発していたんです。でも、2005年頃から欧米のユーザビリティやデザインの研究者とUXについて議論する機会が増え、定義が明確になってきたことから、UXという言葉を使い始
レスポンシブにデザインするために克服すること : could
画像の課題は解決されつつある 先日 Web担当者 Forum で、レスポンシブ・ウェブデザインの功罪とモバイルファースト という記事が掲載されました。Media Queries を活用するなど実装のための概要を説明した上で、非表示だけど読み込まれているから膨大な画像素材が存在する PC サイトのレスポンシブデザインは不適切であると書かれています。 現存の Web サイトを Media Queries だけでレスポンシブ・ウェブデザインをするのであれば、Web担当者 Forum での指摘は間違っていませんが、実際のところレスポンシブにデザインすることは、Media Queries による対応だけではありません。例えば、画像の表示のさせ方を工夫すれば、記事で指摘している課題はある程度解決できます。Web担の記事からもリンクされている CSS Rador でも取り上げられている解決策もありますが
スマートフォンサイトに適したユーザビリティとは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
非公開サイト
サイトの構築。作品の販売。ブログの投稿。この他にもさまざまな機能があります。 ログイン サイトをはじめよう 非公開サイト このサイトは現在プライベート設定になっています。
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
【スマホ集中連載 第3回】 "iPhone・AndroidアプリのUI・挙動はどこが違う？" 〜LDNReaderで徹底検証 : LINE Corporation ディレクターブログ
こんにちは。スマートフォングループの石野です。 「ディレクターのためのスマートフォン講座」第3回目を担当します。 前回に引き続いて Android と iPhone の比較ですが、アプリについてもう少し突っ込んでみます。Android アプリを使ったことが無い方はぜひご覧ください。 はじめに / サンプル紹介 なるべく直感的に把握していけるよう、実際に iPhone / Android でアプリをリリースしている『LDNReader』を例に見ていきます。ニュースリーダー系アプリです。機能面はほぼ同一であり、比較しやすい対象です。 ※以下は iPhone / Android アプリを開発する上でのガイドラインではありませんのでご注意ください。あくまで『LDNReader』は一例にすぎず、Android の概念を学習するのが目的です。 ※実際にダウンロードする際は以下よりお願いします。 iPh
楽天におけるアクセス解析とマルチデバイスへの取組み | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* 楽天株式会社にとって、アクセス解析の有効活用は経営課題だという。そのため、全社を挙げての取り組みが行われ、事業部を横断して導入を推進するための選任チームも作られた。最近では、iPhone/iPad, Android などデバイスへのサービス展開にも、アクセス解析を活用すべく検証を始めたという。なぜ、そこまでアクセス解析に力を入れているのだろう
【埋】iPadを”窮屈”に思うボクらが意識させられる「立ち位置」のコト
久しぶりに不定期コラムです、こんばんは。 最近 「カイ士伝」 のカイさんと考えることが ダブってきていて、カイさんがいれば私は要らないんじゃ ないかと思ったりするのですが（おい）、 ■ぼくがiPadを買わない理由 - カイ士伝 http://blogging.from.tv/wp/2010/06/04/3828 iPadに「手を出していない」理由 について、 いくつかのポイントを挙げながら考察されています。 私も似たようなことをずっと考えていました。 念のため先に断り書きを入れておくと、これは「iPadがダメな理由」 といったお話では全くなくて、あくまでカイさん個人にとって 現時点でiPadがあまり必要にならない理由、というお話のことです。 その中で私も共感した部分についてピックアップしてみます。 ただ個人的にモバイルの線はないなと思っていて、発売当初の「見せびらかしたいニーズ」が終了する
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-01-22 >
左ナビと右ナビはどっちが良い？ (ユーザビリティ実践メモ)
ウェブサイトを設計する際に、ナビゲーションメニューを左右のどちらに設置するかで悩んだ経験はありませんか？ 弊社でウェブサイトを設計する際には、「コンテンツ」と「ナビゲーションによる誘導」のいずれが大事かによって設置位置を判断しています。 ■ナビゲーションによる誘導が重要な場合はナビゲーションを左に 例えばアマゾンなどの巨大ECサイトではナビゲーションによる誘導が重要であるため、ナビゲーションが画面から切れてしまうことのないよう、左側にナビゲーション設置しています。 上記のほかの考え方として、ユーザがそのサイトと同時に利用する競合サイトと同じ位置にナビゲーションを設置する、という考え方もあります（ユーザの慣れや先入観に配慮する）。 ナビゲーション設置時には「コンテンツ」と「誘導」のいずれが大事なのかによって設置位置を調整するようにしましょう。
［確認］ボタンの責任範囲感 :Heartlogic
［確認］ボタンの責任範囲感 こういうUIがある。例えばmixiのユーザー情報編集フォームとか。 情報の表示→編集ボタンクリック→編集作業→完了ボタンクリック→確認→確認ボタンクリック→情報の表示 これは実質的には、 情報の表示→編集ボタンクリック→編集作業→完了ボタンクリック→情報の表示 という形でもぜんぜん構わない。2度目の情報の表示で入力者は確認を行うだろうし、そこで問題があれば、再度編集ボタンをクリックすれば良い。問題がなければ確認ボタンをクリックし情報の表示を待つ、という部分を省略できる。 どう考えても後者の方が効率的なのだが、けっこう前者のようなUIは多い。 後者はAppleのUIがそうだ。前者はWindows的......か？ mixiは何をやるにも前者型である。 想像するに、前者は［編集］という行為をそれだけで完結させようとしているのだろう。つまり、 情報の表示→編集ボタンク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
事例紹介 | 株式会社インフォバーン
http://www.mobiledesignpatterngallery.com/mobile-patterns.php
Good night, Posterous
グリーに学ぶ、スマートフォン開発向けWebアプリ要素の最新技術 ～HTML5、CSS3を採用したポイントとは
日経BP
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
線と面、引き算の美学 - Vox