インタラクションデザインのお話 ぐるぐるとかトランジションとか

イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

ajaxなどでクリックしてその場に検索フォームが出現して操作できるのはとても良いけどあまりに速すぎる+情報が煩雑なので、クリックに対しての反応が分からなかった。「あえてロードさせる」とか一瞬黄色でフェードインするウィンクみたいなの入れるとか必要すね。

Yu Morita (yuu) @securecat

@woopsdez そのためのグルグルでしょ、わざとウェイト入れるやつ。グルグルは正式な用語しらんけど、なんかグルグルしたグラフィック出るじゃん、あれ。けど本当に通信不良の場合があるので、全体をどうこうするアラートはAjaxサイトではやっぱ不適切。だからグルグルのデザイン次第です

イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

（グラフィック）デザインの話をしているつもりなのだけど、その前にはどうしてもUIの話する必要がでてくる。UIは先生がたくさんいるからそちらの方々にお任せしたいんだけどね…。こわいよぅ。

Yu Morita (yuu) @securecat

@woopsdez 寝る前に…。クリックに対する反応は、リンクの基本としてhoverとactiveてのがあって、それで担保。Ajaxで結果をとる際はグルグルのデザイン。結果をどう表示に反映するかは、さらにトランジションのデザイン(ただしこれはオプション)。てことです。

イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

@securecat わ！すごい簡潔にまとまっている。Ajaxにかんしてはぐるぐる欲しいですね。即時表示できても1秒にみたなくていいからちょっと出してもらえると嬉しい 「トランジション」のデザインは追加されたのをより強調する必要がある場合ですね。この話もおいしい。もぐもぐ。

Yu Morita (yuu) @securecat

@woopsdez Webデザインなら、インタラクション設計を踏まえたグラフィックデザインである必要性を思いますし、だからこそ、インタラクションの不整合を気にしてるのでしょ？ まめこは立派なWebデザイナーなのですから、もっとユーザー視点のデザイン設計にモヤモヤしたら良いと思うよ

イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

@securecat ですですでございます。うわー、やる気のでる言葉をいただけて嬉しい！うん、もっとモヤモヤしてみます。