沼田的瀬戸際メモ(仮)

プログラミング超絶素人がプログラマの方達の宇宙語を理解するための備忘録的なメモ。

良いユーザインタフェース(UI)設計に必要なこと。ノーマンのユーザ行為の7段階モデルを理解するための予備知識をまとめてみる②

さて、ノーマンの「ユーザ行為の7段階モデル」について書いていましたが、前回は、ユーザ行為の7段階モデルはユーザの「心理的世界」と「道具・機械の世界」の接面(インタフェース)にフォーカスしたモデルなんですよ!

という話で終わっていました。

https://cdn-ak.f.st-hatena.com/images/fotolife/a/aed2797/20170804/20170804194259.png

こんにちは。瀬戸際の沼田です。

 

前回のインタフェースの二重接面性について書いた記事はコチラ↓

良いユーザインタフェース(UI)設計に必要なこと。ノーマンのユーザ行為の7段階モデルを理解するための予備知識をまとめてみる① - 沼田的瀬戸際メモ(仮)

 

さてというわけでやっと本題です。 

ユーザ行為の7段階モデル (seven stage of action)

D.A.Normanのユーザ行為の7段階モデルとは機械やシステムを使うときの人の認知過程をモデル化したもの。ユーザが何か目的(目標)を持って機械等を使用するとき、

  1. どう使ったら良いのか理解する「実行」する時の問題
  2. 使用した結果何が起こったのか理解する「評価」する時の問題

の2つの問題に直面する。1.と2.の問題の間には心理的世界と物理的世界の大きな「淵」を越えなければいけないとするモデルで1.に対応する「実行の淵」と2.に対応する「評価の淵」をいかに小さくするかが良いインタフェースデザインにつながる。

というもの。

このモデルでは、ユーザが何かを行う時には目標とするゴールがありそのゴールに向かって何かをしたいという意図がある。意図に基づいて実際の行為を行いその結果を評価するというサイクルを繰り返すことになる。

  1. 目標の確立:部屋が暗いので明るくしたい。
  2. 意図形成(行為のプランを立てる):部屋の蛍光灯をつけよう。
  3. 操作選択・行為系列の詳細化:蛍光灯のスイッチを入れる。(行為の詳細化:腕を伸ばして、スイッチの位置に合わせて、適切な力でスイッチを押す。)
  4. 実行:(行為の結果、外界に変化が生じるはず)
  5. 知覚:部屋が明るくなった。
  6. 理解・解釈:蛍光灯がついたから明るくなったのだ。
  7. 評価:目標と結果を比較することで、意図した通り蛍光灯がついたから目標が達成されたと評価できる。

 

1〜7を図に書くとこんな感じ。(淵モデル)

http://minarai.boy.jp/wp-content/uploads/gulf-model.jpg

(図はhttp://minarai.boy.jp/emily/3433/より)

 

 

このモデルに基づいてユーザインタフェースをデザインするときは、以下の7つを満たすようにすると良いようで...。

  1. システムの状態を知覚できるデザインになっているか?
  2. 知覚されたシステムの状態とユーザの解釈の間に良い対応付けがなされているか?
  3. システムが期待通りの状態であるとユーザが評価できるデザインになっているか?
  4. 装置の機能がすぐにわかるデザインになっているか?
  5. どの操作が可能かわかるデザインになっているか?
  6. ユーザの意図と実際の動作に良い対応付けができるデザインか?
  7. 意図した行動を実行できるか?

 

このあたりはノーマンの著書『誰のためのデザイン』に詳しく書かれています。

 

この記事は以下の沢山のサイトを参考に書かせていただきました。

 

以上参考

http://lecture.ecc.u-tokyo.ac.jp/~ueda/jousho05/HCI.pdf

Norman's Gulfs of Execution and Evaluation

人間工学に関するモデル5選 |

https://www.univ-web.org/nabe/lec/HSintroIIB/#NormanModel7_step

 

やれやれ。

今日より明日は改善するよう頑張っていきます(><)

良いユーザインタフェース(UI)設計に必要なこと。ノーマンのユーザ行為の7段階モデルを理解するための予備知識をまとめてみる①

仮想通貨まわりは良い感じですね。特にNEM(XEM)が元気でうれしい限りです。 

 

こんにちは。瀬戸際の沼田です。

 

さて、今日はUI設計に関して書いていくのですが、予想以上に長い記事となりそうなので2回に分けてしまいました。

ユーザインタフェース(UI)を設計するときに必要なことは、ユーザの行動や認知特性を踏まえることだと言われますが、ユーザの行動とかどうやって踏まえるのか瀬戸際の沼田としてはまったくわかりません。

そこで、ユーザの行動に焦点を当てたノーマンの「ユーザ行為の7段階モデル」を理解するため、その前提となる予備知識についてまとめてみました。

 

インタフェースの定義

広義な定義:2つの異なる存在の境界面(界面あるいは接面)

狭義な定義:コンピュータ(人工物)とユーザの間の境界面

 

古典的な道具のインターフェース

ドライバー(ねじ回し)を例にとると、

・握りの細いドライバの対象は細いネジ

・握りの太いドライバの対象は太いネジ

でドライバの目的は「力の伝達・増幅」が目的になる。

この時、人間から道具のへの働きかけ = 人間から対象への働きかけの関係に。

対してコンピュータのエンターキーは?

一方コンピュータのエンターキーを例にとると、

・文章内の漢字変換の決定

・印刷の開始

・核ミサイルの発射

でエンターキーの目的は力の伝達ではなく、「情報の伝達」が主目的になる。

この時、道具への働きかけと対象への働きかけが一対一で対応しない。

 

ほむ。それで、ノーマンの「ユーザ行為の7段階モデル」はインターフェースの第一接面にフォーカスしたモデルなわけですが、第一接面って何かというと↓

インターフェースの二重接面性

f:id:aed2797:20170804194259p:plain

まず世界が、「心理的世界」「道具・機械の世界」「仕事世界」と3つあり、それぞれの境界面(接面)を第一接面(操作インタフェース)、第二接面(制御インタフェース)と呼ぶ。

第一接面(操作インタフェース):ユーザ(心理的世界)と人工物(道具・機械の世界)の間に存在する直接的インタフェース。

 

第二接面(制御インタフェース):人工物とネジを締める・核ミサイルを発射するなど(仕事世界)の間に存在する間接的インタフェース。

 

ユーザの目的=仕事世界への働きかけ=第一接面の操作で

直接操作:二重接面性が存在しない操作。例えばドライバでの古典的道具の操作。

関節操作:二重接面性が存在する下での操作。例えばコンピュータのエンターキーでの操作。

 

さて、ノーマンの「ユーザ行為の7段階モデル」はこの第一接面、つまりユーザと人工物の間に存在する操作インタフェースにフォーカスしたモデルなわけです。

 

でここからが本題なわけですが、そろそろ瀬戸際の沼田のキャパシティが限界に近いので続きは次回に。次回は「ユーザ行為の7段階モデル」についてメモしていきます。

参考

http://lecture.ecc.u-tokyo.ac.jp/~ueda/jousho05/HCI.pdf

 

では本日はこの辺で。

今日より明日は改善するよう頑張っていきます(><)

CSSを使って表示位置を調整する(positionプロパティ)。それと今日の仮想通貨市況。

待ちに待った!8月1日です皆様。今日はさぞ仮想通貨市場は阿鼻叫喚かと思いきやほぼ全通貨上げていますね。

f:id:aed2797:20170801122553p:plain

(8月1日13時頃@coincheck)

 

こんにちは。瀬戸際の沼田です。

 

さて、8月1日を無事迎えましたのでこのブログも仮想通貨一辺倒でなく、プログラミング周辺のことも書いていくように戻りましょうかね。

最近はページのデザイン関連のことをやってますので、それら関連事項をメモしていこうかと思います。

 

CSSでWebページ上の表示位置を調整するpositionプロパティについて

コレはページ上に置くボタンを配置するのに使ってました。

cssでは「position」というプロパティでBoxの基準位置の決定ができるのですが、positionプロパティの値は以下の4つがあります。

  • position:absolute; 絶対配置
  • position:relative; 相対配置(staticの位置を基準にして配置位置を指定)
  • position:static; 通常配置(特に指定しない場合はこれ)
  • position:fixed; 固定配置(IE6不可)

とりあえず上2つを使っていくことになるかと思います。

position:staticにするならそもそも指定しなくていいですし、、、。

実際にはposition:relative;top 10px などと、top、bottom、left、rightと値を指定します。あとstaticでtopやbottom設定しても使えません念のため。

参考サイト↓

css難しいの...。中々言うこと聞いてくれん...。

 

今日より明日は改善するよう頑張っていきます(><)

ビットコインのハードフォークは明日ですか...。ビットコインキャッシュが誕生ですね!

ハードフォークといってもBIP91がアクティベートされ、SegWitに移行するのもほぼ間違いなさそうなので、それほど危機的状況ではなく仮想通貨市場も大きな動きは無いようです。

 

こんにちは。瀬戸際の沼田です。

 

そういえば、Twitterを見ていると東洋経済リップルについて触れられている記事があったそうで...。

お約束ですがこの後、短期的にはRippleはさがるのでしょうな。

 

7月31日13時頃の仮想通貨の値はこんな感じ↓

f:id:aed2797:20170731124944p:plain

(coincheckより)

いつものビットコインのフォーク観測を↓

Bitcoin Fork Monitor

今日もビットコインのフォークは観測出来ずと...(^^)

 

ビットコインキャッシュ(BCC)の特徴など

 さて、明日の日本時間8/1の21:20に予定通りビットコインがハードフォークすれば、

ビットコインを持ってる人には同額のビットコインキャッシュが付与されるのですね。

とりまこちらのブログから引用させていただきましたが、ビットキャッシュの特徴は....

  1. ブロックサイズを現状の1MBから最大8MBまで拡張
  2. レプレイアタックとワイプアタックに対応
  3. ハードウォレットセキュリティの向上
  4. 2次ハッシュ問題の除去
  5. Bitcoinレガシーチェーンにおける2016ブロックの難易度調整期間よりも速いブロック調整機能

とのこと。参考↓

8月1日に生まれるビットコインキャッシュとは何なのか | ビットコインの最新情報 BTCN|ビットコインニュース

 

ビットコインキャッシュが市場の指示を集めれば、ビットコインに割り振られてたハッシュパワーがビットコインキャッシュに割り振られてハッシュパワー逆転したり...。までは流石にないですか。

明日が楽しみですね!

今日より明日は改善するよう頑張っていきます(><)

ネム(XEM)がビットコイン(BTC)についていってるぅぅぅぅ!

今日はネム(XEM)が頑張っていますねー。頑張っておくれ。

 

こんにちは。瀬戸際の沼田です。

 

7月28日14時頃の仮想通貨の値はこんな感じ↓

f:id:aed2797:20170728141127p:plain

(coincheckより)

 

ビットコイン(BTC)の値上がりについていっているのはネム(XEM)くらいですか。これはネム(XEM)持ってる人はテンション上がる動き。まぁ数%の値上がりの差なんて仮想通貨では誤差みたいなもので、瀬戸際の沼田がcoincheckのスクショとったタイミングがたまたまってことなんですが、はぢめて見たのでメモしといてみた。

いつものビットコインのフォーク観測を↓

Bitcoin Fork Monitor

現在でのビットコインフォークは観測出来ず...(^^)

 

NEM(XEM)がここにきて値をあげている理由は?

なんでしょうか。以前書いたのはこの3つでした。

 1.カタパルト(Catapult)

 2.オーストラリアでのBlockchain Globalとの提携

 3.クアラルンプールにブロックチェーンセンターをオープンする

2.のBlockchain Globalとの提携が発表されたのは下のリンクによると2017年6月28日ですから遅すぎるし...。

NEM.io Foundation teams up with Blockchain Global to drive global expansion - EconoTimes

よく仮想通貨投機界隈で言われていますが、英語の発表が日本語に翻訳されて、それが広まると値が上がるという迷信は本当なのか!?だとしたらあまりにもアレですね。瀬戸際の沼田もそこまで英語に堪能ではないので、人のことは言えないのですがサマリーくらいわかるでしょ流石に...。

今日の値動きだけを見てリップル(XRP)とネム(XEM)を比べてる人も多いですねー。「リップル(XRP)は一般人が持ってても意味ないから下げてるんや!」

って主張らしいがそれはいくらなんでも無茶苦茶な理屈と思います。現状、仮想通貨は例えビットコイン(BTC)でも一般人が持ってて便利になるものではないかと。便利だから買うんではなく値が上がりそうだから買うんですよね?

ただ現状の情報ではリップル(XRP)とネム(XEM)の期待感ってそんなに変わりますかね?五十歩百歩に思えます。

まぁだから同じくらいの値段なのか...。

 

何とも言えない結論ですが、今日はこの辺で。

今日より明日は改善するよう頑張っていきます(><)

投資家Tim Draper「1ビットコイン(BTC)は100万円になる」てぶっ飛んだ予想ですなぁ。...的中してくださいお願いします。

ベンチャーキャピタル投資家のTim Draperさんは2014年当時、3年以内に1 BTC = 100万円になるという予想をしていたそうです。

Tim Draper「1ビットコイン=100万円に向かっている」

で3年が経とうとしている2017年現在1 BTCは20万円後半~30万前半をウロウロ。つまり今が7月終わりですから8月~12月の5ヵ月で3倍近く高騰するわけですね!

って半分冗談ですが、秋~冬にかけてあり得ないとも言えないのが仮想通貨の面白いところ...。

 

こんにちは。瀬戸際の沼田です。

 

7月27日13時現在の仮想通貨の値はこんな感じ↓

f:id:aed2797:20170727130313p:plain

(coincheckより)

全体的に穏やかに見えますが、Moneroのみ1割近くあげてますねー。

ビットコイン(BTC)はMt.Goxビットコイン消失事件の真犯人のニュースが出ましたがとくに大きく動いてないのですね。

Mt.Gox、ビットコイン消失事件の真犯人が浮上 ギリシャで逮捕の男 | ビットコインの最新情報 BTCN|ビットコインニュース

いつものビットコインのフォーク観測を↓

Bitcoin Fork Monitor

現在でのビットコインフォークは観測出来ず...(^^)

 

うーむ、今日は仮想通貨周りでネタがMt.Gox事件の真犯人ニュースくらいですか。

最近独自トークン作ってみたくなってきており、XCP買って作ろうかなと思っています。名前はもちろんNumaコインですね。

それでは今日はこの辺で。

 

今日より明日は改善するよう頑張っていきます(><)

仮想通貨市場は10%近い下げですか。あとselenium IDEって使えなくなるのです?

仮想通貨は値動き激しすぎて市況にフォーカスした記事は出た瞬間に現状と合わなくてそんな時代もあったわね状態になりますな(^^)

7月23日に分裂危機回避からの安心感でビットコインの価格は1BTC:30万円近くで推移している。とかいう記事を昨日見たと思ったら今は28万円台前半になってるとか。

 

こんにちは。瀬戸際の沼田です。

 

現在の仮想通貨の値はこんな感じ↓

f:id:aed2797:20170726124549p:plain

(coincheckより)

今日は特に材料は無い(と思われる)のによく落ちますね。雨だからですか(笑)

 

あといつものビットコインのフォーク観測を↓

Bitcoin Fork Monitor

現在でのビットコインフォークは観測出来ず。(^^)

 

ネム(XEM)のフェアバリューが5.8USDだと!?

 2017年にカタパルト(Catapult)による性能向上の仕様一新を予定し、

オーストラリアでのBlockchain Globalとの提携で世界展開を目指し、

クアラルンプールにブロックチェーンセンターをオープンする、

仮想通貨NEM(XEM)ですが、以下の記事によれば時価総額流動性からフェアバリューを計算すると、5.8USDらしい...。

(フェアバリュー:資産運用や投資における概念のひとつで、金融商品などの本質的価値「適正価格」「公正価格」のこと(野村証券より引用))

 

うそん...今、17円くらいだから0.15USDですよ!

今年大きなイベントが予想される仮想通貨「ネム(NEM、XEM)」【アルトコイン評価ニュース】 | マネーボイス

 そりゃいくらなんでも盛りすぎではないかと思うのです。算出式を知りたいところ。

 

仮想通貨とは関係無いのですが、Webページのお手軽テストツールselenium IDEを調べていたら気になる記事があったのでメモしておきます。

Webブラウザのテスト自動化ツールselenium IDEは11月までしか使えない?

FirefoxアドオンのアーキテクチャがWebExtensionsに完全に変更され、XULXPCOMが廃止されるそうで、 2017年11月リリース予定のFirefox 57からselenium IDEは今のままだと完全に使えなくなってしまうようです↓

SeleniumとWebDriverの最新事情~標準化が進み、さらに強力なテストツールへ! その影でSelenium IDEは…… (3/3):CodeZine(コードジン)

 

さっと使えて便利なのに(TT)

ちゃんとseleniumの使い方覚えましょうってことなのですね。

 

今日より明日は改善するよう頑張っていきます(><)