The dashed line in use Touch
In previous work I have advocated for the use of dashed lines, my paper for Mobile HCI 2006 [pdf] represents Touch-based interactions with dashed lines, and work on ubicomp iconography uses the dashed line to represent borders, or seams. I’ve had trouble justifying my excitement about this intricate visual detail, so I thought it would be good to collect a bunch of examples from over fifty years o
使いやすさ日記: 308. どちらの色が速い？～中央線の発車標
308. どちらの色が速い？～中央線の発車標 2006年4月17日 新宿駅でJR中央線を利用した時のことです。階段を上っている時に電車の発車合図が鳴りました。 「急がなきゃ！」 発車標を確認して、「オレンジ色のラベルだから各駅に止まる普通の電車だろう」と判断し、電車に飛び乗りました。しかし、乗った電車はCHUO SPECIAL RAPID（中央特快）という急行の電車だったのです。「間違えた〜」と、目的の駅を通り過ぎ、三鷹駅まで乗車する羽目になりました。 英語表示になっていたため、文字をあまり読まずに電車の速さを色だけで判断をしてしまいました。 「オレンジ色は普通の電車だと思ったのに…」 さて、ここが問題です。何故オレンジ色を普通の速さだと思ってしまったのでしょうか。 発車標を見ると、赤と緑とオレンジの３色が使われています。ここで注意して頂きたいのが、速さの表示で使われているオレンジ色が、行
使いやすさ研究所 ホームページ
使いやすさ研究所では、「使いやすさ」の様々な情報発信を行っています。使いやすさ研究所は、カタログに氾濫する「使いやすさ」「わかりやすさ」を単なるキャッチ・コピーで終わらせない為の様々なテスト・サービス、開発支援、コンサルティングを行っている株式会社 U'eyes Designが提供する情報発信サイトです。 U'eyesDesignでは、iPhone評価レポートを販売しております。 7/11（金）のiPhone日本上陸に伴い、多くのメディアでの評価が予想されます。それに対し本レポートは、独自進化と揶揄される国産ケータイ文化とその使い勝手に慣れ親しんだ『実際のユーザ』が、どのように感じるのか、発売直後の評価（ショートターム）と1週間ほどの日常使用後の評価（ロングターム評価）の2タームに分けて実施するユーザビリティ評価を通じ明らかにします。 詳しくはこちらをご覧ください。
Aral Balkan: Historical Archive — User Interface Design Principles for Web Applications
Do not track! Better is a privacy tool for Safari on iPhone, iPad, and Mac. It protects you from behavioural ads and the companies that track you on the web. Historical content: I wrote this article over 10 years ago on 2006-08-13. You are viewing an archived post from my old WordPress blog. The archive contains over 1,600 articles written over a ten year period. The formatting and contents of the
LukeW | Web Application Form Design
Web Application Form Design by Luke Wroblewski January 22, 2005 "Input elements should be organized in logical groups so that your brain can process the form layout in chunks of related fields." –HTML: the Definitive Guide Quite rare is the Web application that doesn’t make extensive use of forms for data input and configuration. But not all Web applications use forms consistently. Variations in t
Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック：ITpro
対象とするユーザーの“慣れや知識”によって，画面の構成を変えたほうが伝わりやすいとするならば，画面上の「ユーザー・インタフェース（UI）部品」の色や形状も，ユーザーに応じて変えるべきでしょう。今回は，代表的なUI部品でありながら，なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず，前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度（PCリテラシ）」を縦軸，「提供したいサービスに対する知識」を横軸とします。そして，それぞれの「軸」に対して，受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは，ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが，ボタンを認識することはさほど苦ではありません。 しかし，PCに
CSS Drop Column Layout by Stuart Colville
CSS Drop Column Layout | Comments (33) Posted in CSS on 7th February 2006, 12:05 am by Stuart Simon Collison posted an article about his new fixed width 3-column layout which is made possible with a dash of javascript to alter the layout based on the resolution of the client’s window. For more on Simon’s layout see this post. Tim referred to my site in the comments on Collylogic saying that my si
Cascading Style Sheets and themes development - CollyLogic
Cascading Style Sheets, commonly referred to as CSS, is commonly used to style web pages written in HTML and XHTML, but can be used together with any kind of XML document. It is a style sheet language used to describe the look and formatting (presentation semantics) of a document written in a markup language. The primary use of CSS is to separate document content from document presentation, such a
CSS Star Rating Part Deux » Blog » Komodo Media
Komodomedia blog, webdesign, illustration & newsk00l javascript An updated and more cross-browser compatible version of the CSS star rater can be found here. My last CSS tutorial, Creating a Star Rater Using CSS covered the creation of a 5-star rating system using only CSS and a list of links. The result acheived can be seen below: Rate me! Here is the original CSS star rater in all of its goodn
Designing for the Web - Digital Web
Got something to say? Share your comments on this topic with other web professionals In: Columns > Design in Theory and Practice By Joshua David McClurg-Genevese Published on January 9, 2006 In the last two articles, we looked at the basic tenets of the design practice, the principles and elements of design. We stepped back a bit from any one medium to investigate the more universal concepts of de
Lightbox JS を使って画像表示をかっこよくみせてみる�� - SmallStyle (2006-01-03)
_ しもやけ もともとしもやけになりやすい体質なのですが，今年もやっぱりなってしまったしもやけ…．右手と右足をやられてしまいました．できるだけならないようにと，手を洗ったときは入念にタオルで拭いて水分を残さないようにしたりとか，雨や雪の日は替えの靴下を準備しておいて，濡れたら即替えるようにしてたのになぁ．しばらくはこのかゆみとの闘いになりそうです． _ Lightbox JS を使って画像表示をかっこよくみせてみる ここのところ Firefox の拡張紹介などをはじめ，いろいろ画像とあわせて日記を書くことがあるのですが，大きめの画像は縮小表示しているので，クリックしてもらうと大きな画像を確認してもらうことができます．ただ，これだとブラウザの「戻る」なり新しいタブ，ウィンドウを閉じるなど，閲覧者に一手間かけている部分があるかもしれません． そこで，lightbox.js - Web2.0ライ
web-conte.com | blue | なぜみんな角丸が好きなのか？
タイトルに惹かれ、「Why Do We Love Rounded Corners?」というこの記事を訳してみた。何が書いてあるのかと思って。われながら、あまりいい訳とも思えないけれど。 インターフェースの設計者やグラフィックデザイナーと同様、われわれも「丸みを帯びたコーナー」に取り憑かれている。Webの開発者はCSS（や、ときにJavaScript）を創造的に用い、可能なかぎり手間をかけずに角丸を表現することを目指して、そのことにどんな苦労もいとわなかったものだ。現在提案されている CSS3 の定義書には、角丸を指定するためのプロパティすら含まれている（Firefox はすでにこのプロパティをサポート済みだ）。 なぜそんなに角丸には魅力があるのか。思い切ってこれから述べようと思うのは、われわれが角丸に魅了されるこの現象が審美的なレベルを超えたものではないかということ。それともう二、三のこと
Designing Interfaces
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Designing a good interface isn't easy. Users demand software that is well-behaved, good-looking, and easy to use. Your clients or managers demand originality and a short time to market
Alertbox: 2005年 ウェブ・デザインの間違いトップ10（2005年10月3日）
2005年、ユーザをうんざりさせてきたWebデザインの間違いをリストアップしてみると、古くから言われているものがランクイン。悪さをし続けていることがわかった。 Top Ten Web Design Mistakes of 2005 by Jakob Nielsen on October 3, 2005 Webデザインの間違いをリストアップするにあたり、今年は趣向を凝らしてみることにした。私が発行しているニュースレターの読者にお願いして、今年、もっとも腹立たしいと思ったユーザビリティ上の問題点を投票してもらったのだ。 読者の参加によって、ユーザテストでは気付かなかった多くの課題が浮き彫りになるだろうと思っていたが、そうはならなかった。30位までにランクインした問題点は、ユーザビリティガイドラインの中で指摘済みのものばかりだったのだ。今年のトップ10を読んで、“聞き覚えがあるぞ！”と思われる方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NID GALLERY
COULD：スクロールしたあとの見せ方
dontclick.it
Shift: Zoho Writer に待ちに待った機能が・・・
http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/XHIGLayout/chapter_19_section_2.html