■次世代UI/UX

フォロー、フォロワー数はTwitter社が手動入力している - Togetter

これを見て、いろいろと考えさせられた。

普段我々プログラマはHTMLやそれに類するものを書くときに、

ソースコードをユーザに見られてもいいように、クラス名やIDをちゃんとしたり不要なコメントを残さないようにしたりしているが（もちろんコーディングルール等もあるが）、ユーザがそれを見たときにどう思うかについては配慮が足りないのではないかと思った。

たとえば、

＜span＞1234＜/span＞

というHTMLを見たら、手入力していると思われても無理からぬことだ。

巷ではUIだ、UXだと言われているが、次世代のUI/UXはここまで踏み込むべきではなかろうか。

つまりHTMLやJavascriptのソースを見たユーザのことを考えるべきではないかと。

先程の例でいえば、

＜span id="hoge"＞
  ＜script type="text/javascript"＞
    $("#hoge").text("1234");
  ＜/script＞
＜/span＞

としてやれば、幾らか誤解を回避できるのではないか。

ちなみに、こんなとこにscriptタグ書いてるのは位置が対応している方が分かりやすいというユーザへの配慮である。

ただし、これでもちょっと勘の良い人なら、"1234"ってテキストをただ出してるだけじゃないの？と思ってしまうだろう。

それならば、もうちょっと飾り付けすればいい。

＜span id="hoge"＞
  ＜script type="text/javascript"＞
    var foo = String.fromCharCode(49) + String.fromCharCode(50) + String.fromCharCode(51) + String.fromCharCode(52);
    $("#hoge").text(foo);
  ＜/script＞
＜/span＞

これだとどうだろう？ぐっと、それっぽさが増したのではないだろうか？

そしてこれが一番大事なことだけど、最初の例に比べて温もりが感じられるようになった。

これこそが、次世代UI/UXのあるべき姿ではないかと思う。

私は普段Rails(erb)を使っているのだが、

＜span＞＜%= "1234" %＞＜/span＞

と書いたら、上記のようなコードが生成されるようになってくれると幸いである。

Permalink | 記事への反応(0) | 23:10

ツイートシェア