秀逸！スライダーを使ったメール送信フォーム·SlideSubmit MOONGIFT
ロボットによるユーザ登録やメール送信などを防ぐ目的で使われるCAPTCHA。ロボットははじけるかも知れないが、ユーザビリティは著しく低下する。最近ではCAPTCHAを解析するものも登場しており、さらに分かりづらく変形して人間すら惑わすものになっている。 スライドアクションでロボットと人間を区別 そこで注目したいのが新しい形の人とロボットの区分けをつける手段だ。その一つとしてSlideSubmitを紹介しよう。 今回紹介するフリーウェアはSlideSubmit、スライダーを使ったユーザビリティの高いメール送信フォームだ。ソースコードは公開されているが、ライセンスは明記されていなかったのでご注意いただきたい。 SlideSubmitはPHPやJavaScriptで作られているソフトウェアだ。サンプル的なフォームで、名前とメールアドレス、それに本文を入力して送信するというフォームになっている。
http://blog.iaspectrum.net/UserExperienceDeliverables.html
See related links to what you are looking for.
「風インターフェース」ってなんだ？ - IT、IT製品の情報なら【キーマンズネット】
日々進歩するIT技術は、ともすると取り残されてしまいそうな勢いで進化の速度を高めています。そこでキーマンズネット編集部がお届けするのが「5分でわかる最新キーワード解説」。このコーナーを読めば、最新IT事情がスラスラ読み解けるようになることうけあい。忙しいアナタもサラっと読めてタメになる、そんなコーナーを目指します。今回のテーマ「風インターフェース」は、いわば「触感の仮想化」ともいえる仕組み。テーブル上に投影された立体映像に、大掛かりな装置をつけずに「触る」ことのできる画期的なシステムだ。「風」の力を使って、なにもない空間に物体が存在する感覚を再現し、インタラクティブにアクセスできる感覚は、まさに未来のインターフェースを予感させます！ ※「風インターフェース/「風インターフェース」ってなんだ？」の記事を一部ご紹介します。会員登録を行い、 ログインすると、「風インターフェース/「風インターフェ
ウェブサイトの第一印象を決める大切な21のポイント
ウェブサイトの第一印象を決める大切な21のポイントをVandelay Website Designから紹介します。 21 Factors that Influence the First Impression of Your Website's Visitors 下記は、それを簡潔にした意訳です。 ロード時間 ロード時間はユーザーをいらいらさせる大きな要因です。少しでも早くロードするように設計をします。 エラーメッセージ エラーメッセージが表示されアクセスができないと、ユーザーは二度とアクセスをしないでしょう。 カラー サイトのデザインは第一印象の重要なファクターです。正しいカラーコンビネーションを使用して、効果的で適切なカラースキームを使用します。 ロゴ もう一つ重要なファクターはロゴです。ブランディングを考慮し、信頼感を与えるロゴを使用します。 ヘッダ ヘッダも強い印象を与えます。魅力
Expired
Expired：掲載期限切れです この記事は，ロイター・ジャパンとの契約の掲載期限（30日間）を過ぎましたので本サーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。
オープンソースの視線認識エンジン·Opengazer MOONGIFT
こういった技術がオープンソース化されるのは素晴らしいことだ。コンピュータはキーボードとポインタデバイスを使って操作するのが当たり前になっている。だがこれは今後も続くだろうか。いや、マルチタッチシステムに代表されるようにもっと自由に操作できるようになるはずだ。 目線でポインタデバイスを制御する その一つの可能性として視線はじゅうぶん可能性がある。既に体が不自由な人のためにも利用されているが、Opengazerはそれをオープンソースとして提供している。 今回紹介するオープンソース・ソフトウェアはOpengazer、Linux向けの視線認識エンジンだ。 OpengazerはWebCamを使って顔を映し出す。そしてその視線の動きに応じてポインタデバイスを移動させることができる。画面の範囲は決して狭くなく、それでもきちんと認識して移動するのが凄い。 デモ動画はUbuntu上で動作しているようで、現在
ページ内リンクをスマートにするsmoothScroll.js[to-R]
ページ内リンクをスマートにするsmoothScroll.js ページ内リンクをスムーズに行うjsライブラリ、smoothScroll.jsを作成したので公開します。 どういったものかはサンプルで確認してください。 <a href="#header">ページの先頭に戻る</a> などのページ内リンクをスムーズな移動に変更します。 これにより、エンドユーザーがページが遷移したという錯覚におちいることはありません。 設置方法は簡単です。 smoothScroll.jsをダウンロードして、設置したいページで取りこみます。 <script type="text/javascript" src="./smoothScroll.js"></script> 特定のリンクはスムーズさせない smoothScroll.jsは#（ハッシュ）付きのリンクを全てスムーズスクリプトに変換します。他のライブラリなどで#
![ページ内リンクをスマートにするsmoothScroll.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
404 Blog Not Found:javascript - 勝手に添削 - textareaの高さを自動調節
2008年05月20日14:15 カテゴリLightweight Languages javascript - 勝手に添削 - textareaの高さを自動調節 これはなかなかいいですね。 textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ (イラストdeブログ開発記) イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました Firefox 2, Safari 3, Opera 9で動作確認してあります。 イチ に 三 function resize_textarea(ev){ //if (ev.keyCode != 13) return; var textarea = ev.target || ev.srcElement; var value = textarea.value; var
VisualHaptics: カーソルによる手触り感提示システム
身体とは何か。 GUI 環境においてカーソルは多くの操作に関わる重要な要素であるが，操作する際にユーザはあまり意識することがない．また，カーソルは基本的に大きく変化することはあまりなかった．VisualHaptics は，実世界において人間の手と対象の相補的な関係に着目し，カーソルで触れる対象の状態に応じてカーソルの動きや変形を利用することで，カーソルからも対象の状態についての情報提示を行う．これにより，ユーザが実際に触っているような感覚を再現することが可能となる． デモ：Unity によるデモの再開発しました。以下の画像クリックで新サイトへ飛びます 発表 Keita Watanabe, Michiaki Yasumura. VisualHaptics: Generating Haptic Sensation Using Only Visual Cues, ACE2008, Proceed
ゲーム製作：10個のチェックボックス 島国大和のド畜生
なるべく、実際のゲームデザインの現場でも使えるものをと思って考えてみた。 １□ゲームのプレイ状態になるまでにかかる時間、ステップは短いか？ ２□プレイヤーにモチベーションを与えるまでの時間、ステップは短いか？ ３□最初の快感を得るまでにかかる時間、ステップは短いか？ ４□プレイヤーに成否を細かく伝えているか？ ５□プレイヤーの行動が、結果だけでなく、過程に意味を持つか？ ６□快感と次の快感のループは適切な時間か？ ７□ゲーム中、プレイヤーの操作不能時間は短いか？（否操作不要） ８□ゲーム中、プレイヤーに無駄な操作をさせていないか？ ９□プレイヤーの上達曲線と合致する難易度を与えているか？ 10□自分で遊んで面白いと思ったか？ なんだ、１０番目だけで後は要らないじゃん！ と、ここまで書いてwebブラブラしてたらゲームデザイン初心者に送る10のアドバイス（羨望は無知さん）が乗ってた。 うは、い
ゲームデザイン初心者に送る、10のアドバイス - 羨望は無知
Usenetのゲームデザインに関するnewsgroup、rec.games.designのFAQ集より。新人ゲームデザイナー、もしくはゲームデザイン初心者へのアドバイスがまとめられていて、よく出来ているので紹介。 1.好きなようにゲームを作れ(Write Games You Like) 誰かがこう言っているから、ではなく、自分の好きなように。 2.経験は最良の師(Experience Is The Best Teacher) ゲームデザインを学ぶ最良の方法は、数多くのゲームを知り・遊び・分析し、デザインすることである。 3.テストにテスト、そしてさらにテスト(Test, Test, And Test Some More) 他の人にも手伝ってもらって出来る限りのテストプレイを。ダメだと思うアイディアすらテストを。 4.作ろうとするゲームのテーマの背景を学べ(Learn Your Backgr
申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【前編】 | カスタマーエクスペリエンスで道は開ける～フォレスター・リサーチのWebサイト方法論
[コラム]カスタマーエクスペリエンスで 道は開ける ～フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 前回のコラムでは、ウェブサイトを使っているお客様がなぜ途中であきらめるのかというテーマで話しました。「ウェブサイトの欠陥」を大きくくくると、次の4つのどれかに当てはまります。 サイトのコンテンツ自体が足りない（価値の欠陥）価値のあるコンテンツが探しにくい（ナビゲーションが悪い）価値のあるコンテンツは見つかったがよくわからなかった（プレゼンテーションが悪い）サイトに信頼がなかったために使うのをやめ
Web 2.0は危険かも…
AJAX、リッチインターネットUI、マッシュアップ、コミュニティ、ユーザ作成コンテンツなどなど、いずれも複雑さを増すばかりでさほど値打ちはない。これらをデザインするとなると、リソースもかなり必要になる。巷で騒がれているものが最大の利益をもたらすことはないということが（またしても）明らかになったというわけだ。 Web 2.0 Can Be Dangerous by Jakob Nielsen on December 17, 2007 利益を追求しようと思うなら、Web 2.0は危険かもしれない。巷で話題のテクノロジー開発に夢中になるということは、あなたのユーザに、ひいてはあなたの利益にとって本当の意味で重要な投資対効果の高いデザインにあてられるはずのリソースをそちらに回すことに他ならない。 少し前にお目見えしたテクノロジー（FlashやPDFが代表例）とは違い、Web 2.0はユーザにとって
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
U-site
長文コンテンツのための5つの書式テクニック ニールセン博士のAlertbox 3月19日 要約、箇条書き、コールアウト、太字、役立つ視覚情報などのテクニックを用いることで、1,000語を超えるコンテンツの理解度やエンゲージメントは向上する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ UXのためのAI：入門編 ニールセン博士のAlertbox 3月13日 生成AIツールを、あなたのUXスキルを代替するためではなく、サポートし、強化するために使おう。小さなUXタスクから始めて、ハルシネーションや誤ったアドバイスに気をつけよう。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「ブック型インターフェース」ってなんだ？ - IT、IT製品の情報なら【キーマンズネット】