タグ

usabilityに関するThailandMethodのブックマーク (9)

  • 外部リンクは別ウィンドウで開かせるべきか?  アクセス解析でユーザー行動を理解する

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    外部リンクは別ウィンドウで開かせるべきか?  アクセス解析でユーザー行動を理解する
  • 利用者からのフィードバックを受けられる邪魔にならないフォーム実装デモ:phpspot開発日誌

    Quick Feedback Form w/ PHP and jQuery | Tutorialzine 利用者からのフィードバックを受けられる邪魔にならないフォーム実装デモとチュートリアルです。 jQueryベースのデモをダウンロードしてそのまま使うことも、改造することもできます。 実装するとページ下部に次のように表示 ページ下部のウィジェットをクリックすると次のようにアニメーションしながらフォームが現れます。 内容を入力して送信可能。 位置なんかもカスタマイズして自サイトにあわせてもよいかも。 利用者の声を積極的に取り入れたいWEBマスターの方は活用してみましょう 関連エントリ フォームに簡易電卓を組み込める「jQuery Calculator」 ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」 ブラウザが落ちてもフォーム内

  • iPhoneサイトで気をつける3つのポイント (ユーザビリティ実践メモ)

    スマートフォン利用者の増加に伴い、スマートフォン、特にiPhone対応サイトを用意する企業が増えてきましたが、必ずしもデバイスの特徴を考慮したサイトとなっていないケースが見られます。今回は弊社の調査で見られたユーザ行動を元に、iPhoneサイトで気をつけるべきポイントをご紹介します。 従来の携帯では下ボタンで画面をスクロールさせる際リンクに順番にフォーカスがあたるため、テキストリンクでもユーザの視線が止まりやすい傾向があります。一方iPhoneでは指で画面をスクロールさせるため、リンクにフォーカスはあたりません。テキストリンクがアイキャッチとなりにくく、携帯と比較して文字情報がまとめて読み飛ばされるケースがみられます。ユーザの目線を止めるには、アイキャッチ用の画像を配置するなどの工夫が必要です。 【ポイント2】細かな操作はさせない iPhoneはタッチパネルを指で操作するため、画面上の1点

  • 10 Free Wireframing Tools for Designers

    Wireframing is a crucial step in web design and development as it allows for rapid prototyping and helps to pinpoint potential problems early in the process. It can be invaluable to have a visual representation of content, hierarchy and layout. This post highlights 10 of the best free wireframing tools available, including standalone applications, web-based tools and browser add-ons. If you're par

    10 Free Wireframing Tools for Designers
  • Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ

    暗黙知(あんもくち、Tacit Knowing)は、ハンガリーの哲学者・社会学者マイケル・ポランニー(Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、(全体的・部分的に)言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基的なところだけ

    Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ
  • 「こんな企業サイトはイヤだ」ベスト20

    goo ランキングは7月3日、「企業のウェブサイトで困ってしまうことランキング」を発表した。1位「情報が数カ月間更新されていない」、2位「画像が多くて、重い」、3位「『準備中』のコンテンツだらけ」などだった。 5位には「トップページからオールフラッシュ」がランクイン。そのほか、「ポップアップがどんどん開く」、「突然音が鳴る」などが10位以内に入った。

    「こんな企業サイトはイヤだ」ベスト20
  • やってしまいがちなユーザビリティのミスとその解決方法

    ユーザビリティでやってしまいがちなミスや見落とされがちな10の罪とその解決方法をLINE25から紹介します。 10 Usability Crimes You Really Shouldn't Commit 下記は、やってしまいがちなユーザビリティの10のミスとその解決方法を意訳したものです。 はじめに 1. ラベルがないフォーム 2. トップページにリンクしないロゴ 3. 訪問済みリンクの指定がない 4. アクティブなフィールドが明示されない 5. altの記述がない画像 6. 背景色がない背景画像 7. 長い長いテキスト 8. 下線付きだがリンクではない 9. ココをクリック 10. 均等割付「justified」の使用 はじめに ここで紹介している10のユーザビリティのポイントは、ありがちなミスだったり見落とされがちなものを集めました。 あなたのウェブサイトのユーザビリティを拡張する手

  • 有償だけどかなりカッコいい管理画面のテンプレート「Simpla Admin」:phpspot開発日誌

    有償だけどかなりカッコいい管理画面のテンプレート「Simpla Admin」。 次のような汎用性のありそうなデザインされたテーマが15ドル(今だと1300円ぐらいでしょうか)で購入できるみたい。 管理画面に応用すれば優れた管理画面が作れそうです。デザインが苦手という方や手間を省きたいという方によさそう。 外注すると何万とかいってしまうことを考えると1300円はとても安いですね。 以下のエントリを参照してください。 Simpla Admin - Flexible & User Friendly Admin skin - Site Templates - ThemeForest

  • 使えるユーザビリティーガイドライン10 – creamu

    遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。 ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラベルはフィールドの左に置かれ、2カラムのレイアウトになっている。いいデザインだが、最も使いやすいレイアウトとは言えない。なぜなら、フォームは一般的に垂直方向に並んでおり、ユーザーは上から下に向かって入力していく。ユーザーは視線を下の方向に向けていくのだ。そのため、ラベルが左にあるよりも、同じ方向にある方が認識しやすい。 2. ユーザーの視線は人の顔に向く Webページを見るとき、人の顔や目に視線が行く。マーケッターにとっては、注目を集める有効なテクニック。ユーザーは画像の中の人の視線が向いて

  • 1