「 UI 」 一覧

検索ページの遷移に関してメモ。 基礎だが実際全部完全に網羅できているかというと不安な部分が多い。 基本仕様: 以下のようなページ構成を想定 1ページ目は検索エリアと一覧が同時にでる 一覧情報からはリン …

AngularはHTMLの中にng-clickなどと書いておけばイベントを紐づけて、特定動作時にメソッドを呼び出すことができます。 これをオリジナルで自作することができます。 customer_dir …

Angularで以前こちらで、複数のコントロールに分ける方法を書きましたが、コントローラーだけでなく、Factory,ServiceなどいろいろなタイプのサービスがAngularにはあります。 プログ …

受注伝票みたいなものを作ると伝票の登録画面はヘッダーと明細に分かれますね。 私が携わったプロジェクトでは、大体一画面でヘッダー情報と明細情報を入力することが一般的でした。 今回AngularJSでその …

本日はレスポンシブデザインの表現方法について。 スマホでは何も指定しなければブラウザはウェブサイトの幅が980pxと仮定しています。 要は通常の980px分をそのままiPhoneの画面に収まるよう縮小 …

デザイ二ングインターフェイスを今まで読んで実務にすぐ生かせそうな＆ポイントとなりそうな箇所のまとめ ユーザーを理解する ユーザーが何をしたいか　・・・ 根本的な目的 ソフトウェアがなければどのように処 …

今回はフォームについて 基本原則となる考え方 何を要求されているのか、何のためなのかを、ユーザーが理解できるようにする 可能なら、何も質問しないでおく(オートコンプリートやディフォルトを使用するなど) …

今回はインターフェイスにおける動詞、つまりは「なんらかの行動(新規作成、表示、編集、削除)」についての解説です。 なんらかの行動に関してはほとんどのアプリケーションでボタンで実行されることが多いのでは …

今回からは単一のページレイアウトの構成の考え方やテクニックについて。 一般的な傾向として、人間の視覚上の特徴というのは下記のような傾向があげられます。 人の視線は上から下、左から右へというのがディフォ …

本日はソフトウェアのナビゲーションについて。 要は「いかにユーザーに目的の操作まで少ない経路でたどり着いてもらうか」に関してです。 移動距離は常に短く＆クリック回数は少なく 当たり前ですが、目的の操作 …