/blog

Interface of Web Comics

bad-pv

[lang_en]Interface of Web Comics[/lang_en] [lang_ja]ウエブ上の4コママンガ[/lang_ja]

[lang_en]

Strip Comics doesn't really have an interface problem, its infact a really great interface. But the one potential problem has been overcome by the use of the internet in strip comics.

[/lang_en] [lang_ja]

四コマ漫画のありかたってのは特に問題無し…むしろ、すばらしいインターフェイスだ。しかし、ネットの4コマ漫画はさらにすばらしいんだよね。

[/lang_ja]

[lang_en]

Traditional Comic Strips

So here is the comic strips, as seen on newspapers.  As with the english language, it reads from left to right.

[/lang_en] [lang_ja]

従来の4コマ漫画

おなじみのピーナッツの4コマ漫画。英語なので、左から右へと読むように出来ている。

[/lang_ja]

PeanutsAll

[lang_en]

So let's simply break down how we experience these four sequence of images.

The Setup:

[/lang_en] [lang_ja]

じゃあ、これからこの4コマをどう人間が体験するかを簡単に見て行くとしよう。

起:

[/lang_ja]

Peanuts01

[lang_en]

This is how the story begins.  We can tell from the helmet and the football that Snoopy is throwing a football

The Development:

[/lang_en] [lang_ja]

物の発端。ヘルメットとボールがあるので、スヌーピーがアメフトを投げているのが解る

承:

[/lang_ja]

Peanuts02

[lang_en]

We see woodstock, and we can infer that he is trying to catch the said football.

The Plot Twist:

[/lang_en] [lang_ja]

ウッドストックが走っているので、彼がフットボールをキャッチしようとしてるのが解る。

転:

[/lang_ja]

Peanuts03

[lang_en]

The aforementioned ball crushes woodstock.

Conclusion:

[/lang_en] [lang_ja]

ボールがウッドストックをつぶす。

結:

[/lang_ja]

Peanuts04

[lang_en]

A dog crushing a tiny bird into the ground with a football= funny!

...and so, the followup to the twist wraps up the story. It's a great interface, because even though the reader knows something is going to happen, this formula works great in comedy.  A simple, strong interface.  If anything can be criticized, is that upon looking at the comic strip, we can infer and predict a certain rhythm(its hard to control where our eyes tend to drift intuitively, although for strip comics I've never really had a spoiler problem).

In the case of web comic strip

[/lang_en] [lang_ja]

犬が、フットボールを使って小さな小鳥を地面にたたきつぶす=笑。

…とまあ、こんな感じに、オチの後のフォローが来て話が収まる事になる。読者もこの起承転結は解っていても、笑いがとれるのが不思議だ。シンプルで、強いインターフェイスだ。言いがかりを付けるとしたら、4コマをパッと見た瞬間話のリズムが見えてしまうことかもしれない(意外に目がどこを見るかって理性的にコントロールしにくいもんだ)。

ネット4コマの場合

[/lang_ja]

bad-comic

[lang_en]

did that need any explanation? the nifty thing about web comic is the interaction.  We intuitively use the mouse to scroll down, as with any other page, because we are curious what happens next.  This level of control by the user is pretty important in presenting humor material, to "turn the page" in order to find out what happens next.

[/lang_en] [lang_ja]

ウエブのインターフェイスの面白さは、このインタラクション。他のページでするように、マウスでページをスクロールさせるだけで次の展開が現れてくる。この、読者が自分の意思で次の展開を知りたがる(ページをめくるように)って行為は、ユーモアのプレゼンに結構重要だったりする。

[/lang_ja]

[lang_en]

Sidenote: In case of Japanese Comics, it is read vertically like the web comic, due to traditional Japanese writing being vertically oriented.  However, the point is still the same in that the interactive scroll is the main topic in this article.

[/lang_en]

[lang_ja]

日本の4コマの場合は上にあるように縦の4コマである(立て読み文化のため)。しかし、肝心な事はこのスクロールの動作であるので和式4コマも様式とこの点では変わらない。

[/lang_ja]