タグ

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

  • サイト画面が読みズラい:夏目房之介の「で?」:オルタナティブ・ブログ

    「新しいサイト、なんだか読みづらいですね~。 レイアウトの関係なんだけど、なにやらごちゃごちゃ小さくて・・・ もちっと読みやすい風にならんのでしょうかねー。」 というご意見がありました。僕も、じつはそう思います。 ITデジタルの技術者方面だと、どうしてもこうなっちゃうんでしょうね。やはり 出版とか、見やすさを追求して蓄積してきた場所からみると素人の作りなんですね。そういう意味で「はてな」はかなりわかりやすくデキてると思います。ミクシはだめですね。でも、そういうのが何十万とか何百万とかアクセス獲得しちゃうので、通常の競争淘汰が機能しないんでしょう。 サイトのぞいてていつも思いますが、一般的に広告の入れ方がダサくてうるさい。文字のフォント、並び(行間、字間、改行など)、テキスト画面の構成について思慮が足りない。注目させるべきポイントの作り方がどへた(JRの券売機以下)。自分たちがやりやすくて使

    サイト画面が読みズラい:夏目房之介の「で?」:オルタナティブ・ブログ
  • arc90 lab : tools

    The arc90 lab is the playground of arc90 - a New York-based technology and strategic consulting firm. The lab is a place for us to share our ideas, tools and the occasional experiment in web technology. All ideas, experiments and tools are licensed under Creative Commons.

  • 第18回 ユーザー・インタフェース作りに必要なマーケティング感覚

    Webアプリケーションを開発する際に,対象ユーザーを考慮することの大切さについて見てきました。今回は,ユーザー・インタフェース(UI)設計にも,マーケティング感覚が必要なことを考えてみましょう。 UIの問題点を改善していく手順 例によって航空券の予約をサンプルに使います。下記の画面をご覧ください。このWebアプリケーションには,様々なオプションを付け加えることができます。しかし,必要最小限の情報は,「搭乗日」と「出発地」と「到着地」の三項目だけです。このUIに,どこか問題はないでしょうか。 (1) 日付部分への改良 まず注目してほしいのは,搭乗日という日付情報をユーザーにすべて入力させている点です。日付情報をユーザーにまかせ切ってしまうと,表記が統一されず,結局のところシステムでそれを補う処理が発生してしまいます(たとえ「2006/08/02」などと「例」を明記しても,半角文字と倍角文字と

    第18回 ユーザー・インタフェース作りに必要なマーケティング感覚
  • chris erwin dot com - CRIR: Checkbox Radio Input Replacement

    CRIR: Checkbox & Radio Input Replacement This combination of JavaScript and CSS will hide checkbox and radio inputs that have a class = "crirHiddenJS", an id, and a proper label tag. This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. The form will still collect data as it normally would because the label itself will trigger the hidden in

  • caramel*vanilla リンク先をサムネイル表示 - Link Thumbnail

  • Movable Type ブログ検索や tag 検索の結果を素敵な URL で - 2xup.org

    2006-07-07T14:05:53+09:00 もうちょっと UI が解りやすくなるともっと良いのだけれど Flickr にアクセスしていつも良いなあと思うのは、直感的な URL だと思います。例えば /photos/kaminogoya/ にアクセスすれば僕の写真がみれます (最近のアカウントは不思議な文字列になっていますけれど…。設定できるのかな?)。そのあとに sets/ とつければいくつか用意された Photo Set の一覧ページに移動します。また、/こんな風にわかりやすいと、一度アクセスしたあとであればなんとなく解るようになってきますよね。こういった URL もデザインのひとつだと思います。 おなじように解りやすく気付いてからとても重宝しているのが microformats 関係でもおなじみ Technorati のウェブサイトです (.com の方)。Technorati

  • トラックバックに広告掲載する新たな配信サービス

    GENOVAは、ブログに特化したコンテンツマッチのクリック保障型広告配信サービス「とらクリ β版」を開始した。 GENOVAは、ブログに特化したコンテンツマッチのクリック保障型広告配信サービス「とらクリ β版」を開始した。ブログのトラックバック欄に表示することで、ブログのデザインに影響せず広告掲載されるため、ユーザーが簡単に導入できるのが特徴。 トラックバックを利用する広告ということで、最近問題化しているトラックバックスパムとの関係が疑問視されるが、とらクリでは、ブログユーザーが了承済みであることと、ブログの記事と関連のあるリンクである点が大きな特徴となっている。 広告を掲載するブログユーザーには、広告がクリックされるだけで報酬が発生する。クリック単価は、1クリックあたり10円以上。 広告掲載は、当面は初期費用、固定費用とも無料となっている。成果報酬分のみ最低支払い金額1000円から利用で

    トラックバックに広告掲載する新たな配信サービス
    akz
    akz 2006/07/07
    悩ましい。
  • マウスオーバーでリンク先サムネイル表示:phpspot開発日誌

    [YUI] マウスオーバーでリンク先サムネイル表示 Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 マウスオーバーでリンク先サムネイル表示をするサンプル。 リンク先の画像がサムネイルで表示されるって便利ですよね。 最初に初期化しておくことで、<a>タグのonmouseoverイベントハンドラにJavascriptコードを記述しなくてもよいので使いやすそうです。

  • BumpTop 3D Desktop Prototype - www.bumptop.com

    Download now from http://bumptop.com ! BumpTop is a fun, intuitive 3D desktop that keeps you organized and makes you more productive. Like a real desk, but better.

    BumpTop 3D Desktop Prototype - www.bumptop.com
    akz
    akz 2006/06/21
  • ブログへ簡単に追加できるJavaScript製サイドノート

    付箋紙のような感じのサイドノートをブログの文中に追加できます。背景色の変更なども自由自在で、非表示にするのも再表示させるのも簡単。JavaScriptCSSを使っています。 ダウンロードと使い方や例は以下のサイトから。 arc90 lab : tools : Unobtrusive Sidenotes ダウンロードはこちらから http://lab.arc90.com/tools/sidenote.zip 上記サイトの「How Do I Use It?」に使い方が詳しく書いてあります。 実際の例はこちら。 arc90 lab | tools: Sidenote Demo http://lab.arc90.com/tools/sidenote/ 左上の「Hide Sidenotes」をクリックするとサブノートを非表示にできます。文中に、脚注やちょっとした豆知識みたいなのを入れておきたい

    ブログへ簡単に追加できるJavaScript製サイドノート
  • GIGAZINE - クリックするだけで編集可能な「Easy AJAX Inline Text Edit」

    GoogleCalendarもそうでしたが、クリックするだけで編集可能になり、そのまま別のところをクリックすれば保存完了というAJAX。 いちいち「編集」とか「保存」とかそういうボタンを押さずに済むのでラクチン。 例はこちら。 Example page: instant edit AJAX-style http://www.yvoschaap.com/instantedit/ ソースコードのダウンロードや解説は以下を参照。 YvoSchaap.com ほかにもダブルクリックでインラインディタとして「FCK Editor」を呼び出す例。 Inline Text Edit with FCK Editor

    GIGAZINE - クリックするだけで編集可能な「Easy AJAX Inline Text Edit」
    akz
    akz 2006/05/29
    激しく誤爆しそう。
  • デジタルデバイドとユーザーエクスペリエンス

    CNetのブログに「ユーザー・エクスペリエンスとパーベイシブ・アプリケーションの世界」というエントリーを書きつつ考えたことがあるので、今日はそれに関するエントリー。テーマはデジタルデバイドである。 デジタルデバイドとは、さまざまなデジタルデバイスやネットワークの恩恵を受けられる人と受けられない人の間に大きなギャップが生まれることを指す(参照)。ギャップが生まれる原因には、所得、地域、年齢、教育の違いなどさまざまなものがある。「所得・地域格差」に関しては、私のようなエンジニアに何が出来るわけでもないので口を挟むつもりはないが、「年齢・教育」に関しては言いたいことが山ほどある。 この手の議論の際に「デジタルデバイドを解消するために人々の情報リタラシーを高めよう」などという発言を聞くことがあるが、私はこの「○○リタラシー」という言葉が大嫌いだ。もともと「リタラシーがない」とは「文盲である」という

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • PingMag - 東京発 「デザイン&ものづくり」 マガジン » Archive » mixiをより良くするためには

    ED治療薬(勃起薬)は様々な違いがあります。持続時間、作用時間、効果の強さ、事の影響などの比較をご紹介しています。 サイトマップ ED治療薬(勃起薬)の比較・違い ED治療薬(勃起薬)は、現在のところ4種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬! バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか? バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療

    akz
    akz 2006/03/26
    小林さんだ!「エイドリアン・フルティガと一緒に、新しいサンセリフ体のタイプフェイスに取り組んでいます」超楽しみ!/いくつか表記(ゆれ)が気になる。
  • PingMag - 東京発 「デザイン&ものづくり」 マガジン - シイラ:高機能ブラウザ for Mac

    ED治療薬(勃起薬)は様々な違いがあります。持続時間、作用時間、効果の強さ、事の影響などの比較をご紹介しています。 サイトマップ ED治療薬(勃起薬)の比較・違い ED治療薬(勃起薬)は、現在のところ4種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬! バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか? バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療

    akz
    akz 2006/02/24
    「認知心理学をベースにユーザーインターフェースをデザインし直すべきだ」