Rich Internet Application Screen Design
Designing a rich Internet application (RIA) can test even an experienced design team. The hardest challenge is to blend Web and desktop paradigms to create a responsive and intuitive experience. Some paradigms that exist in the desktop environment are ill-suited for the Web, while many of the Web paradigms people are familiar with (paging, explicit refresh) are no longer necessary with RIA technol
10 Completely Free Wireframe and Mockup Applications : Speckyboy Design Magazine
Free Web Design Wireframe Kits These free web design wireframe kits can be used to plan the layout of a website, visualize content structure, test website functionality, collaborate with team members, and save time during the design process. Wireframe Magic Responsive UI Kit Designed by Jeremy Walsh in Sketch Format. Bloo Open-Source Wireframe Component Kit Designed by Vijay Verma in Sketch, Adobe
Home - Pencil Project
An open-source GUI prototyping tool that's available for ALL platforms. Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.1 which contains stability fixes and many new features. More details can be found in the release notes. Proje
Styling Invalid Input Fields with JSF
Have you ever tried to add a different background color like red to highlight invalid input fields when validation fails? With JSF 2.0, this is a trivial process, here is one way; .ui-input-invalid { background-color:red } <h:inputText value="#{bean.property}" required="true" styleClass="#{not component.valid ? 'ui-input-invalid' : ''}" /> component refers to the current component being rendered a
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
GUUUI - Visio - the interaction designer's nail gun (3rd edition)
Visio - the interaction designer's nail gun (3rd edition) How to use Visio for rapid prototyping - now with scrolling pages and sketchy interface widgets This is a third edition of my article on using Visio for rapid prototyping for the web. The new edition includes a minor update of the GUUUI Web Prototyping Tool that eliminates a major shortcoming: the inability to create scrolling pages. The up
600以上のログインフォームをチェック - everything might happen tomorrow - yhassy - builder by ZDNet Japan
55 Spectacular Login Form Designs すぐれたログインスクリーンを 55 つも集めたリンク集。特に目立つのがページの中央に大きくログインフォームを表示させているのが多数を占めています。まるで、OS やデスクトップアプリケーションのようなログインスクリーンのようですね。今後、独自 ID だけではなく、OpenID を導入した際に見やすいフォームを実現させるかが課題です。Digg が良い感じですが、他の見せ方も模索されていくでしょう。 100 Outstanding Login Forms こちらは倍の 100 のログインスクリーンを集めたリンク集。上記のまとめとかぶっているサイトも多数ありますが、ビジュアルよりラベルの付けた方のバリエーションをたくさん見ることが出来るのはこちら。ラベルとインプットフィールドの位置関係がフォームの書きやすさにどれだけ関わるのか検証
実用的なユーザビリティの10のポイント：ガイドライン編 | コリス
ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント（ガイドライン編）をSmashing Magazineから紹介します。 Tumblr 多くのフォームは2カラムのレイアウトを採用し、ラベルはフィールドの左に配置されています。一見よさそうに思えますが、これは採用すべきではありません。 なぜなら、フォームは一般に垂直に方向付けがされているためです。ユーザーが左→右→左下と視線を動かすことより、上→下と移動する方が容易です。 また、ラベルを左に配置することはもう一つの問題があります。 あなたはラベルを右揃えと左揃えのどちらで配置しますか？ 左揃えはラベルを読みやすくしますが、どのフィールドのラベルか判断するのが難しい場合があります。 右揃えはその逆です。フィールドのラベルを判断するのは容易ですが、ラベルを俯瞰するのが困難です。 2.
新版 Windows デザインガイドライン - everything might happen tomorrow - yhassy - builder by ZDNet Japan
クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 ビジネスのためのデータ基盤構築 DX時代の企業成長はデータ活用が鍵 新たな展開を後押しするSQL Server活用 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために 特集：セキュリティトレンド-秋- つながる世界で問われる対応 サプライチェーンセキュリティを考える コンテナをエンプラITに！ コンテナ活用の基礎 本番実装が増える背景とメリット オープンソース活用はあたりまえ！ そ
10のアプリケーションロールパターン ― ＠IT
インタラクションデザインパターン（2） アプリケーションロールデザイン、 基礎の10パターン ソシオメディア 上野 学 2007/3/19 前回の「80年代のAppleに学ぶUIの部品化とガイドライン」では、インタラクションデザインの作業にパターンを活用することの有用性について説明しましたが、今回からは、実際にどのようなデザインパターンがあるのかを考えていきたいと思います。 私はこれまでの連載（ユーザビリティのヒント、Webアプリケーションのユーザーインターフェイス）を通して、インタラクションやユーザーインターフェイスのデザインはプログラムが出来上がってしまってから最後に付け加えるというものではなく、システムの基本的な品質を決定する重要な要素として設計の初期段階から考えなければならないものであると主張してきました。なぜなら、そのシステムが提供しようとしている機能を、画面の見た目や操作の流れ
情報アーキテクチャの間違い・トップ10
ウェブサイトは、その構造とナビゲーションシステムとが互いに支え合っていなければならない。検索システムとも結びついていなければならない。サブサイトに至るまで一体化していなければならない。複雑で、一貫性が無く、選択肢が隠れていて、UIが扱いにくければ、ユーザーは必要なものを見つけられない。 Top-10 Information Architecture (IA) Mistakes by Jakob Nielsen on May 11, 2009 ウェブサイトで思いどおりの操作がまったくできない原因の大半は、情報アーキテクチャの出来の悪さにある。これは、ウェブユーザビリティにからむ他の問題点に比べてなかなか改善しにくい。その理由を解き明かすため、腫れた親指のようにずっと前から目についていた間違いを10個洗い出してみた。これを全部合わせれば、ウェブサイトは毎年何十億ドルも無駄にしていることになる。
Wireframing Tool for Professionals - WireframeSketcher
Create wireframes in minutes Get quality feedback fast Build better software Involve your entire team! WireframeSketcher is a wireframing tool that helps designers, developers and product managers quickly create wireframes, mockups and prototypes for desktop, web and mobile applications. It’s a desktop app and a plug-in for any Eclipse IDE. Mockup anything Mockup your website, desktop and mobile a
ホワイトボードを使った GUI デザイン - everything might happen tomorrow - yhassy - builder by ZDNet Japan
データの散在と非常率運用がネック 企業のDXをITが妨げる喜劇を回避するために キーマンが明かすデータ管理基盤の重要性 次期自治体ネットワーク強靭化へ ガイドライン改定でデジタル化を推進 利便性向上への取り組み方をポイントで解説 いまさら聞けない「PPAP」 なぜ危険？なぜダメ？なぜ禁止？ PPAP運用の危険性と改善策 特集：IT最適化への道 成功の秘訣をその道のプロが解説 カギとなるのはシステムの「見える化」 企業のリスクマネージメント対策に M365のコンプライアンスソリューションで 内部不正のリスクに備えよう セキュリティの今を知る 特集企画 ZDNet Japan Security Trend Spring 繋がる世界のデータセキュリティの最前線 明日からではもう遅い？！ クラウドファーストが当たり前の時代 いま直ぐに見直すべきセキュリティのあり方 連載！プロが語るストレージ戦略
「OK」「キャンセル」、どちらが先か？
OKボタンはキャンセルボタンの前と後、どちらに置くべきか？ ダイアログボックスをデザインするたびにその都度判断するよりも、各プラットフォームでの慣習に従う方が大切だ。 OK–Cancel or Cancel–OK? by Jakob Nielsen 2008年5月27日 ユーザエクスペリエンス全体には大して影響しないようなUIデザインの細々とした問題について、われわれの元には数え切れないほどの質問が寄せられる。昔からよくあるのが、ダイアログボックス内でのボタンの並び順はどちらにすべきかという質問だ： OK / キャンセル キャンセル / OK 両方ともそれなりに筋が通っている並べ方であり、どちらを好むかは人それぞれで、一方に決めるのは無理だろう： OKを先にする並べ方は、英語を始めとする左から右へ読むタイプの言語では、自然な読み取り順序に沿っていることになる。これ以外のボタンの組み合わせも
廃れないテクニック ― ペーパー･プロトタイピング - Radium Software
Paper Prototyping: Getting User Data Before You Code - Jakob Nielsen UI の設計手法に「ペーパー･プロトタイピング」と呼ばれるものがある。その名の通り，紙を使ってユーザビリティのテストを行うというもので，手軽で安価なプロトタイピング手法として知られている。 ペーパー・プロトタイピングの良さは，誰でも今すぐ始められるという手軽さと，もうひとつ，ローテクであるがゆえに廃れることがないというところにある。 ペーパー･プロトタイピングは，君が今やっているデザインプロジェクトに影響を与えるというほかに，もうひとつの利点がある。それは，君のキャリアにとって得になるということだ。君が他に読んだ本のなかで，コンピューターとかウェブデザインとかに関する本のことを思い返してみてほしい。君が学んだことで１０年後も有益であり続けるものは，どれほ
アプリケーションデザインの間違い・トップ10
ユーザーがユーザインタフェース（UI）の操作方法を知ること、UIが操作の流れを的確に導くこと、共に実現されればアプリケーションのユーザビリティは上がる。しかし、ガイドラインを守らなければ、どちらも実現は難しい。 Top-10 Application-Design Mistakes by Jakob Nielsen on February 19, 2008 アプリケーションデザインの間違いをまとめるのは難しい。最悪の間違いは、業界固有の特殊ケースである場合が多いからだ。アプリケーションが失敗に終わる理由には、 (a) そもそもの問いを間違えている、(b) 問いを正しく捉えながらもそれを解くための機能を間違えて作っている、(c) 的確な機能を作りはしたものの、難しくし過ぎてユーザーに理解してもらえない、などが考えられる。 どれを間違えても、アプリケーションの失敗は決定的で、それを避ける方法をお
すばらしいソフトを作るには、カリスマが講演 ― ＠IT
記者という職業柄、これまで非常に多くのプレゼンテーションを見てきたが、プレゼンテーションの1枚目が半裸の女性モデルの写真だったのは初めてだった。 2月13日、14日の予定で東京・目黒で開催中の「デベロッパーズ・サミット2008」で講演したFog Creek Softwareの創業者でCEOのジョエル・スポルスキー（Joel Spolsky）氏のプレゼンテーション「Joel on Developers Summit――素晴らしいソフトウェアを作るということ」は、型破りに楽しく、なおかつソフトウェア開発者にとって示唆に富む内容だった。 スポルスキー氏は米マイクロソフトのExcelチームで、Excel用マクロ言語を、後にVBAと呼ばれることになるモダンなオブジェクト指向言語に置き換える仕事でプログラムマネージャを務めたことがあるなどソフトウェア開発のベテランだが、エッセイの書き手としても名を馳せ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プログラマに絶対お薦めの使用性に関する本
Infragistics Quince: UX Patterns Explorer
ソシオメディア | UIデザインパターン
