モバイルサイト構築前に知っておきたいユーザビリティ10のポイント（第1回） | モバイルサイト構築のユーザビリティいろは
端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト（以降“モバイルサイト”）の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で
第1回 安定とスピードのデザイン | gihyo.jp
ビジュアルデザインと機能性 ビジュアルデザインと機能性。ウェブサイトやアプリケーションのデザインでは、この２つは密接な関わりを持っています。 多くの人は、ビジュアルデザインと聞いて、ものを美しく（もしくは格好良く、楽しく）見せるためのデザインを連想するかもしれません。まさにそれはデザイナーの仕事です。世の中をより美しく、格好よく、楽しくすることは、人が関わるものを生み出すデザイナーにとっての使命です。それをないがしろにすれば、何のためのデザインか、何のためのデザイナーか、と問われることになるでしょう。 ただし、道具の世界では、デザインが機能性に直結しています。人は道具を使うとき、はっきりした目標を持って扱います（はさみを使って紙を切る、蛇口をひねって水を出す等）。そういった目標をどれだけ達成できたか、ストレスなく達成できたかという観点＝機能性は、道具の価値に関わってきます。ウェブサイト
使いやすさ日記: 507. 邪魔なところにアイコンがないタッチパネル
2009年3月30日 先日、背面の液晶がすべてタッチパネルになっているデジタルカメラ(SONY DSC-T300)を触る機会がありました。 背面にはタッチパネル液晶しかなく、たくさんアイコンが描いてあるので、間違って変なところを押してしまったらいやだなあ…と思いつつ、恐る恐る構えてみたのですが、そこであることに気がつきました。
自動伸縮するテキストエリア - 素人がプログラミングを勉強していたブログ
Page Not Found – 404のtextareaをcloneする方法は微妙なので、別の方法を考えた。全角文字や行を減らすのにも対応している。優れたUIは全てのサイトで使えるべき。GreasemonkeyだとDOMNodeInsertedをフックするのが面倒なのでXBLにした。 userContent.css: textarea { overflow-y: hidden; min-height: 5em; height: 5em; -moz-binding: url("auto-resize.xml#run"); } auto-resize.xml <?xml version="1.0"?> <bindings xmlns="http://www.mozilla.org/xbl" extends="chrome://global/content/platformHTMLBindin
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
javascript タブUI導入の参考になるサイト - WEBデザイン BLOG
JavaScript でタブ切り替え UI を実装する | WWW WATCH(http://hyper-text.org/archives/2007/09/javascript_tab.shtml) のエントリーをみていいなコレっと思ったので、タブUI導入で参考になるいいサイトなんかを紹介してみたいと思います。 以前のエントリーブログGTD WEBデザイナー独立するために（その１） - WEBデザイン BLOG「jQuery・javascriptを使ってのさまざまなアプローチ方法を実践する」の中でとWEB標準でのC O U L D長谷川様の「解体Apple.com」のPDFを見て、ユーザーアプローチに使えるってことで紹介しようと思っていたネタです。実際に、自分サイトを立ち上げる時もタブの実装は考えていましたので今日の勢いで。 タブでもさまざまなタイプがあって、導入してみたいものと実際に使
WiiリモコンとFirefoxをjavascriptでつなげるWiiRemoCom Firefox3対応版 - bits and bytes
以前に作ったWiiリモコンをFirefoxにつなげてイベントを取得したりするための拡張機能 WiiRemoComがFirefox3では動かなくなっていたのでFirefox3で動くように修正して、ヌンチャクをマウスとして使用できるようにしたり、いくつか機能を追加しました。 Download wiiremocom.xpi (for OSX+Firefox3) 動作環境 Firefox3beta2, Firefox3beta3 + MacBookPro内蔵Bluetooth + OSX10.4(intel) で動作確認済み Firefox2用のものはWiiリモコンをFirefoxにつなげてイベントを取得したりするための拡張機能 WiiRemoComにあります(ただしXPCOMのインターフェイス等が異なります)。 概要 WiiRemoComはWiiリモコンをFirefoxに繋いで直接操作できるよう
Googleがデザインするときに大切にしている10個の原則 - GIGAZINE
Googleのユーザーエクスペリエンスチームに所属するSue Factor氏が、Googleの公式ブログにて「Googleらしいデザイン原則」について、10個の原則を提示しています。デザインというか、ネットサービスの設計自体に関する原則となっており、さまざまな場面で応用できそうなものとなっています。 詳細は以下から。 Official Google Blog: What makes a design "Googley"? Googleのデザイン原則は以下の通り。 1.人々に焦点を当てろ――彼らの生活、彼らの仕事、彼らの夢に 2.すべてはミリセカンド単位で数えろ 3.シンプルにすると強力になる 4.初心者ユーザーを引き込み、上級者ユーザーを魅了しろ 5.革新に挑め 6.世界に通用するデザインを 7.今日と明日のビジネスのために計画せよ 8.気を散らさず、目を楽しませるようにしなさい 9.人々
二度押し防止の onsubmit で disable にするやつ :: Drk7jp
もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で submit ボタンを < disable にしてユーザビリティを悪くするのはやめてください - のヮの うんこ♥ onsubmit で disable にするやつ - 鷹の島 onsubmit の disable 化ですが既に議論が終わっているように、onsubmit disable の実装方法として、 onsubmit イベント発生時に submit 要素を disable にして値をサーバへ渡すための hidden 要素を生成する方法 setTimeou
Mozilla Re-Mix: Firefoxのメニューやツールバーをコンパクトに整理するアドオン「MiniFirefox」
Firefoxにあれこれアドオンを入れたりしていると、いつのまにかツールバーなどが一杯になり、ブラウズ面積を圧迫していることがあります。 こういう場合、[userChrome.css]などの編集により、不要なボタンを非表示にしたりしてカスタマイズするわけですが、そういう編集無しに、ツールバーメニューなどの表示スタイルを編集できるアドオンが「MiniFirefox」です。 「MiniFirefox」は、インストールするだけで、Firefoxのメニューやボタンをカスタマイズできるアドオンです。 自動的にカスタマイズされる項目は、メニューバーの非表示（出し入れ可能）、ツールバーボタンの非表示、Goボタンの非表示、throbberの非表示などとなっており、インストール直後のツールバー部分は以下のように非常にシンプルなものとなります。 これだけシンプルになってしまうと必要な作業ができなくなるかと心配
PicLens for Firefox 1.6.3
PISCES 賞 PISCES ├Apple ├オーディオ & ビデオ ├Email & チャット ├インターネット ├ソーシャルネットワーキング ├RSS ├iTunes & iPod ├画像処理 ├文書作成 ├家庭 & 学習 ├Application Enhancer ├コンテクストメニュー ├環境設定パネル ├システム ├ランチャー ├メンテナンス ├圧縮・解凍 ├ユーティリティ ├カスタマイズ ├Spotlight & Quick Look ├アミューズメント ├Yahoo! ウィジェット (Konfabulator) ├Dashboard ├ビジネス ├カレンダー & 時計 ├Email & Web ├ゲーム ├情報・ニュース ├メモ & 計算機 ├映画 & テレビ ├音楽 ├写真 ├参考資料 ├ショッピング └ユーティリティ └iPhone & iPod touch ├インター
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Mozilla Re-Mix: Firefoxの全ブックマークをサムネイルでプレビューできるアドオン「bookmarkpreviews」（Firefox 3対応）
以前のFirefox 3 Betaのブックマーク管理機能である[Places]には、ブックマークのサムネイル表示機能が備わるような気配がありましたが、現段階のBeta 5には実装されていません。 そこで、全てのブックマークにサムネイル画像を付与して視覚的にプレビューすることができるアドオン「bookmarkpreviews」を試してみました。 「bookmarkpreviews」は、現在のブックマークや、今後登録するブックマークにサムネイルを付与し、サイドバーでのオンマウスや、ブックマークの管理画面でサイトサムネイル付きのブックマークを表示することができるアドオンです。 最新バージョンの[Version 0.6]ではFirefox 3 Beta 5にも対応しており、大量のブックマークもグラフィカルに判別することができるようになります。 「bookmarkpreviews」をFirefoxに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.dqwm.net/
guiGoog: Advanced Visual Power Search
IDEA * IDEA
SiMPLE*SiMPLE - ウェブ職人のための小粋なネタ帳
https://www.openvista.jp/archives/note/269/?269/
IDEA * IDEA
WebKitのCSSパーサをActionScript3に移植するよ - 2008-04-22 - 最速チュパカブラ研究会
