skillup

技術ブログ

「 UI 」 一覧

no image

AngularJS カスタムディレクティブ

2017/03/21   -UI, デザイン
 

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

no image

Angularモジュール間の読み込み

2017/03/21   -UI, デザイン
 

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

no image

AngularJS テーブル行のソート入れ替え&ドラック&ドロップ

2017/03/16   -JavaScript, UI
 

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

no image

レスポンシブデザインの作成ポイント

2016/09/15   -UI, デザイン
 

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

no image

デザイ二ングインターフェイスのまとめ

2016/08/25   -UI, デザイン
 

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

no image

フォームとコントロール

2016/08/24   -UI

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

no image

アクションとコマンド

2016/08/23   -UI

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

no image

ページレイアウトに関して

2016/08/20   -UI

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

no image

ナビゲーション

2016/08/17   -UI

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

no image

アプリケーションの画面構成に関して

2016/08/16   -UI

アプリケーションの画面の設計スタイルに関してよく使われるものを。 2パネルのセレクタ リスト+選択された内容の表示 例 メールボックス内のメール ウェブサイトのセレクション ライブラリ内の楽曲や画像 …