【125naroom】ふたりの小言、はじめました
125naroom の記事は、はじめとさいごに、デザオとデザコトの短い会話があります。
その会話だけを集めて、1ページにずらっと並べた「ふたりの小言」というページを作りました。
何かのドラマになっているようで、なっていない。何でもない小言が、ただ並んでいるだけのページです。
きっかけは、一覧の抜粋を外したこと
記事の一覧のカードには、これまで本文の書き出し（抜粋）が出ていました。
カードをすっきりさせたくて、この抜粋を外すことにしました。
外す前に読み返してみると、書き出しは、ほとんどがふたりの会話でした。
「最近は蒸しパンが大好きですー」「やさしいサイト特集ですー」。
記事の中身とは関係があったりなかったりする、何でもない会話です。
これはこれで、まとめて読むとおもしろいかもしれない。
そう思って、全部集めてみることにしました。
392組の会話を、ずらーっと
集めてみると、会話のある記事は195本、会話は392組ありました。
ページのデザインは、デザイン側にお願いしました。
最初の案は、会話をカードにして3列に並べ、開くたびに順番が変わる形でした。台本のような形にも切り替えられました。
でも、ほしかったのは「ふたりの会話がずらーっと並ぶだけ」のページ。
そこで、LINE のように、デザオが左、デザコトが右に並ぶ形にしてもらいました。
記事と記事のあいだには、区切りの線も見出しも入れていません。
別々の記事の会話が、1本の長い会話のようにつながって見えます。
ドラマになりそうで、ならない。この感じが、いちばん出る形だと思います。
気づいた人だけの、小さなまる
主役は会話なので、リンクやボタンは、できるだけ小さく、うすい線のまるにしました。
ふだんは1文字だけ見えていて、さわると、にょんと伸びて中身が出てきます。
- と：登場人物。ページの上にあって、デザオとデザコトの紹介が開きます
- き：記事。会話のかたまりの上にあって、元の記事の日付とタイトルが出ます
- ず：ズル。少し読み進めると右下に出てきて、押すと「ズルして下まで行く」
- ふ：ふたり。記事のさいごの会話の下にあって、このページへの入り口です
文字は、役目の頭の1文字です。
「ず」は、押すと残りの会話を全部出してから、1.8秒かけて下まで「スルスルー」とおりていきます。一瞬で飛ぶより、こちらのほうが、ズルしている感じがしました。
いつか事件が起こるかも
ページのいちばん上には、こう書きました。
「いつか事件が起こるかも。」
392組を下まで読むと、さいごはこうなっています。
最初に少しだけ期待させて、さいごに何も起こらない。
ページ全体で、ひとつのオチになっています。
新しい記事を書くと、会話も増えます
会話は、公開している記事の本文から、吹き出しのところだけを自動で集めています。
新しい記事を公開すると、その記事の会話も、ページに加わります。
なので、この記事のはじめとさいごの会話も、もうすぐ、あのページに並びます。
さいごに
役に立つページではありません。
でも、125naroom のすみっこに、こういう何でもないページがひとつあってもいいかな、と思っています。
ひまなときに、のぞいてみてください。いつか事件が起こるかもしれません。
デザコトauthor
あ、いいな、と思うWebデザインを紹介しています。デザインの参考に。やさしいデザインが多いです。Webデザインギャラリー『デザインのこと - Web design gallery』を運営しています。
