タグ

Webdesignとusabilityに関するteruwyiのブックマーク (15)

  • gooランキング - あらゆるものをランキングで紹介!ランキングの総合サイト

    gooランキングの情報をお届けします。 プッシュ通知を受け取りたい方は「プッシュ通知を受け取る」を押して頂き、 さらに後から表示されるポップアップの「許可」を押してください。

    gooランキング - あらゆるものをランキングで紹介!ランキングの総合サイト
  • 逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)

    cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า

  • 背景色と文字色の組み合わせで目に優しいのは? | スラド ハードウェア

    目に優しい背景色とフォント色の組み合わせが家にて話題となっており、「黒の背景に緑の文字」や「緑の背景に白文字」などそれぞれのオススメやその根拠が飛び交っている模様。/.Jの皆様も長時間モニタを見て作業されているかと思いますが、眼精疲労を防いだり、作業しやすくするためにどのような工夫をしていますか? オススメの配色などあればぜひご教示ください。

  • 文字サイズ変更ウィジェット

    2007年9月23日 著 456 Berea StreetのRogerが、Scrap text resize widgets and teach people how to resize textという記事のなかで、文字サイズを変更するためのウィジェットを実装したサイトの多くは、質的な問題を隠すためのバンドエイドとして使ってるんじゃないの?みたいなことを書いていて、なかなかうまい表現かもしれないなぁ、と思いました。バンドエイドをバンドエイドと理解して使っているならまだしも、その認識すらなく単にトレンドというかファッションとして採用している向きも世の中的には存在しているようで(「○○のサイトで採用してるんだからウチも......」みたいな)。個人的には、以下の理由からこのUIの存在を微妙だと思っています。 文字サイズ変更ウィジェットは、閲覧のための「機能」ではあっても文書固有の「コンテンツ

    文字サイズ変更ウィジェット
    teruwyi
    teruwyi 2007/09/24
    「文字サイズ変更ウィジェット」も「主要なブラウザにおける文字サイズ変更法」も両方用意しようかな
  • Interaction Design Pattern Library - Welie.com

    Pattern library All patterns are listed here. It's quite a bunch of them, but I have tried to group them meaningfully. User needs Patterns that meet a direct need of the user. Navigating around· Accordion · Headerless Menu · Breadcrumbs · Directory Navigation · Doormat Navigation · Double Tab Navigation · Faceted Navigation · Fly-out Menu · Home Link · Icon Menu · Main Navigation · Map Navigator ·

  • Website Options - read a little.

    Website Options とは? JavaScript で作られている、ページの使いやすさの向上を 目的とした機能を持つスクリプトです。 あらゆるページに適用できるように設計しており、HTML/4.01 (text/html) では勿論の事、XHTML/1.1 (application/xhtml+xml) でも動作します。 また、Mozilla Firefox/1.5.x での厳格な構文チェックを通しています。 以前は Preferred Style Generator という名前で配布していました。 簡単な設定を行うだけで、次のような機能を使う事ができます。 動的なスタイルシート切り替え スタイルシートを簡単に切り替えられる機能をユーザーに提供します。 クッキーを使ってスタイルシートの設定をブラウザに記憶させ、 ページを移動しても表示スタイルを維持します。 XHTML に書かれた

  • target属性の利便性 | kuruman.org

    target属性はa要素や、link要素に指定する事ができた、ウィンドウを支配する属性です。 しかしながら、target属性はHTML4 Transitionalで非推奨、HTML4 Strictや、XHTML 1.1では完全に抹消されました。 何故でしょうか? その理由を他の文書も参考にしながら解き明かしてゆこうと思います。 これは非常に単純なリンクに *target属性* を指定したものです。 リンク集などで多くのサイトに利用されています。 また、target="_top"の指定はフレームを使用した文書の場合は必須となるはずです。 フレームに読み込まれた際に都合の良い様、target="_top"が元から指定されているCGIスクリプトもあるほどです。 それが良いかどうかは別として…。 定義されている仕様 フレームもtarget属性同様、HTML4ではFramesetのみで使用可、XHT

    teruwyi
    teruwyi 2007/05/15
    勉強になりました
  • 63歳の世界的デザイナーが挑む、新しきウェブデザインの世界 - CNET Japan

    航空の鶴を使ったマーク、ティファニーの広告デザイン、楽器メーカーであるナカミチのコンセプト設計――これらのすべてに携わった日人のデザイナーを知っているだろうか。米国ニューヨークに拠を置くKatsuji Asada氏がその人だ。世界的なブランドのデザインやアートディレクションを数多く手がけるAsada氏が、新たな活躍の場としてウェブの世界に飛び出した。 インデックス・ホールディングスとサイボウズの共同出資会社であるZINGAが開発したビジネスパーソン向けのコミュニケーター「Zinga」。PCと携帯電話の両方に対応し、メールや電話などビジネスパーソンが業務に必要な連絡をすべて一カ所で取れるようにしたサービスだ。Asada氏はこのサービスのアートディレクターを務めている。 ZINGA代表取締役社長の大森洋三氏と旧知の仲であったことから実現した今回の企画は、インターネットサービスのデザイン

    63歳の世界的デザイナーが挑む、新しきウェブデザインの世界 - CNET Japan
    teruwyi
    teruwyi 2007/05/14
    とても気になります
  • パンくずナビゲーションの有用性が上昇中

    パンくずとは、いま表示されているページがどの階層にあたるのかを1行のテキストで教えてくれるナビゲーションである。補助的なものであるにもかかわらず、その有用性は次第に高まってきた。 Breadcrumb Navigation Increasingly Useful by Jakob Nielsen on April 10, 2007 デザインに関する意思決定のすべてが、ウェブサイトの生死を分けるわけではない。もちろん、肝心なところを正すことは重要で、さもなければユーザにそっぽを向かれることになるだろう。一方、ちょっとしたところの修正は、ユーザビリティの向上とユーザの満足につながる。パンくずリストは、まさにその好例だ。 パンくずがユーザの疑問に答え、絶望的に分かりにくいインフォメーション・アーキテクチャを修復してくれるわけではない。パンくずがユーザにしてあげられるのは、サイトの中を動き回りやす

    パンくずナビゲーションの有用性が上昇中
    teruwyi
    teruwyi 2007/05/10
    "パンくずは、履歴ではなく、サイトの階層構造を示すべきである。"
  • アクセシビリティガイドライン > 目次 : 三井住友銀行

  • 「左上の魔術師」理論

    Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ

    「左上の魔術師」理論
  • クールなURIは変わらない -- Style Guide for Online Hypertext

    クールなURIとは? クールなURIとは変わらないもののこと。 どんなURIが変わってしまう? URIは変わらない:人がそれを変更するのだ。 理屈の上では、人々がURIを変更するべき(もしくはドキュメントのメンテナンスをやめてしまう)理由は全くありません。しかし、現実には山ほど理由があります。 理論上では、ドメイン名空間の所有者はその空間を所有しており、したがってその中に含まれるURIも所有権を持ちます。ドメイン維持料が支払えない場合を除いて、その名前を保有し続けることを妨げるものはありません。そして理論上は、あなたのドメイン名のもとにあるURIは、完全にあなたの管理下にあり、望む限りそれを安定的に保つことができるのです。 ウェブからあるドキュメントが消えてしまう唯一の納得できる理由は、そのドメイン名を保持していた会社が廃業してしまうか、サーバーを維持できなくなったという場合ぐらいでしょう

  • Webサイトのツリー構造とコンテンツのメタ情報、そして、ナビゲーション:DESIGN IT! w-LOVE

    この一覧を階層構造的に分類していくのが、Structure段階でのインフォメーション・アーキテクチャのタスクの1つです。 その際、コンテンツ分類を行なう際に意識するものとしては、以下のようなものがあげられるでしょう(これがすべてではありません)。 ターゲット別(個人顧客、法人顧客、株主・投資家、マスコミ、学生など)コンテンツ内容別(製品カテゴリー別、サポート情報、FAQなど機能/非機能コアコンテンツ/サブコンテンツ(企業の基情報とスペシャルコンテンツ、ブログなど)時系列で並ぶもの/そうでないもの分類は現実のモデルを反映しているか? 一般的に認知されているものを想起させるか? もうひとつインフォメーション・アーキテクチャを考える際に行なっておくべきことは、コンテンツにどのようなメタ情報を付与するかでしょう。 メタ情報を付与することで、先のコンテンツの階層化による分類を越えて、コンテンツ間を

  • Automatic colored rows - Example for BiteSize Standards

    Are you a content creator looking to take your first steps in website design? You’re precisely where you need to be. HTML stands for HyperText Markup Language. Visualise HTML as the structural backbone of any website. A foundation that organises all the text, graphics, videos and overall layout. It operates behind the scenes, instructing web browsers how to render content for viewers. HTML is used

    Automatic colored rows - Example for BiteSize Standards
    teruwyi
    teruwyi 2006/12/05
    ウェブデザインのチュートリアル集。joshuainkのjohn oxtonが参加
  • ユーザビリティ会議レポート:実績があがるサイトの秘訣を探りました | 100SHIKI PR Board

  • 1