次の情報を右へ右へ展開する新しいナビゲーションUI·Kaiten MOONGIFT
KaitenはjQueryを使って左右に展開するナビゲーションインタフェース。 KaitenはjQuery/JavaScript製のオープンソース・ソフトウェア。Webではリンクを使って情報を辿っていく操作が基本だ。そのため以前の情報に戻る操作が増えたり、別なウィンドウやタブで開いたりしてどんどん情報が溢れてしまう。 右に情報が表示されていく スマートな解決策としてAppleが提案しているのが横にスライドしていく操作だ。次の情報はどんどん右に展開しているので戻ったり関連性を見いだすのも難しくない。そんなデータ表示をWebで再現するのがKaitenだ。 Kaitenは新しいWebナビゲーションを提案する。まず最初に表示される情報は左側になる。その中のリンクをクリックすると右側に展開する。さらにクリックしていくとどんどん右に展開する。ヘッダーでは現在表示しているコンテンツがハイライトになり、パ
MOONGIFT: � Flashで作る華麗なサイドメニュー「Flash Menu Labs」:オープンソースを毎日紹介
Webサイト上でサイドメニューを使ったサイトというのは数多い。複雑なナビゲーションを階層的に分かりやすく表現してくれるのが売りだ。 HTMLを使ったり、さらにJavaScriptで変化を加えたりと手法は様々にあるだろうが、ここで紹介したいのはFlashを使った手法だ。 今回紹介するフリーウェアはFlash Menu Labs、Flashベースのメニュー作成ソフトウェアだ。ソースは公開されており、商用サイトであっても利用できるが、ライセンスがオープンソースではないのでご注意いただきたい（再販禁止、リンク付与必須など）。 Flash Menu LabsはFlashで階層型のサイドメニューを作成するソフトウェアだ。メニュー自体の定義はXMLベースで行われるので、複雑な階層も容易に表現できる。 Flash製とあって、表現力が高い。ハイライトする際の表示もそうだが、サイドメニューが下から競り上がって
Welie.com - Patterns in Interaction Design
A Pattern Library for Interaction Design This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this. So there is really no 'original' design to be found here, sorry. It has all been done before... See it as a reference or basic 'toolkit' you can use when design user experiences. It
勝手ながら『Web 2.1のデザインパターン』を考えてみた | S i M P L E * S i M P L E
さてデザイナーでもなんでもないのでかなり個人的な主張ですが、「Web 2.0っぽいデザイン」の次を考えてみました。 名づけて『Web 2.1のデザインパターン』ｗ。 個人的には「角丸の次って何よ？」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特徴をまとめてみました。 かな～り主観なので「そうかぁ？」と思われる方もいらっしゃるとは思いますが・・・間違いを恐れずにメモ書き程度にエントリーです。 では早速。僕が感じている「次っぽいデザイン」の特徴は4つ。 【1】 極太ストライプ（Bold Stripe） ストライプはWeb 2.0っぽいデザインでも流行っていますが、それをもちょっと太くしたやつを最近よく見ます。 ↑ タイトルと背景が太いストライプに。 ↑ 細いストライプはWeb 2.0っぽかったですが、最近はちょっと太めが流行りかな。 【2】 極太枠線（Bold Borde
POP*POP的アイコン配布サイトまとめ | p o p * p o p
よくあるアイコン配布サイトまとめですが、自分へのメモ書きの意味も込めてエントリー。ドイツ語のページでよくまとまっているものがあったのでご紹介しておきます。よろしければどうぞ。 » Icon-Sammlungen — Software Guide ご利用の際には、それぞれの利用ライセンスに従ってご活用くださいませ。 ■ 「80×15」ボタン ↑ 3,400個ものミニボタンを公開しています。 Adam KalseyやLuca Zappaを使えば、ボタンの作成もできます。ブログのRSS用ボタンも簡単に作れます。 » George Taylor McKnight ■ intersmash.com ↑ 1,800のサイトから集められた300のアイコンを公開。矢印、記事、メール、吹き出しなどに使えるかわいらしいのがたくさんあります。サイズは16×16ですね。 » intersmash.com/300i
FPN-団塊〜シニア層向けのWeb設計 やっちゃいけない10のＵＩ
5．ビジネスリサーチのビジネスモデル ビジネスリサーチがアウトソースされる理由 ビジネスリサーチを社外に依頼する理由①〜信頼できる人「すべては依頼から始まる」からでも書きましたが、依頼主が社外にリサーチを委託する最大の理由は、事業環境を定点で把握… 2021.01.18 2021.05.13 147 view コラム〜リサーチャーの日常 トリプル ディスプレイ モニター 在宅勤務が常態化している人は、まず トリプル ディスプレイ 環境に投資することを考えてみてください。作業効率の圧倒的向上が可能です。… 2021.05.06 2021.05.11 205 view 3．ビジネスリサーチの報告書作成 聞き手の頭に入りやすい資料作成〜聞いて理解する人と読んで理解… 【 相手に合わせた 資料作成 】最初に結論を述べてから、それを裏付けるデータを提示するという構成は、欧米流のロジカルシンキングの基
ラプラス取説研究所
ごあいさつ 当研究所は「わかりやすい取扱説明書（マニュアル）とインターフェース設計という視点から、メーカーとユーザーとの間にかけ橋を渡す」ことを目指す、インフォメーション・アーキテクト（情報大工）です。 各種マニュアルやインターフェースの制作・評価をはじめとして、文書情報系を中心とした情報デザインに関連する業務を行っています。 情報の発信だけでなく、積極的な情報共有を通じ、我が国の知的インフラの底上げの一助となるよう努力しています。 実際の業務活動は、有限会社文書情報設計にて行っております。このWebサイトをご覧になって、「具体的にどのような業務を担当したのか知りたい」「仕事を発注したい」とお考えの方がいらっしゃいましたら、有限会社 文書情報設計のWebサイトをご覧いただきたく思います。 新着情報（最新5件） 情報大工のひとりごと更新しました（2015.1.16） 有限会社 文書情報設計の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com
CSSMENUMAKER.COM
25 Code Snippets for Web Designers (Part2)
» 25 Code Snippets for Web Designers (Part1)
COULD：Webデザインに関する 15 の調査結果
signbot - make your own animated scrolling text LED sign