ユーザーが見落とすことがない入力フィールドを作るには
UX Movementの著者および創設者。ユーザー体験においてのデザインのベストプラクティス、スタンダードおよびテクニックを教え、それを広めることでより良いデジタルの世界を作り上げることを目標としています。 入力フィールドは、ユーザーに情報を要求するもっとも一般的なインターフェイスの要素です。入力フィールドにはさまざまなサイズや形状、スタイルがあります。そのような選択肢がある中で、最適なユーザビリティを提供するには、どのように表示すればいいでしょうか？ 強い視覚的な手がかり 最適な表示方法は、入力フィールドの機能と、ユーザーがどのように操作するのかによって決まります。つまり、入力フィールドには、ユーザーが何をすべきか示す強い視覚的な手がかりが必要です。 入力フィールドは、インターフェイスにテキストを入力するために存在します。したがって、ユーザーが視認したらすぐに行動を起こせるように、入力フ
Cutting Edge - UX 主導型設計によるアーキテクチャの改善
また、最新バージョンの Microsoft Visio と PowerPoint にもプロトタイプ機能があり、特に Visual Studio Ultimate と組み合わせると効果を発揮します。図 2 に一覧しているツールはすべてワイヤーフレームを作成するプラットフォームとしても充実しており、中にはクリックによるモックアップの作成や、ワイヤーフレームを機能別のプロトタイプへの変換に使用できるものもあります。 最先端のこのようなツールを使用することで、早い段階からフィードバックが得られます。さらに重要なのは、こうしたツールによって、設計プロセス前半のコーディング前からユーザーを巻き込めることです。バック エンドの開発が半分終わった時点でプレゼンテーション層に重要なポイントが抜けていることが判明した場合は、投げ出すか、調整するかのいずれかしかありません。 同時に、プレゼンテーション層を UX
Building a complex Universal Windows Platform (UWP) app - UWP applications
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. On Microsoft design teams, our process for creating apps consists of five distinct stages: concept, structure, dynamics, visual, and prototype. We encourage you to adopt a similar process and have fun making new experiences for the world to enjoy. Concep
テスト可能なUI設計パターン – 第１回 Androidテスト祭り 発表資料 - the sea of fertility
2011/8/6 第１回 Androidテスト祭りの発表資料を公開します。.NETクラスタという先入観を持っていただきたくなかったので、自己紹介スライドは最後にさせていただきました。でも非常に空気のよい場だったのでそんな配慮は不要だったかもしれません。 反省点としてはやはり伝え方です。設計パターンに対する意識がすでにある方には届くみたいですが、あまり今まで意識していない方に、どうやって今後伝えていくべきか、きちんと今後考えていきたいと思います。 一応補足として、WPF/SilverlightでのPresentationModelパターンの実装パターン?であるMVVMパターンについて、どういった必然性がWPF/Silverlightにあるのかはこちらに書いてありますますので、興味を持っていただける方はどうぞ。 MVVMパターンとは？ わんくま同盟東京勉強会 #60 セッション資料 the
MVP を超えて - MVP パターンをエンタープライズ クラス アプリケーションの UI アーキテクチャ向けに拡張する
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 MVP パターンをエンタープライズ クラス アプリケーションの UI アーキテクチャ向けに拡張する Haozhe Ma モデル - ビュー - プレゼンター (MVP: Model-View-Presenter) は、UI のパターンについて考える際の糸口となるもので、UI デザイナーがアプリケーションの中で切り分けるべき懸案事項を明確にします。 しかし、MVP パターンにはさまざまな解釈があります。たとえば、MVP パターンは UI のアーキテクチャ パターンを明確に表していると思い込んでいる人もいますが、エンタープライズ クラス アプリケーションの場合、このような解釈はあまり当てはまりません。エンタープラ
iPhoneアプリのインターフェースデザインがざくざく見られる『TappGala』 | 100SHIKI
これは便利ではなかろうか。 TappGalaではiPhoneアプリのインターフェーズデザインをざざっと眺めることができる。 ここのインターフェースはどうするべきかなぁ、と悩んでいるデザイナーやエンジニアにおすすめだ。 なお、このサイトで紹介されているそれぞれのアプリの画面は数枚だが、ちゃんとiTunesへのリンクもあるので、気になるアプリがあればダウンロードや購入して確かめてみるといいだろう。 またもちろん自分で作ったデザインも投稿できる（審査があるかどうかはちょっと不明…）。腕におぼえのある人はいかがだろう。 新しいプラットフォームであるiPhoneやiPadのインターフェースデザインがこうしてまとまっていると便利ですな。
目次：ITpro - 技術者視点のユーザビリティ考
使いやすいサイトを作るのは，デザイナーだけの問題ではありません。エンジニアとしてサイト構築にかかわっている筆者が，日ごろぶつかった問題をネタにじっくり考えていきます。 ・第33回 リピーター増加を阻む「面倒くささ」の壁 あるウェブサービスを初めて使った人が「しばらく使ってみよう」と思ってくれても，「面倒くささ」の壁に阻まれて次第にサービスの利用から遠ざかっていくことはよくあります。ブラウザを利用しないものを含む，さまざまなインタフェースを提供することで，その面倒くささを乗り越えられるのではないか，という仮説のもと，いくつかの例を紹介します。 ・第32回 リダイレクトの正しい使い方とは あるページ（URL）にアクセスすると，自動的にほかのページにジャンプするリダイレクトは，ウェブサイトを構築するうえで非常に重要な仕組みです。しかし，ユーザーの知らないうちにページの移動を行うため，ユーザーを戸
クラウドでの管理、UX デザイン パターン、Anders Hejlsberg の『The C# Programming Language』、その他
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 ツールボックス クラウドでの管理、UX デザイン パターン、Anders Hejlsberg の『The C# Programming Language』、その他 Scott Mitchell すべての価格は発表時のもので、変動する可能性があります。このコラムに記載されている見解は、執筆者の個人的な見解であり、必ずしもマイクロソフトの見解を反映するものではありません。 目次 クラウドでのプロジェクト管理 ユーザー エクスペリエンスのデザイン パターンを調べる 推薦図書 クラウドでのプロジェクト管理 ソフトウェア プロジェクトが成功するか失敗するかは、プロジェクトの管理に使用する手法とツールに大きく左右されます
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 チームが公開し
Microsoft – クラウド、コンピューター、アプリ & ゲーム
期間限定で Surface Pro 8 ご購入で対象のキーボードが無料になり、本体にも特別価格が適用されます。
サイト作りに使えるインターフェースのパターンが満載！『UI Patterns』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
WindowsのUI設計ガイドライン
…の、一番新しいのってどこにあるん？ ちょっと前まではこれだったはずなんだが、さすがにもう古いだろう。 Vista時代はこれなのか？ ちなみに、Office 2007風のUIはこっち参照。 # りょーいちさんトコになぜか書き込めないのでとらっきゅばっきゅ。 投稿日時 : 2007年6月7日 9:59 Feedback # re: WindowsのUI設計ガイドライン 2007/06/07 10:09 ちゃっぴ 旧 MSDN の URL は filter かかってます。 # re: WindowsのUI設計ガイドライン 2007/06/07 10:27 シャノン > 旧 MSDN の URL は filter かかってます。 なんでそんなこと… せめて、禁止ワードに引っかかったという通知は出してくださいよ。何が原因なのかわかりゃしない。 というわけで、MSDN2はこちら。 http://ms
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UX/UIデザイン - OHAKO | 企画～実装をご支援
Engadget | Technology News & Reviews
方法: Windows Phone Marketplace 用のスクリーンショットを作成する
インフラジスティックス Quince UX デザイン テンプレート エクスプローラー
Windows ユーザー エクスペリエンス ガイドライン
なつみかん＠はてな - ユーザビリティ関連記事 まとめ