MdN Design｜総合情報サイト
第5回「パワフルなCSS/JavaScriptテクニック45」 2010年01月25日 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：45 Powerful CSS/JavaScript-Techniques http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/ 著者：Smashing Editorial 翻訳：中野恵美子 ※本記事は「Smashing Magazine」様より許可を得て翻訳、掲載しています CSSやJavaScriptはデザイナーやディベロッパーにとって、極めてパワフルなツールだ。しかし、使いこなすためのアイデアを得るのはなかなか難しい。ただ、デザイナーやディベロッパーはほとんど毎日、新し
ユーザーの進捗を明示する「プログレストラッカー」詳解
オンラインストアでの注文やフォームなどで、ユーザーの進捗を明示するプログレストラッカーの概要や特長、実装例、よくある間違いなどをSmashing Magazineから紹介します。 Progress Trackers in Web Design: Examples and Best Practices 以下はそのポイントを意訳したものです。 1. プログレストラッカーとは？ 2. プログレストラッカーとパンくずの相違点 3. プログレストラッカーの活用 4. プログレストラッカーのベストプラクティス 5. プログレストラッカーの実装 6. プログレストラッカーのよくある間違い 7. プログレストラッカーのショーケース 1. プログレストラッカーとは？ プログレストラッカーとは進捗を明示するもので、複数のステップがあるプロセスを完了するためにユーザーの手助けとなるものです。 オンラインのプロダ
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.
M Studio, LLC - Web development: Websites, Web applications and Games
M Studio programs websites, games and applications that combine sophisticated technology with innovative problem-solving. Our detailed and comprehensive approach ensures that our solutions remain agile, customizable, and user-friendly. For a complete list of Flash, Web, Flex, Interactive projects click here. This website requires Flash Player 8 or later. Download Flash here.
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
システムの「機能美」を考えたことがありますか？
情報システムのユーザー・インタフェース（UI）のデザインを専門に手がけている技術者（デザイナ）から筆者が聞いた話である。 そのデザイナが大学で講義を行うことになり，学生に協力してもらって，ある実験を行った。縦横の比率が異なる長方形の紙を何枚か生徒に見せ，「自分が最も美しいと思う長方形」を一つ選ぶように指示したのである。使った長方形は，縦横の比率が1:1から2:5までの10種類だった。 その結果，一番多く手が上がったのは，5:8の比率の長方形だったという。5:8と言えば，古くから多くの人が美しいと感じる比率として知られる「黄金比」とほぼ同じだ。 実験の被験者は情報システムを専攻する学生たち。このデザイナは「“理系”の学生たちのデザインに対する感性は，一般的な感性と大きくズレているかもしれないと思ったが，結果的には昔ながらの黄金比の長方形に人気が集まり，少しほっとした」と言う。 美しいもの。美
第13回 ユーザーが理解しやすい「表」をどうデザインするか
一般的なRIA（Rich Internet Application）システムの作り方から，もう少し具体的な考え方に話を移しましょう。テーマは，「表」です。 下図は，「表」形式の情報を人が見た場合の挙動を模式化したものです。【１】に目が止まってから，【２】に視点や思考が移るという順番です。 「表」という概念は古くからあるので，横軸と縦軸に何か特別な「区分要素」が存在することは，ほとんどの人に刷り込まれていると言ってよいでしょう。したがって表の「カラム」に目が留まったら，その上と左に視線が動くのはきわめて自動的な挙動だと言えます。 縦軸/横軸から探す場合もあるでしょうが，その表が何を主題にしているかがわかっているなら，軸にとらわれることなく，中の情報を探すことも自然なことでしょう。例えば，価格比較のような場合がそれにあたります。数字として一番自分に「良い」ものを見つけてから，軸上にある店舗や製
YouTube - Multi-Touch Interaction Research
第１回全日本剣道選手権大会決勝 榊原正錬士対阿部三郎教士 第１回全日本剣道選手権大会は、昭和28年11月８日、東京の蔵前国技館で全国より53名の剣士が参加して開催。１万人を 第１回全日本剣道選手権大会決勝 榊原正錬士対阿部三郎教士 第１回全日本剣道選手権大会は、昭和28年11月８日、東京の蔵前国技館で全国より53名の剣士が参加して開催。１万人を超える 観衆が集まった。 本大会は、戦前の剣道界の慣習であった専門家、非専門家の区別を廃し、選手の資格は年齢、段位、称号などに一切の制限を設けず、 各府県の予選を経て代表者を出し、剣道日本一を決するという画期的な構想によるものだった。 優勝の榊原正は大正９年愛知県蒲郡市生まれの33歳、名古屋矯正管区法務教官（剣道師範）、のちに剣道範士八段。戦前は名門東邦 商業で活躍した剣士。準優勝の阿部三郎は大正８年福島県相馬生まれの34歳、警視庁の剣道選手でのちの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/04/wireframe-2.html
ソシオメディア | UIデザインパターン
dontclick.it