twitter facebook hatena google pocket Appleのデザインには定評がありますが、中でもiTunesのcoverflowと呼ばれる表示は秀逸です。 imageFlowではjavascriptで作成できる手法を公開しています。 sponsors 使用方法 imageFlowからimageflow.jsとscreen.cssをダウンロードし、headに書き込みます。 <link rel="stylesheet" href="http://yourdomain/screen.css" type="text/css"> <script type="text/javascript" src="http://yourdomain/imageflow.js"></script> ＊screen.cssは適宜変更してください。 そして画像を以下のように記述します。 <d
ユーザビリティエンジニアリング―ユーザ調査とユーザビリティ評価実践テクニック スポンサード リンク ・ユーザビリティエンジニアリング―ユーザ調査とユーザビリティ評価実践テクニック 新サービスのインタフェースについて考えている最中だったので、大変参考になった。 ■ゴムのユーザ、弟子と師匠、シナリオ、ユーザの声の限界 ユーザビリティ設計の陥りやすい罠として「ゴムのユーザ」という言葉がでてくる。設計者の都合でゴムのように伸び縮みする想定ユーザモデルのことだ。インタフェースをデザインする際には、ついつい対象を広げようとして「流行と自分らしさの調和を大切にする大人のユーザ」のような、輪郭の曖昧なユーザモデルを想定してしまうことがある。対象は「すべてのお客様」というのもまずい。今のままでもなんとか使ってくれそうなユーザモデルをでっちあげるのもいけない。 曖昧なユーザモデルを避け、明確な姿を設定する方法
現在使われている計算機のほとんどは ウィンドウやマウスを使った グラフィカルユーザインタフェース(GUI)で操作を行なうようになっているが、 GUIが一般に普及する前は キーボードを使った コマンドラインユーザインタフェース(CUI)で計算機に指示を与えたり 結果を表示させたりするのが普通であった。 CUIに比べるとGUIは圧倒的に操作が直観的になることが多いため、 GUIを持たない計算機は現在ほとんど考えられなくなっているといえる。 家電製品などあらゆる機器で計算機やネットワークの機能が利用されるように なりつつあるが、これらの世界では現在でもCUI的なインタフェースが利用されていることが多い。 たとえば テレビのチャンネルを変えるために リモコンの数字キーでチャンネル番号と決定ボタンを押すという方式はCUI的な操作といえるだろう。 ビデオの録画予約にしても電子レンジにしても 直観的でな
さてもうすぐ登場のiPhoneですが、一足先にそのインターフェースをJavascriptで実現してしまった人がいるようです。 画面遷移もそれっぽくてかっこいいですよ。 ↑ diggの人気記事を読むことができます。 なお、ソースコードもダウンロードできますので興味のある方はご自身のサイトに設置したり、勉強したりしてみてはいかがでしょうか。 実際に動作しているサイトは以下からどうぞ。 » iPhone Interface in JavaScript
Toggler Toggler is currently just a proof of concept to mimic the functionality found in desktop programs like Adobe Photoshop ドラッグ＆ドロップで複数チェックボックスの一括チェックを可能にする「Toggler」。 Togglerを使えばマウスをクリックして上からドラッグするだけでチェックボックスの一括チェックが可能になります。 使い方も次のように簡単です。 var toggle = new Toggler('elementId'); toggle.start(); // start the toggler (enabled by default) toggle.stop(); // stop the toggler これは便利ですね。
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
何かの「ユーザー・インターフェイス」を決める時に大切なことは、自分なりのはっきりとした「デザイン・ポリシー」を持って、誰が何と言おうと最後までそれをしっかりと押し通すこと。そういう「柱」をしっかりと持たないで作ったものは、往々にして「妥協の産物」になってしまう。 私が常に心がけていること（つまり、私のデザイン・ポリシー）は、「ユーザー・シナリオを８０：２０ルールで切り分け、常に８０の方（つまり多くの人が使うだろう機能）を最優先にした設計にし、２０の方（あった方が良いかもしれない機能、一部の人が必要とするかもしれない機能）は思い切って犠牲にする」こと。 典型的な良い例が、Youtubeを見るためのサービス、Rimo と oreseg。 機能的には、カテゴリー分けはしてくれているし、サムネールから自分で見たいものを選べるし、oresegの方が上である。しかし、「ただだらしなく面白そうなビデオを
5．ビジネスリサーチのビジネスモデル ビジネスリサーチがアウトソースされる理由 ビジネスリサーチを社外に依頼する理由①〜信頼できる人「すべては依頼から始まる」からでも書きましたが、依頼主が社外にリサーチを委託する最大の理由は、事業環境を定点で把握… 2021.01.18 2021.05.13 147 view コラム〜リサーチャーの日常 トリプル ディスプレイ モニター 在宅勤務が常態化している人は、まず トリプル ディスプレイ 環境に投資することを考えてみてください。作業効率の圧倒的向上が可能です。… 2021.05.06 2021.05.11 205 view 3．ビジネスリサーチの報告書作成 聞き手の頭に入りやすい資料作成〜聞いて理解する人と読んで理解… 【 相手に合わせた 資料作成 】最初に結論を述べてから、それを裏付けるデータを提示するという構成は、欧米流のロジカルシンキングの基
ネタフルで紹介されていたのですが、FireFox の拡張機能に「使っていないタブの色を変化させる」というものがあるそうです： ■ 使用していないタブの色が変化するFirefox機能拡張「Aging Tabs」 （ネタフル） Aging Tabs という機能で、しばらく表示させていないタブの色を変化させてくれます。どんな色に変化させるかはカスタマイズ可能で、同時アクティブになっているタブの色もカスタマイズできます。で、実際にやってみたのがこちら： ここではアクティブなタブをベージュに、使っていないタブを濃いグレーにするように設定してみました。使っていない方のタブは3段階ぐらいに変化して、未使用時間が長ければ長いほど濃くなります。上のスクリーンショットでは、いちばん左側のタブ（Gmail）が最も濃いのが分かるでしょうか？ これ、ちょうど「ほこり」が積もるのと同じ感覚と言えるでしょうか。しばらく
OSResources - How to create CSS overlapping tabs? Sometimes simulating a real desktop interface for your web application can be a real challenge, especially when dealing with tabs. CSSでクールなタブUIを作成するサンプル。 次のようなタブUIを作ることが出来ます。 サンプルのCSSを定義しておけば、後は次のようにシンプルなHTMLをコーディングするだけで上記画像のようなタブUIが作れます。 HTMLもクリーン。 <ul class="obtabs"> <li class="first"><span><a href="#">Jack</a></span></li> <li><span><a class="new
アイコンやウインドウを実際の書類や本などと同じようにして扱うことができる3次元インターフェースです。実際の机の上に置いている書類や本棚みたいなのを想像してもらうと、いかに直感的な操作方法なのかが分かると思います。 実際に動作している様子のムービーを見るとそのことが非常に良く理解できます。ちょっとおはじきっぽい。ムービーは以下から。 YouTube - BumpTop 3D Desktop Prototype https://www.youtube.com/watch?v=M0ODskdEPnQ 高解像度のムービーは以下の公式サイトからダウンロードできます。 BumpTop Prototype - HoneyBrown.ca http://honeybrown.ca/Pubs/BumpTop.html 実際にはこういうペン形式での操作を主眼に置いているようです ムービーを全部見れば分かります
Joel Spolsky ジョエル・スポルスキ 翻訳: Yasushi Aoki 青木靖 2000/10/24 私の知っている筋金入りのC++プログラマたちの多くは、ユーザインタフェースプログラミングを嫌っている。これは私にとっては驚くべきことだ 。それというのも、UIプログラミングが本質的にやさしく、直感的で、楽しいものだと知っているからだ。 それがやさしいというのは、どうやって矩形を別な矩形の真ん中に配置するか、という以上に複雑なアルゴリズムは、通常必要にならないからだ。それが直感的であるというのは、もしあなたが間違ったならたちどころにそのことがわかり、修正できるからだ。楽しいというのは、あなたの作業の結果を即座に見ることができるからだ。あなたは自分がプログラムを直接彫刻しているかのように感じるだろう。 私の考えでは、プログラマがUIプログラミングを怖れるのは、ほとんどの場合彼らのUI
手の込んだユーザビリティテストはリソースの無駄づかいだ。最高の結果を得るためには、5人以下のユーザーでテストし、小規模なテストを余裕のある限りたくさんやることだ。 Why You Only Need to Test with 5 Users by Jakob Nielsen on March 19, 2000 ユーザビリティはお金がかかって複雑だ、ユーザビリティテストなんて、よっぽど予算があって、しかも時間的にも余裕があるという、めったにないプロジェクトのために取っておけばいい、と考える人もいるようだ。だが、それは違う。手の込んだユーザビリティテストは確かにリソースの無駄づかいだ。最高の結果を得るためには、多くとも5人のユーザーでテストすれば十分。そのかわり、小規模なテストを余裕のある限りたくさんやることだ。 以前の調査で、Tom Landauerと私は、n人のユーザーでテストしてわかるユ
EmptyPage.jp > Translations > 使える GUI デザイン 使える GUI デザイン: フリー／オープンソース・ソフトウェア開発者のための手引き 2004年11月28日 Benjamin Roe さんの、Usable GUI Design: A Quick Guide for F/OSS Developers の M.Shibata による日本語訳です。プロジェクト杉田玄白正式参加テキスト。 Update: この記事についてたくさんのコメントをいただいたので、FAQを作って、そのうちのいくつかについて回答することにしました（訳注: FAQ も翻訳しました！）。 イントロダクション オープンソース・ソフトウェアの世界は優れたソフトウェアでいっぱいです。ワードプロセッサから Web サービスにいたるまで、コンピュータでしたいと思うようなおおよそすべての作業において、高
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
