フォームのデザインをスタイリッシュにするjQueryプラグイン９種類 | wdflow
オンラインショップ・ウェブサービスで見かけるアプリケーションのようなUIや、便利な入力支援機能の実装に一役買いそうなjQueryのプラグインをまとめてみました。 個人的には入力したテキストのタグ化とオートコンプリート機能がセットになっているTextExtは、機会があればぜひ使ってみたいと思います。すこし前のプラグインも混じってますが実装しやすく実用性の高いものばかりだと思います。 TextExt ワードをタグに成形してくれる機能とオートコンプリートがセットになってます。さらに入力エリアにはドロップダウンが生成され、あらかじめ設定したワードをこちらから選択してタグを生成することも可能です。デモではAjaxからワードを呼び出しています。 なお、それぞれの機能はモジュール化されているようでダウンロードする時にオプションで使いたい機能を選択できます。
HCD-Net
人間中心設計（HCD）専門家制度は、人間中心設計推進機構（HCD-Net）が実施する専門家認定制度です。 人間中心設計専門家とは 受験応募要領 資格更新手続き HCD認定ニュース 認定者一覧 認定専門家インタビュー
UIデザインガイドラインのまとめ - everything might happen tomorrow - yhassy - builder by ZDNet Japan
デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction Guidelines Windows UX チームが公開し
人間中心設計（Human Centered Design＝HCD）で使う主な手法: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 人間中心設計（Human Centered Design＝HCD）を実施する際に用いる主な手法をちょっと整理。 これまでもユーザビリティ評価法としてのユーザーテストや、ユーザー要求の把握段階でのコンテキスチュアル・インクワイアリーなどを紹介しきてきましたが、全体像が見えないかなと思いましたので、あらためてそのあたりを整理してみようか、と。 人間中心設計で使う主な手法前にもすでに紹介していますが、ISO13407："Human-centred design processes for interactive systems"（インタラクティブシステムの人間中心設計プロセス）で国際規格化されている5つのプロセスをあらためて。 人間中心設計の必要性の特定利用の状況の把握と明示ユー
Center Centre
Our team is focused on providing you — the leaders and makers of awesomeness in your organization — the skills, mindset, and confidence you need to be the UX leader your team needs. Discover the ways we could help you solve your biggest challenges. Discover your UX Leader journey with us. Everything Center Centre does: Become a more strategic leader through our live and recorded programs: Join Lea
アップル ヒューマンインタフェースガイドライン
第１章 デザイン工程 本章はどのようにしてあなたのソフトウェアに最高のデザインを選択するかについて、いくつかの基本的な秘訣を提供します。優れたソフトウェアデザインには、あなたのユーザの要求に対する慎重な分析を伴います。結局のところ、あなたの製品を実際に使用するのは彼らなのです。彼らの要求を見分け、これらの要求に合致する手段を見つけることは、デザイン工程における重要な最初の一歩となります。 デザイン工程にユーザを関わらせる あなたの製品を、目標とする視聴者の要求にしっかりと合致させるための最善の方法は、あなたのデザインをユーザの精査にさらすことです。デザイン工程のすべての段階においてこれを行うことで、あなたの製品の機能は正しく動作し、改良の必要があるのかという点を明らかにする指針となります。 人々にあなたの製品（の試作品）を試用する機会を与えるとき、あなたはデザイン段階の初期では予想もしなか
Index of /
Index of / NameLast modifiedSizeDescription arlington.town-meeting.org/2005-10-21 22:51 - bostonclimbing.com/2003-02-05 22:35 - comfort-and-joy.net/2012-07-11 23:30 - default/2002-07-24 23:44 - designinginterfaces.com/2021-11-02 02:55 - html/2014-08-23 14:52 - jtidwell.net/2017-07-06 23:29 - lists/2011-08-10 21:02 - mail.time-tripper.com/2017-07-06 23:08 - patsfan.net/2005-09-16 13:11 - phpinfo.ph
www.welie.com -- patterns in Interaction Design
Pattern library All patterns are listed here. It's quite a bunch of them, but I have tried to group them meaningfully. User needs Patterns that meet a direct need of the user. Navigating around· Accordion · Headerless Menu · Breadcrumbs · Directory Navigation · Doormat Navigation · Double Tab Navigation · Faceted Navigation · Fly-out Menu · Home Link · Icon Menu · Main Navigation · Map Navigator ·
B3 Annex: Appleエンジニアが語る、Appleがデザインプロセスで行っている4つのコト
毎年恒例のSXSWは結局、女性雑誌記者による若きFaceBook CEO Mark Zuckerbergとのステージトークが不満足なもので終わったという話題だけが目立ち、なんだかな、と思っていたら、ちょっと面白い記事が出てきた。 これは、AppleのシニアエンジニアリングマネジャーのMichael Lopp氏がSXSWのパネル"Blood, Sweat, and Fear: Great Design Hurts"で語ったものをBusinessWeekがまとめたもの。クリエイティブをどのようにマネジメントしているかが垣間見れる。 以下は、例によってB3 Annex抄訳。 Apple's design process by Business Week 完璧なモックアップを作る（Pixel Perfect Mockups）手間と時間はかかるが、早い段階で、「完璧なモックアップ」を作ることで、すべ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソシオメディア | UIデザインパターン
IDEA * IDEA
IDEA * IDEA
Technical documentation
Common Ground
User Interface Design Patterns: Introduction