IDEA * IDEA

ドットインストール代表のライフハックブログ

[nakag0711]

随分古い記事だな

[fkagami]

ux

[kaneharu]

実際に書いてみてミーティングでシェアしてみたが、まず見方の説明をするのが面倒。。自分で考える用としてはかなりアリでした☻

[norip44]

使う人が「どう、行動するか？」を考えるのです。

[hashimoto0226]

なるほろ！

[zonoise]

これだ！

[yuta0121]

　UIデザイン設計

[OKU_s62]

下のコメ欄にあるように、矢印に動作を書いたほうがいい気がする・・・

[terurou]

これはアリ。自己流の構造化テキストで書いてるのと同じようなことやってるな。

[inurota]

37signalsのUIシナリオ記法。ステート間の矢印の内容をステートの下に書き写したものだけど、確かに表現として分かりやすい。

[d4-1977]

ここにあったか...

[tsutomura]

なるほど！わかりやすい！

[tokinaka]

分数的表記法。マインドマップツールで書くと便利かも。今度試す。

[nagatsukosuke]

37signalsってかっこいいね。

[yuchi]

仮想prjを作って、書いてみるといいか。やろう。

[blueribbon]

「それぞれの画面に対して「何があるか」「何をするか」に分けて記述しています。」

[hazratt]

いいアイディア。

[k-takahashi]

　状態遷移図に近いけれど、UIに限定することでわかりやすく、書きやすくなっている。

[yasune]

UI

[junkcollector]

これ自体ユーザー視点から見た入出力になっているな。「見るもの」はユーザーにとっての入力で「すること」はユーザーにとっての出力だ。

[p_wiz]

これはシンプルでわかりやすい。うちの企画会議に採用させてもらいます

[hashimoya]

画面のビジュアルにごまかされず、目的を鮮明にできる点でいいかも。画面設計前にやる感じか。

[mattarin]

設計に

[tasogare30]

よさそう。自分用にでも今度やってみよ。

[sbtqe]

『分子「ユーザーが見るもの」／分母「ユーザーがすること」』→『分子「ユーザーが次に見るもの」／分母「ユーザーが次にすること」』の表記でフローチャートを作る

[bicycle-miji]

UI

[yojik]

状態遷移モデリングの応用ともいえる

[kitagawa1975]

なるほど、と思った表現方法