タグ

usabilityとuiに関するpotappoのブックマーク (8)

  • はてブ追加時の「コメント」ボタンが紛らわしい問題 - 聴く耳を持たない(片方しか)

    昨日から続いて、今日はデザイン面でのはてなブックマーク改善案……というわけでもないのですけれども、ちょっと気になった点。 - ところてん - アットウィキ 出っ張ってる印象を与えるオブジェクトはボタンに見える。 で、ついクリックしてしまう。 http://www16.atwiki.jp/tokoroten/pages/1015.html こちらで指摘されていますが、新しいはてなブックマークのBookmarkletのデザイン*1で、誤操作が多いようですね。 例えば私のTwitterのタイムラインでも、そうした話題が結構聞かれてます、 はてブ2のブックマーク追加ページ、「追加する」ボタンじゃなくて、コメント欄左のコメント部分をつい押してしまう。なんかボタンぽいデザインなのでつい・・・・・・。 リニューアルしたはてブの、ブクマを追加するときのコメント & タグ入力画面、「タイトル」と「コメント」

    はてブ追加時の「コメント」ボタンが紛らわしい問題 - 聴く耳を持たない(片方しか)
    potappo
    potappo 2008/11/29
    位置でボタンかどうかを判断してたから押そうとしなかったけど、言われてみれば確かに押したくなるなあ。
  • Latest topics > 使う道具が人の考え方を決めるということと、自分が「自分を変えたくない」と思いこの場所に留まり続けているということ - outsider reflex

    Latest topics > 使う道具が人の考え方を決めるということと、自分が「自分を変えたくない」と思いこの場所に留まり続けているということ 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行まんがでわかるLinux シス管系女子の試し読みが可能! « ドーナツ Main 前照灯 » 使う道具が人の考え方を決めるということと、自分が「自分を変えたくない」と思いこの場所に留まり続けているということ - Nov 07, 2007 amachangさんのエントリを見て思ったこと。 人の考え方というのは、環境によって左右され得る。その人が使う道具も、その人を取り囲む環境の一部だ。だから、その人がどんな道具を使うかということもまた、その人の考え方を左右し得る。 viのようなモーダルなツールは、非人間的だ。 「モード

  • 初めて来た人がすぐに使えるはてなにしたい : 2007-11-06 - jkondoの日記

    毎日毎日はてなのサービスを使っていると、どこの部分が使いにくいのかがだんだん分かりにくくなります。たとえば「適当にブログを探していてたまたまふらっとはてなに立ち寄った人」の気持ちになって、そこからはてなダイアリーを使ってみようと思うまでを想像するのは実はかなり困難です。 しかし毎日新たに登録して利用を開始する人の多くはそうした初心者であり、こうした方に迷わずにはてなを使い始めて欲しいと思います。そのために誰でも使いやすいインターフェースにしなくてはいけないと考え、昨年末からユーザービリティテストを開始しました。ユーザビリティテストとは、一般の方にパソコンを操作してはてなを使ってもらい、その様子を見せてもらうテストです。 一般の方と言っても、すぐに適当な人を見つけてくるのは大変なので、まずは社員旅行の時に社員の家族の皆さんに順番にいろいろな操作を行ってもらうところから始めました。それからは、

    初めて来た人がすぐに使えるはてなにしたい : 2007-11-06 - jkondoの日記
    potappo
    potappo 2007/11/07
    ユーザビリティテスト重要。良い方向に進んでるなあと思う。
  • フォームの入力エラーを吹き出しで教えてくれる JavaScript

    ■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri

  • WindowsIE での編集画面の挙動について - はてなダイアリー日記

    http://d.hatena.ne.jp/hatenadiary/20061214/1166080216 Windows IEの文字サイズ「小」以下のサイズを使った場合に、日記編集ページや管理ページでの文字サイズが小さくなりすぎる問題につきまして、日対策を行いました。長らくご不便をおかけいたしました。 Windows IE の文字サイズが「小」以下の場合に、ページ読み込みのタイミングで入力フォームの文字サイズを大きくします。この機能は JavaScript を用いて動的に判別しており、インターネットオプションでアクティブスクリプトが「無効」となっている場合には、設定を変更していただく必要がございます。また編集ページを表示中に文字サイズを変更した場合にも、文字サイズは小さいままとなります。あらかじめご了承ください。 はてなダイアリーでは今後もいただいたご意見をもとに機能を調整して参ります

    WindowsIE での編集画面の挙動について - はてなダイアリー日記
    potappo
    potappo 2006/12/19
    2006-12-20良くなっていることを確認。対応お疲れ様です。
  • Windows IEにおける日記編集画面での文字サイズにつきまして - はてなダイアリー日記

    昨日告知いたしました、Windows版 InternetExplorer(IE) における日記編集画面の入力フォームの文字のサイズが、ブラウザの文字サイズの設定にあわせて変更される機能変更につきまして、コメントフォームやトラックバック、アイデア等にてお問い合わせをいただきありがとうございます。今回変更に至った経緯、および今後の対応について、ご説明させていただきます。 まず前提となりますのは、Windows IEにおける、表示メニューで文字サイズを変更しても、テキスト入力フォームの文字サイズは変更されない、という仕様です。この仕様のため、普段文字を見やすくするために文字サイズを大きくしてブラウザを利用しているにも関わらず、日記の編集の文字サイズが大きくならず編集がしづらい、というお問い合わせやご要望を以前よりいただいておりました。 このような挙動はWindows IEのみで発生し、Firef

    Windows IEにおける日記編集画面での文字サイズにつきまして - はてなダイアリー日記
    potappo
    potappo 2006/12/14
    結局CSSの問題だと。WebUIの限界なのか?上手い解決策はないものかな。
  • 日記編集画面での文字サイズを変更できるようになりました(WinIE限定) - はてなダイアリー日記

    日記編集画面、および詳細デザイン設定での入力フォームの文字サイズを、ブラウザ(InternetExplorer)の設定に合わせて変更するようにしました。(WindowsIE6/7限定) これまで、たとえばIEの設定で文字サイズを「最大」としていても、システム側の制限により、入力フォームの文字サイズは変更されないようになっておりました。 こちらを日より、IEの文字サイズ設定に応じて、入力フォームの文字サイズも変更されるようにいたしました。今後は以下のように表示されます。 これまで 「最大」にした場合 今回の変更 「最大」 「中」 「最小」 普段お使いの文字サイズが「中」以外の場合など、お使いの環境によっては入力フォームの文字サイズが日から変わっていることがございます。以前の文字サイズで入力を行いたい場合は、IEの「表示」メニューにて文字サイズを「中」に設定していただけると以前の文字サイズ

    日記編集画面での文字サイズを変更できるようになりました(WinIE限定) - はてなダイアリー日記
    potappo
    potappo 2006/12/13
    既に各所で不評のようだけど、IEの文字サイズ設定との同期はさすがに失敗な気がする。Web UI 改善はなかなか難しいなあと改めて思った。
  • 多くのユーザーは一度に1本しかジュースを買わない ― @IT

    ユーザビリティのヒント(1) 多くのユーザーは 一度に1しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。(編集部) 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ

  • 1