「戻る」で入力データが消えてしまうフォームはいらない ― ＠IT
Webアプリケーションのユーザーインターフェイス[6] 「戻る」で入力データが消えてしまうフォームはいらない 「寛容性とユーザーコントロール」 ソシオメディア 上野 学 2005/12/22 前回「入力情報を預かる責任を果たせる画面デザインとは？」は、あらゆる経験則の土台となる価値観として、「ユーザーを尊重する」というユーザー中心の姿勢について述べました。今回からは、Webアプリケーションのユーザーインターフェイス（UI）・デザインを行ううえで有効な経験則を、少し具体的に考えていきたいと思います。 その前にまず、連載の第1回「ユーザーにとっては“ユーザーインターフェイス”こそが製品そのもの」で触れた HCI（Human-Computer Interaction）の分野でよく挙げられる、コンピュータを用いた対話型システムの設計原則を紹介しておきます。ここでいう「対話型システム」とは、ユーザー
Web2.0 アプリケーションライク な背景画像を生成する Background Image Maker
http://lab.rails2u.com/bgmaker/ ウェブサイトのデザインをしているとき、自分はCSSを利用します。そのCSSを書いていて、「ああ、こんな背景画像がほしーな」と思うと、今までは画像編集ソフトでちまちま作ってSCPでサーバにアップして確認し「いやここはもうちょいこうした方が」とまた少しだけ修正してアップして…という繰り返し作業を行ってました。 しかしその作業単調が面倒になってきたため、簡単にWeb2.0っぽいアプリケーションでよく使わるような背景画像をWeb上から作成できるツール、「Background Image Maker」を作ってみました。下のような背景画像を簡単に作成ができます。また先日このページを現在のデザインにリニューアルしたのですが、今使っている背景画像も全部 Background Image Maker を使って作成してます。 使い方は値を適当に弄
web-conte.com | blue | なぜみんな角丸が好きなのか？
タイトルに惹かれ、「Why Do We Love Rounded Corners?」というこの記事を訳してみた。何が書いてあるのかと思って。われながら、あまりいい訳とも思えないけれど。 インターフェースの設計者やグラフィックデザイナーと同様、われわれも「丸みを帯びたコーナー」に取り憑かれている。Webの開発者はCSS（や、ときにJavaScript）を創造的に用い、可能なかぎり手間をかけずに角丸を表現することを目指して、そのことにどんな苦労もいとわなかったものだ。現在提案されている CSS3 の定義書には、角丸を指定するためのプロパティすら含まれている（Firefox はすでにこのプロパティをサポート済みだ）。 なぜそんなに角丸には魅力があるのか。思い切ってこれから述べようと思うのは、われわれが角丸に魅了されるこの現象が審美的なレベルを超えたものではないかということ。それともう二、三のこと
ビル・ゲイツの家のトイレは流そうとすると「本当に流しますか？」と警告してくる
今回のみずほ証券による株の誤注文事件は、１株を６１万円で売るところを、オペレーターが誤って「６１万株を１円で」と誤入力してしまったのが原因だが、その際に端末には市場価格との隔たりを示す警告が表示されたにもかかわらず、オペレーターが「（警告が）よく出るので慣れの中で結果的に無視してしまった」という点が注目に値する。 以前にも、「事故防止の難しさ」というエントリーで触れたことがあるが、「不必要な警告をしょっちゅう見ているとそれに慣れてしまい、本当に対応が必要な時にも無視してしまう」というのは人間の性である。この手のミスをした人を一方的に非難したり、「これはヒューマン・エラーでした、今後はこのようなことを繰り返さないように注意します」と謝るのは簡単だが、それでは根本的な事故防止はできない。 「不要な警告」と言えば、パソコンがその代表選手。ファイルを消去した時の「本当に消去したいですか？」という警
ファイル名はなくてもいいかもしれない - モジログ
言語ゲーム - 無名ファイルシステム http://d.hatena.ne.jp/propella/20050822/p2 ＜無名のファイルシステムを考える。無名とは呼んで字の如くファイルに名前がついてない事である。私達はファイルには必ずファイル名がついている物と考えているが、ファイル名には欠点がある。だからファイル名は無いほうが良い。少なくともファイル名が無くとも動作するシステムを設計するべきだという主張＞。 ＜簡単な話ファイルをメモリのように扱うという事だ。ファイルは無名であるべきである＞。 たしかに、そうかもしれない。 わたしたちはもうURLに慣れている。 いまではURLのほとんどは自動的に生成されているが、それで誰も困らない。 とにかく一意的にページやファイルを識別できればよく、自動生成でも構わない。 多くのブログツールではエントリのIDを自動生成するが、それと同じでいい。 ファイ
www.siteprocentral.com
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Favicon Generator
A Quick FAVICON HOWTO Now that you generated your nice favicon you may want to know how to add it in your site following the right standards and rules in order to be sure most users will see it. The following is a quick guide extracted from the Favicon Wikipedia Page. What is a favicon A favicon (short for "Favorites icon"), also known as a page icon, is an icon associated with a particular websit
famfamfam.com: Icons
Need icons for your new website or web application, at the best price there is (free!)? Try one of the following sets:
sanonosa システム管理コラム集: WEB Contents Management Tool
今回は珍しく自作プログラムを公開いたします。シンプルながら便利で実用的なので是非お試しください。フィードバック大歓迎です。 「WEB Contents Management Tool Ver2.0」をダウンロード ※追記(2005.11.16) 「謎のツール、WEBコンテンツを誰でも編集できるとは一体？」というコメントを某サイトでいただきました。 言うまでもないと思って書かなかったのですが、当然apacheのhtaccess等でアクセス制限はかけてください。もしくはWikiのような利用方法も考えられますね。 [WEB Contents Management Tool] Version 2.0 Programmed 2002.8.30 by Yutaka Sano. 1.はじめに ---------- このシステムは、WEBコンテンツをWEBブラウザー上で編集できるようにするこ とを目的とし
Alertbox: ブログのユーザビリティ：デザインの間違いトップ10（2005年10月17日）
ブログは既存ユーザに焦点を合わせすぎていて、重要なユーザビリティの問題を、ないがしろにしている事が多く、サイトを理解し、著者を信頼することを、新規読者にとっては困難にしている。 Weblog Usability: The Top Ten Design Mistakes by Jakob Nielsen on October 17, 2005 ブログはウェブサイトの一種だ。そのため一般的なウェブサイトのユーザビリティガイドラインや、今年のデザイン間違いトップ10 の対象にもなる。しかしながら、ブログはウェブサイトの中でも特殊な部類のものだ。ブログには特徴があり、それ故に特有のユーザビリティ問題を抱えている。 ブログの素晴らしい利点の1つは、本質的に「ウェブデザイン」をしなくても良くなるということだ。文章を書き、ボタンをクリックすると、インターネット上でそれが公開される。ビジュアルデザインも、
第2日本テレビのサイトがひどすぎる件について ～いつか来た道～ : akiyan.com
第二日本テレビのサイトがひどすぎる件について ～いつか来た道～ 2005-10-29 日本テレビが「第2日本テレビ」と名付けたインターネット上の映像配信サービスを開始しました。 日本テレビ放送網は、映像配信サービス「第2日本テレビ」を10月28日（10月27日深夜）に開始した。無料のユーザー登録が必要で、コンテンツは無料もしくは9～99円の有料。会員登録時には無料で1,000ポイントがプレゼントされる。 日本テレビ、映像配信サービス「第2日本テレビ」をスタート - BroadBand Watch テレビ局主導の映像配信サービスということで大変興味深いサービスです。早速登録して視聴してみようと思いました。松本人志が何か言ってたのを思い出し、まっちゃんのコンテンツが見れたらいいなと思いつつサイトにアクセスしました。 なんだこのインターネットは。 懐かしすぎる。 もう10回以上クリックしてるのに
WYSIWYGよ、さようなら
Macintoshスタイルのインタラクションデザインは限界に達した。Results-Oriented UI（結果志向のユーザインタフェース）と呼ばれる新たなパラダイムが、ユーザに大きな力を与える日がやってくるのかもしれない。 R.I.P. WYSIWYG by Jakob Nielsen on October 10, 2005 これまでの25年間、あるスタイルのユーザ・インターフェイスが幅を利かせてきた。Macintoshスタイルのグラフィカル・ユーザ・インターフェイス（GUI）である。しかし、今、それは限界に到達し、あるスタイルに取って代わられようとしている。GUIの土台にある貴重なインタラクション原理が、部分的とは言え、覆されようとしているのだ。 MacスタイルのGUIは、それ以前のインタラクション・パラダイムと比べると非常に使いやすいものだった。コマンドやパラメーターを直接入力するの
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を読んで、“聞き覚えがあるぞ！”と思われる方
フォーム vs. アプリケーション
オンライン・フォームも２画面を超える分量になると、機能を滞りなく支援するには、よりインタラクティブなユーザ・エクスペリエンスを提供するアプリケーションに切り替えた方が良い場合が多くなる。 Forms vs. Applications by Jakob Nielsen on September 19, 2005 フォームが、コンピュータとの複雑なインタラクションを表す最良のメタファとなることは稀だ。にも関わらず、多くの大企業が、紙ベースのフォームを受け継いでいる。結果として、イントラネットには、ニーズに応えようとするオンライン・フォームが散乱している。アプリケーションを使えば、リアルな対話と本格的なGUIで、そのニーズはもっと上手く満たされるというのに。 最近、ある人から１本の電話があった。イントラネット用のフォームを見て、ユーザビリティ上の問題点を指摘して欲しいと言うのだ。単独のページにフ
WEBデザインツール：カラーパレットを自動作成するサイト数々：Goodpic
This shop will be powered by Are you the store owner? Log in here
ΰ渶 - ̤κ, This is the most amazing optical effect in the world.
ֿ̤κפȤΤޤʹ֤ο̴ФȤΤơޤäƱο̤ˤäưä˸뤳ȤޤޤǤˤĤμȤޤۤɸʤΤϽƤߤޤ οޤƤͤΤ褦ʷ֥ȤĤޤΣĤΥ֥ȤΡ濴ʽͤθʬˤΥѡĤοϤɤƱǤ¦ϳˡ¦ϲ˸ξԤƱȤϤȤƤפޤ οޤϲflash饹ץ㤷ΤǤ¾ˤ⤤ĤΡֿ̤κפμ뤳ȤǤޤޥ碌ξԤƱʤΤǧ뤳ȤޤĶǤ eChalk colour perception This is the most amazing optical effect in the world http://www.echalk.co.uk/amusements/OpticalIllusions/colourPerception/colourPerception.html
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
しょーとメモ：好きな文章・単語からカッコイイ壁紙ジェネレータ
Moved
[[似非デザイン技法]]
Photoshop ロゴワークショップ