階層を縦貫して値を取り出したり、改ざんや新しい要素を加えたりするのに使いました。エリアでクリックしてもリンク先へ移動出来るようなイベントも追加されています。可能な限りフィードバックを得れるような状態にしながら、徐々に方向性を固めて組み立てれるように複数のサイクルで構成されたプロセスを提案しました。今回はその第一弾である「リンク」タイプのデザインに取りかかろうと思います。リンクは「クラフトっぽいアート作品いろいろ」のようにゆるいテーマがあるかもしれないですが、リンクが羅列しているようなエントリーのことを指します。このタイプのエントリーはあまりブックマークもされることもなく、どちらかというと検索からくる方のほうが多いです。サイトへのロイアリティもあまり高くないので、最近のエントリーやタグリストなどといった全体像が分かるものを省いて、読者が必要しているものをはっきり見せることが必要とされるタイプになります。記述)なので、文体も統一されています。マークアップ面では完全にパターン化されるので、独自の見せ方もしやすいです。そのあたりを頭に入れて、とりあえず紙にワイヤーフレームやアイデアを書き込んでいきました。Thisブログの向こう側にある会話を追うこの記事は「ブログでの会話を見えるようにするには」の続きにあたります。従来オンライン上の会話は一元化されていました。フォーラムや掲示板で会話を始めるためのネタが挙り、それに対しての反応がその場に連なっていました。ブログが使われるようになると、フォーラムでの会話だけでなくブログを中心とした会話もスタートしました。簡単にブログを設置することが出来るので会話が一カ所ではなく数多くの場所で発生するようになったものの、ブログにあるコメントやトラックバックによってなんとなく繋がり合っていました。TechnoratiやGoogleブログ検索を利用してある程度、会話を追うことも可能です。現在はさらに会話を追うのが難しくなってきています。今はブログより気軽に自分の意見を書き込む場所が数多くあります。クリップをはじめとしたソーシャルブックマークサービスのメモ機能。Tumblrのようなスクラップサービス。Newsingのようなソーシャルニュースサイト。コメントが集中するところは特定出来ますが、それでも膨大な数のサービスが存在します。最近ではFriendFeedのようなライフストリーム系のサービスでもコメントを記入出来るような機能を実装しており、類似サービスも幾つか登場してきています。自分の意見をサクッと書く場所として最も敷居が低いのはTwitterやTimelogのようなプチブログ。1日に数十もの言葉を発している人も少なくないところから、インプットの敷居の低さが分かります。ようなサービスが典型といえますが、最近の会話が起こる場所はよりリアルの会話に近づいてきたといえます。マッチしたものも選べば良いわけです。一元化されていてフラットだった会話がダイナミックでソーシャルになってきたといえるでしょう。Thisサイドバーの行方サイドバーはブログが広まる前から存在していたコンポーネント。メインコンテンツ以外の情報を上部に載せることが出来るので、多くのサイトでサイドバーが採用されています。実装も簡単に出来ますし、3カラム、4カラムと増やすことも出来るわけですが、実装の敷居も低いのでただの賑やかしになってしまいがちの部分でもあります。情報の配置の仕方によって、情報が活かされるときもあれば、そうでないときもあります。サイドバーもメインコンテンツ以外の情報を放り込む場所ではなく、的確な情報が載る場所として扱わなくてはいけません。アクセス解析やサイトコンセプトによってサイドバーの使い方も変わってきます。多くの方に登録されていますが、サイトまで訪れる方はその中のわずかな数ですし、エントリーによってアクセス数も数倍違うこともあります。よって、情報収集家が最も多いと仮定出来ます。検索から訪れる方も少なくありません。レギュラー読者より初めてもしく時々サイトに訪れる方のほうが多いといえます。購読している読者もたまに訪れるわけでですから、彼らが久しぶりに訪れたときに便利な情報も欲しいところです。ブログのサイドバーの情報の置き方で参考になるのは、ニュースサイトです。asahi.com>の記事ページをみると、サイドバーには「注目」や「特集」といったサイトでベストコンテンツが掲載されています。訪れたサイトがどういったサイトなのか、どんな情報が載っているサイトなのかというのが一望出来る要素がサイドバーに置かれてるわけです。This複数のサイクルで構成されたプロセスブログエントリーをタイプ別に振り分け、どのような読者がサイトを訪れているのか漠然的ですがみえてきました。プロトタイプをそろそろ作って行くという段階に近づいて来たわけですが、ここでプロトタイプからテスト、もしくは公開までの進め方を紹介していこうと思います。通常、上図のように分析、プロトタイプ、デザイン、コーディング、テストというプロセスが順に行われます。それぞれのフェーズにサイト全体を考慮しつつ進めて行くわけです。このプロセスは多くのサイト構築に使われていますし、特に問題もないと思いますが、別の方法も考えられます。様々なタイプのページが存在するところだと、全体を一気にデザインしたりコーディングするのではなく、細分化して進める方法もあると思います。