[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

ブックマーク / u-site.jp (4)

  • パララックス効果に欠けているもの

    パララックススクロール効果は視覚的なおもしろさを付加するものだが、コンテンツの読み込みが遅い、読みにくい、といったユーザビリティ問題を引き起こすことがよくある。コストに見合うだけのメリットがあるのか、よく考えよう。 What Parallax Lacks by Katie Sherwin on January 20, 2019 日語版2022年10月18日公開 数年前、私は同僚と、Webデザインのアワードを受賞し、デザイナーフォーラムで賞賛されていた新しいデザイントレンドを思い切ってテストしてみた。そのトレンドとはパララックススクロールだ。テストで我々はこのトレンドに良い印象を受けなかった。さらに重要なのは、ユーザーも我々と同じだったことだ(理由は以下で解説する)。数年後、このパララックススクロールというトレンドは徐々に廃れていったが、それはおそらく、アーリーアダプターも、ユーザーエクス

    パララックス効果に欠けているもの
  • 入力フォームのプレースホルダーを使ってはいけない

    入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル

    入力フォームのプレースホルダーを使ってはいけない
    bleu-bleut
    bleu-bleut 2014/06/21
    ラベル(パスワードなど)やヒント(6文字以上など)をプレースホルダーにすると、ユーザの短期記憶に負荷をかける。
  • 「右カラム無視」への対策

    Webユーザーは、情報過負荷へ適応するため、重要でなさそう、あるいは広告のように見えるエリアから注意をそらすように自分たちを訓練してきた。しかし、サイドバーは適切にデザインすれば、コンテンツを発見しやすくし、ユーザビリティをうまく向上させることができる。 Fight Against “Right-Rail Blindness” by Hoa Loranger on October 12, 2013 日語版2013年12月17日公開 残念なことだが、Webサイトクリエイターが右カラム(Webページの右レールとも呼ばれる)を広告の掲載によく使うので、ユーザーはこのエリアをチェックしないように自分たちを訓練してこざるをえなかった。これは右カラムはやめるべきということだろうか。いや、そんなことはない。 ページの右側で消費されるピクセルは利用可能な量のうちの20%程度だが、ピクセルとはコンピュータ

    「右カラム無視」への対策
  • なぜEtsyでは無限スクロールは失敗したのか

    「ユーザーがページに滞在してコンテンツに関わる時間が長くなる」といわれる無限スクロールを採用したものの、うまくいかなかったというEtsyでの事例から、その教訓を読み解きます。 U-Site編集部 2013年1月25日 HCD新人部員のTです。 1年以上前の記事ですが、「Pinterestによってもたらされた、6つの重要なWebデザインとユーザビリティにおけるトレンド」という下記の記事を読んでいました。 該当記事:6 Important Web Design and Usability Trends Sparked By Pinterest – The Daily Egg ここで挙げられている項目の3つ目のトレンド、”Deliver Content in Flow”を見てみますと、「無限スクロールによって、ユーザーがページに滞在してコンテンツに関わる時間が長くなる」と書かれています。 Bec

    なぜEtsyでは無限スクロールは失敗したのか
  • 1