3inowayosuke

いいえ / キャンセル / はい UIのメモです GUIデザイン iPhoneアプリ 認知心理学 人間工学 インタラクションデザイン インターフェースデザイン ユーザビリティ ユーザーエクスペリエンス UI UX アイコン 画面設計 http://hatamata.jp

マイクロインタラクション

マイクロインタラクションは一つのインタラクションを最小単位に細分化したものです。小さなタスクと呼ばれるものでアニメーションの事だけを示すものではありません。

1.インタラクションとマイクロインタラクション

そもそもインタラクションは、人とシステムのやりとりを示します。UIの例では自身の行為に対する結果がシステムから返ってくるやり取りのことを指します。

1)インタラクションの細分化

例えば、

もっとみる

エクセル高速作業(基本編)

今回はエクセル作業を少しでも早く終わらせるテクニックを紹介します。

ポイントは以下です。

1)マウスの移動距離を極力減らす
2)マウスとキーボードの持ち替えを極力減らす
3)なるべくキーボードで操作をするようにする

一部Mac版のエクセルでは対応していない内容も含まれていますのでご了承ください。

1.セルの内容を編集

データを入力するときにセルをダブルクリックしてませんか?
キー

もっとみる
ツイッターもフォローいただけると嬉しいです。(๑´ڡ`๑)
18

ボタンの状態表現

以下はアラーム機能のボタンを示したものですが、どの様な状態を示しているでしょうか。

オフ状態?押せない状態?

アラームがオフになっている状態にも見えますし、ボタンが押せない状態になっている様にも見えます。上記の様な場合はボタンを押してみて動作を確かめなければいけませんが、確かめずに理解できる方が望ましいです。

色がついたアイコン

アイコンに色をつけました。ボタンを押して色に変化があれば機能

もっとみる
ツイッターもフォローいただけると嬉しいです。(๑´ڡ`๑)
46

iPhoneメモアプリのUIトレースから…

素っ気ないが至るところに配慮あり

iPhoneのメモアプリをトレースしました。iPhoneのメモはアプリとしては素っ気なく見えますが至るところに配慮が尽くされています。そこで主にインタラクションの部分をなぞって、動作するメモアプリを作ってみました。

配慮1.新規作成時のキーボード表示

新規にメモを作成する時にキーボードが自動的に表示されます。
当たり前と思われるかもしれませんが、既存のメモを

もっとみる
ツイッターもフォローいただけると嬉しいです。(๑´ڡ`๑)
51

LATCH 5つの情報整理方法

リチャード・ソール・ワーマンは情報の整理方法としてLocation、Alphabet、Time、Category、Hierarchyの5つを挙げています。これら5つの情報分類は頭文字を取ってLATCHと呼ばれています。

LATCH5つの分類

Location:場所

Locationは地図、路線図、座席表など位置に倣った情報の並べ方です。

Location

Alphabet:あいうえお順

もっとみる
ツイッターもフォローいただけると嬉しいです。(๑´ڡ`๑)
55

アイコンのモチーフ

デノテーションとコノテーション

アイコンは記号により機能や意味を想起させます。例えば、フロッピーのアイコンがコンピュータ上で表示されていれば保存機能であることを推測させます。この時、頭の中では二段階の理解をしています。

記号から意味を推測する

上記のアイコンは「フロッピー」の記号ですが、意味的には「保存する」機能を示しています。
この見たままの意味をデノテーションと言い、言外の意味をコノテー

もっとみる
ほかの投稿も読んでいただけると嬉しいです。(๑´ڡ`๑)
11