執筆インターフェース

まずこのサイトの演出を考えるにあたり、「本を書く」という行為をスペシャルな行為として経験できるインターフェースが必要ではないかと考えました。特に世の中にはブログサービスもケータイ小説を投稿できるサイトも山ほどあります。インテルのブランドの下でやる以上それらのサービスとは一線を画すPC上での体験が必要と考えました。

そこで「本を書く」「本を読む」コンテンツでは実際に本に書いていくようなインターフェース。BLOGなどと違い、パブリッシュされるものと入力画面が分断されていないものを考えました。日本語の本が投稿されるので、もちろん縦書きは必須。段組みができたりとか写真を断ち切りで配置できたりとかそういったことを違和感なく操作するために、AdobeのText Layout Frameworkを使用しています。

Text Layout Framework自体がまだ正式リリースされているものでないので、そのままでは任意の箇所に日本語のインライン入力ができなかったりとか色々と問題がありましたが、そこらへんは必至に裏技を編み出しできるだけ違和感ないように仕上げています。最初にカンプを作っている段階ではあんまり調べずに作っていったため、実装フェーズになって死にそうになりました。

ページめくりもFlashの演出として消費されまくっているフリップブックのAPIは使わず実際に本を撮影したものの上にユーザーが入力した内容を、ポリゴン化して紙のめくれのカーブにあわせて張り付けるといった処理をしています。

書く時のインターフェース

読むときのインターフェース。
微妙に改行の入力などによって変わってしまうものの、執筆したレイアウトがほぼそのまま出力されます。

作家というメタファー

サイト上では登録してもらったユーザーを「作家」として扱っています。ユーザー登録も「作家登録」、ログインすると最初に登場するページ（いわゆるマイページ）は「書斎」と呼んでいます。他の本を探すのは「本棚」から、本に対するコメントを送ると本の帯部分に「紹介文」として掲載されますし、ユーザーに「ファンレター」を送ることもできます。細かい部分ですが、「作家」として本を書くという行為にどっぷり浸かれるよう、コピーも検討しました。

書斎

書斎の横にあるMy本棚。
読んだ本やお気に入りの本が収まります。

ファンレターの表示

紹介文の表示

毎度のことですが、ブログパーツもあります。こちら僕が書いている本です。良ければお気に入りに入れてください！

まぐろ占い

CMと連動したまぐろ占い。魚の気分！？で占いをしていくと、おすすめのPCが表示される、いつものやつです。

Credit