タグ

ユーザビリティに関するmiso30のブックマーク (3)

  • Eコマースサイトを成功に導くための18のアドバイス

    Amazon, Apple, DellなどのEコマースを参考にした、商業ウェブサイトとして成功に導くための18のアドバイスを紹介します。 18 best practices to improve your e-commerce website [ad#ad-2] 下記は各ポイントを意訳したものです。 13番の「Google Sitemapに一工夫」は特に目からウロコでした。 Keep it simple どんな種類の商品を扱うサイトでも、サイトはシンプルで一貫したユーザインターフェイスを備えてください。不必要にユーザーを悩ませる情報は掲載しないようにします。 写真のクオリティは高く 商品を見せる写真画像は、クオリティの高いものにしてください。どんなにサイトのデザインがよくても写真が魅力的でないと、ユーザーは買う気を損なうでしょう。 商品の画像は複数 商品写真の掲載は一つだけでなく、複数掲載

  • WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと

    このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく(ないのかよ!!と全力でつっこんでおk)今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね\(^o^)/ 様々なWEBシステムのデザイン よいデザインはデザインをする対象(今回はWEBシステム)のことを知らなければ出来ません。 自分の考えだけでデザインをはじめると、思考の偏った使いにく~いものになってしまう恐れがありますので 必ず調査をしましょう。 そして、何故その要素がそこに配置されているのかを考えましょう。 以下に様々なWEBシステムのキャプチャと 超稚拙で言葉足らずな安易すぎる説明を掲載します。 ですが、掲載されてい

    WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと
  • fieldset要素単位で横スライドするバリデーション付きの入力フォーム用jQueryプラグイン・jQuery Stepy - かちびと.net

    縦長になるような入力フォームにいいかな と思ってメモ。fieldsetでグループ化された 要素単位でスライド化してくれます。下部 までスクロールする必要が無くなるのと、 どこが誤入力か分かりやすい、場所を取ら ないなどのメリットがあります。 特に、入力項目が長いフォームは離脱率を高くする可能性も否めませんので、入力プロセスを補助するのはユーザビリティに大きく貢献出来るかと思います。IE6でも7でも動作するようです。 日語に直してみました。これは1例で、3つに分けなければならないわけではありません。 入力をミスすると、次のfieldset要素に進めない(スライドできない)という仕組み。 fieldsetごとにバリデーションチェックを行うのでユーザーもストレスが無いような有るような。 うん、ストレス無いです。(キリッ ファイルとか <script type="text/javascript"

    fieldset要素単位で横スライドするバリデーション付きの入力フォーム用jQueryプラグイン・jQuery Stepy - かちびと.net
  • 1