Pattern Tap : Interface Collection for Design Inspiration
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
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.
Mobile App Gallery｜tappgala.com
Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。
無料で使えるUIデザインの基本要素が詰まった32の素材集 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy UI kit Dark UI Kit Modern UI Kit UI Bundle Detailed UI Kit iTunes Inspired UI Kit (PSD) iPad Application Moc
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
ラインアップ｜au NEW SELECTION｜au
auスマホを新規に購入・乗り換え（MNP）・機種変更した場合の月額利用料金の目安をシミュレーターでご確認・比較いただけます。
第36回 画面設計書を書くための手法とツール：ITpro
画面設計書について，前回に引き続き，それを書くツールや手法について考えてみましょう。 画面設計書の基本 まずは，画面設計書の中にあるべき情報から見てみましょう。これらすべてがそろっていなければならない，というわけではありませんが，望ましいのではないかと私自身は考えています。 header ページIDやタイトルなど，一目でそのページがどの画面仕様を記述しているかがわかるような「ヘッダー」部分。細かく書くならば，文字コードや対象ブラウザまで記述する場合もある。また，プロジェクトの名前（プロジェクト・コード）や版番号なども記し，似たようなドキュメントの中からも引き出せるようにしておく。 footer 制作サイドのコピーライトやページ番号などを記す。最終的には，クライアントのコピーライトに置き直して，最終納品とする場合もある。 Page Layout 画面内に配置する「ユーザー・インタフェース（U
pukiwiki、はてなトップページの妙な恐怖感
尾野（しっぽ） @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:49:50 нσυѕαι тσяυ／縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:50:38
黒須正明 : NAVERアドバイザリーボード
1978年早稲田大学大学院博士課程単位取得満期退学。同年(株)日立製作所入社、中央研究所に勤務。1988年同社デザイン研究所に異動。1996年より静岡大学情報学部教授。2001年9月、文部科学省メディア教育開発センターに教授として赴任。ヒューマンインタフェース、特にユーザビリティを研究するなかから、ユーザー工学や人工物発達学を提唱するに至った。現在、学校法人放送大学 メディア活用・遠隔教育センター 教授、国立大学法人総合研究大学院大学 学長特別補佐、文化科学研究科 メディア社会文化専攻 教授 先生が研究されているユーザビリティとユーザーエクスペリエンス（UX）の違いについて、まずは、定義していただけますでしょうか。 ユーザビリティとUXという概念は、世間で混同されている傾向があります。そもそもUXとは何に関するものであるか、ということを考えるとその辺が整理されます。まず、ユーザビリティとい
iPhoneやiPadがどうしてもシングルタスクな理由
今週、Appleのタブレット端末iPadが発表されましたね。 色々な人が色々な事を言っていますが、iPadに対してもマルチタスク非対応を嘆く声が非常に多いことをtwitterやblogの反応で知りましたので、今日はなぜiPhoneやiPadがシングルタスク志向なのか、という話をしようと思います。 iPadといえば、発表直前のGizmodoの予想記事に、かつてAppleの開発者でありMacintoshプロジェクトを立ち上げたジェフ・ラスキンのモーフィング・コンピュータについての紹介が載っていました。「AppleタブレットのUIはズバリこうなる！（動画＆予想図）」すごくいい記事で、とても楽しく読ませていただきました。 iPhone/iPadのシングルタスクへの執着には、「マルチタスク汎用機」ではなくて、「必要な時にいろんな専用機に変身できる多機能機」という基本的な設計思想があると思います。ここ
I ♥ wireframes
Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. If you want to contribute contact me via email, twitter or post your wireframe in this flickr group. Facebook page Submit wireframes Archive RSS feed Adobe Proto Adobe® Proto, a new Adobe Touch App, lets you create interactive wireframes and prototypes of websites and mobile apps on your tablet. Communicate and share ideas wit
45+ New jQuery Techniques For Good User Experience | Developer's Toolbox | Smashing Magazine
JavaScipt libraries have made huge leaps and bounds in helping developers write code and develop products more quickly. jQuery is one of the most popular JavaScript frameworks, with powerful tools that improve the user’s interaction with Web applications. jQuery has an additional advantage in that it allows developers to select elements on a page using CSS-like syntax. To help you take it up a not
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Folder tabs by Rareview on Dribbble
Calc GUI
Visual Language Study - Part 1
インターフェイスの街角(83) – 最近の画像認証 増井俊之
IDEA * IDEA
jQuery ドロップダウンメニュー | CSS Lecture
http://moto-mono.net/2009/05/18/page-scrolling-with-jqueryeasing.html