はてなダイアリーガイド作成用伝言板(バナー関連)ログ1

はてなダイアリーガイド作成・編集用キーワード ・ガイドトップ

はてなダイアリーガイド作成用伝言板(バナー関連)のログです。

2003/12/29 〜2004/1/8までの内容を転記しました。


  • 2004/1/8 id:DocSeri 会話の中でどれについて発言しているのか判り難いと思うんですが…何か識別記号付けませんか。番号とかアルファベットとかいろはとか。
    • 番号を入れてみました。id:alisato
    • 番号どうもありがとうございます。sugioさん1/7コメントに補足入れました。フルバナーは1案とアニメ版(ちょっと重いけど)が個人的には好み。…なんて思っていたら、なんか、いま、キーワード見てたらキーワード広告のかわりにこのフルバナー1が出るときがあるんですが(びっくら)!? id:yukatti 1/8 15:05→調べた。きっとこれですね。https://www.google.co.jp/adsense/faq#basics10「代替広告」
    • これはありがたい id:sugio
  • 2004/1/8 id:alisato 5番目案に賛成。(多分3票の中に入っているとは思いますが)。案が決まったら、ガイドキーワード用のテンプレートキーワードを作るといいんじゃないでしょうか。
  • 2004/1/7 id:sugio (キャラクターの好き嫌いの懸念はあるかもしれませんが)インパクト、特殊なキーワードっぽい気付きと喚起のしやすさの面で五番目案(トップ・目次・索引。下の、★案5)に賛成です。「索引」はリンク先をはてなダイアリーガイドとヘルプの索引に書き換えました。現在3人中ですが3票入っているので特に改善案がなければ折を見てこれを貼付けていきたいと思います。以下の経緯を読んでご意見お持ちの方はなるべくお早めにお願いいたします。
    • 索引書き換えありがとうございます。あと、トップは「ガイドトップ」としたほうがまぎれがなさそうなのではと、ちょっと提案です(トップ=はてダトップと習慣的にいっしゅん連想してしまったことあるので)。id:yukatti 1/8
  • 2004/1/7 id:yukatti ガイドキーワード認識用は上から五番目案(トップの入っている分) または、テーブルになってないナビゲーションバーバージョンguidebar_02.gifの分(+トップ・目次・索引で)/あと、下に感想他少し書き足しました。
  • 2004/1/7 id:sugio
    • キーワードに貼る画像案です。ガイドキーワード識別(&ほかのキーワードと雰囲気が違う)、ガイド自体の説明、HTML、すっきり、ナビ、バナーとして持帰られてもかまわない、フルバナーは環境によってははみでないのか?を考慮して作りました。索引へのリンク等は見栄え上、一応書いてありますが、今すぐこの形と言うわけでなく。
  • ★案:1
ガイドトップへ
・ 目次 ・ 索引  | | | | | | | | | | 英数
  • 画像はもう3点試作しました。
      • ★案:2ガイドトップへ
      • ★案:3ガイドトップへ
      • ★案:4ガイドトップへ
  • あ、alisatoさんのコメント一部見落としてました。ちょっと試します。「トップ」も文字で入れてみました。
    • ★案:5
ガイドトップへ・ トップ ・ 目次 ・ 索引
  • 2004/1/6 id:alisato
  • バナー関連の話題これまでのまとめ
  • 用途
    • ガイド用のキーワードの識別用
      • タイトルのように使う?
        • ここに書いていいのでしょうか。H2がタイトルになっているので、他のキーワードと違う雰囲気ならタイトルを目立たせる必要性はそんなに高くないと思う。 id:sugio 1/6
      • ナビゲーションバー兼用?
        • ナビゲーションはあったほうがいいと思う。1ページじゃないことがわかるから。バナーと兼用すべきではないと思いました。 id:sugio 1/6
        • ナビゲーションは、わざわざテーブルにしなくてもいいのでは? 非テーブル版(ベタ書き版)も作ってみました。 id:alisato 1/6
        • バナーとは別に作成したほうがいいというのは賛成。ナビゲーション部のコードが長いとメンテしにくいので、トップへのリンク画像と目次と索引へのリンクぐらいでよいのでは? id:alisato 1/7
        • ナビゲーション部分は長いとメンテしにくいに同感です。たとえば索引各行へのナビ用リンクはあったらあったで便利ですが、索引は将来的にはさらに細分化されたり、他の索引も新たに作られるかもしれません。そうなったとき、ナビのあるキーワードを全部書き換えていかねばならないことになります。ので、トップ・目次・索引トップへだけでいいとわたしも思います。id:yukatti 1/7
        • 納得です。 id:sugio 1/7
    • ガイド用の各キーワードからガイドトップへのナビゲーション用
      • トップへのナビゲーションは画面上方にあったほうが良さそう。画像でなくてもよいとは思う。 id:sugio 1/6
    • 各ユーザー日記から、ガイドへのナビゲーション用
      • 各種サイズ、アニメGIF等を用意して好きなものを使ってもらう
  • サイズ
  • 国際標準に準拠?
    • フルバナー(468 x 60)
    • ハーフバナー(234 x 60)
    • マイクロバー(88×31)
    • ボタン型1(120 x 90)
    • ボタン型2(120 x 60)
    • ボタン正方形(125 x 125)
  • バナー案
    • フルバナー0

      これはid:alisatoが適当に作った試案なのでそのまま使われるとちょっと困る↑
    • フルバナー1
    • フルバナー2
    • アニメ版バナー1
    • ハーフバナー1
    • マイクロバー1
    • マイクロバー2
    • テーブル版(かっこいいけど重いしHTML文書の構造として問題あり)
 ・目次・索引 あ | か | さ | た | な | は | ま | や | ら | わ | 英数 
ガイドトップへ ガイドトップへ
    • こちらも。一段目のテーブルを外して小さい画面でも改行するようにしたもの(2段目は…わかりません)。画像自体はそんなに重くはないと思うけど、重いのかしら。 id:sugio 1/6
・ 目次 ・ 索引  | | | | | | | | | | 英数
ガイドトップへ ガイドトップへ
    • わざわざテーブルなんて使わなくてもいいと思いますが。id:alisato
・ 目次 ・ 索引  | | | | | | | | | | 英数
ガイドトップへガイドトップへ
以下は、はてなダイアリーガイド作成用伝言板より、関連の話題を抜粋しました。
  • 2004/1/5 id:alisato
    • メインの文字は左にあったほうがいいんじゃないかと思うので、試案。
    • はてなガイドバナー試案
    • 「ユーザーたちで作るキーワード集。はてなダイアリーのコツとお役立ち情報」のコピー部分は一考の余地あり。
    • はてなさんの絵+「はてなダイアリーカイド」だけでいい気もするんですが。
    • はてなガイドバナー試案
      • ガイド認識用にキーワードに張る分はどれか一つに決めるにして、他にもコピー部分なしとありや各種サイズを作っておいていただくことで、日記などに張るのに気に入ったものを選べるようになると良いなとリクエストとして思います。
        • ガイドを説明するものをひとことバナーに入れてほしいとお願いしたのは、はてなダイアリーガイドを知らない(認識していない)人もやっぱりかなりいる現状から、「はてなダイアリーガイドって何?」「何のために見るもの?」といった疑問をバナーが最低限解決してくれるんじゃないか(いちいち説明しなくてよい)と期待したことによります。 id:yukatti 1/6
        • あのキャラはハテエダ君です(今決め)。ハーフバナーあたりから一言説明付きバージョンが欲しいですね。後で試作してみます。id:sugio 1/6
バナー案制作。こうなりました。ハーフサイズ難しいので保留。なんでも変えます。 とりあえず88x31pxでバナー作ってみましたが、自信のない所です。一度出してしまうとわざわざ良いものに作り変えてくれる人はなかなか現れないと予測するのですが…出さないわけにもいかず。ご意見ご感想募集中です。
    • 作成ありがとうございます。このサイズのバナーも必要だと思うので、これはこれとして、(昨日と言っていることが違って大変申し訳ありません)、もう少し大きめの長方形で「はてなダイアリーガイド はてなダイアリーの使い方」(仮)みたいな、はてなダイアリーガイドって何なのかを説明する一言が入ったバナーのほうがいいかな、とアイディアとしてちょっと思いました。自分作れないのにスミマセン。id:yukatti、1/1

 ・目次・索引 あ | か | さ | た | な | は | ま | や | ら | わ | 英数 
ガイドトップへ ガイドトップへ
  • 2003/12/30 id:sugio 上のナビゲーションテーブルを試作。索引部分を増築するイメージだったので別テーブルに。当方HTML自信なし。はてなのヘッダがくずれない幅ならくずれない範囲で変えてみましたが、これ以下がよければロゴをかたっぽ取ればいいかと。ご意見・ご忠告お待ちしてまーす。
    • あ、マージンがなくならない。すみませんここで模索します。ダメでした。div.bodyの外枠にぴったりさせるつもりだったので残念。id:sugio
    • 12/30 id:yukatti 下であげたhttp://d.hatena.ne.jp/dav/amazon/index.htmlのなかのバナーはシグマリオン3でも横スクロールなしに見えます。いちおうバナーには国際標準サイズが定められています。参考:http://www.yuzuriha.sakura.ne.jp/~akikan/kaigai/kaigai7.html。できればそれに従った形のどれかにしてもらえれば(ほんと、もちろん、可能ならということですが)いいなーというのが個人的な希望です。800×600におさまるように、とも思います。
      • はてな最上部のヘッダは画像ではなくて横幅のwidth="100%"を指定してあるtableレイアウトなんですね。言い換えれば横幅は相対値で指定されているだけで、絶対値で指定はされていない。だから、ウィンドウサイズを小さくしてもヘッダは幅が縮んでおさまってしまう。div.bodyも同様です。しかし画像は、画像そのもののサイズが絶対的にあるので、(ブラウザで画像を縮小表示とか工夫しない限り)横スクロールが出てしまう。また、ブラウザごとにtableなどの解釈の違いもあると思う。だから、ヘッダやdiv.bodyの幅に合わせて…というのは、sugioさんと同じような環境で見ているにしか意味がない場合もあるのではないでしょうか。うーん、難しいけど。※いまWinXP+Opera7.23で見るときれいに見えていますが、IE6で見ると右横に説明欄が伸びて、はみ出ています…(1024×768の画面解像度)
    • いろいろありがとうございます。私がバナーを作ろうとしてないのが問題なのかな。このように試作した理由は(1)「これは他のキーワードとちょっと違うんだな」と直感できるようにするため(2)でもせっかく画面スペースを割くので有効利用したい(からナビにしちゃえ)、(3)データを軽くしたい、でした。テーブルのアイディア自体ちょっと無理があるかしら。外枠にあわせるアイディアにはこだわりません。説明欄(上のほう?)はもうテーブルにしないほうがいいみたいですね。(あと索引の表記を考えてくださってありがとうございます>yukattiさん)▼横幅いっぱいにテーブルというのが無理っぽければ普通に「ガイドです」というバナーだけ作成したいと思います。すみませんがもう一度教えていただけないでしょうか。 id:sugio
      • えー、もともとのリクエスト(?)は「ガイド識別用のバナーを」というものでしたよね。だから、これまでバナーを作っておられるのだという方向でお話ししてました。すみません。で、わたしもそういう直感的にわかるものはあったら便利だなと思います。ただ個人的には無理に「ナビゲーションバー」スタイルのものはいらなくて、むしろいろいろ使い回せる標準サイズの小さなガイドバナーのようなものを作成(88×31サイズでよい)し、それをすべてのガイド関連キーワード説明文に表示、バナーをクリックするとガイドトップページへ飛ぶ、ナビとしてはリストにするかpでベタに並べる…といったイメージのものを希望します。多くの人がさまざまな環境から見ることを考えて、見た目が美しかったりより便利であったとしても環境で限定されるものは避けて(物足りなく思われるかもしれませんが)、携帯端末などでも気軽に見られるようなもののほうがいいかなと…。その考えでいくと、ナビをtableレイアウト的に作るのはHTMLとしてはデータが重くなりますしHTML文書の構造としてもあまりよろしくない、ですので、テーブルレイアウトにすることが必然でないのなら、可能なら避けたほうがベターじゃないかなと思います。でもこれは、わたしがわりにPDAやなんかで見ることが多いからで、というか、誰か他の人の意見もほしいですね。id:yukatti 12/31
      • ありがとうございまーす。やっぱり(1)の役割が果たせるかどうかですね。うーん、でも、構造としてよろしくないとなればやはり不安です。差別化は別の方法でもっとできたらするという形で、やめたほうがいいかな。他案が出来てから日記等で意見を募ろうかしら。 id:sugio
ガイドトップへ 全体の目次 全体の索引 ガイドトップへ
  • 2003/12/29 id:sugio「ガイド用キーワード識別のためのバナー」という要望を受けて、上のような画像(案)を作ってみました。どうでしょう。なんでも変えます。
    • すごくきれい!でも、窓を小さくしたときや、いまシグマリオンで見てるんですが、つまり画面が小さいと横にはみ出てしまうなあ…と。希望としては、横幅を小さくして小ぶりなサイズ(参考例としてhttp://d.hatena.ne.jp/dav/amazon/index.htmlにあるような各種バナーのサイズ)におさめていただいたほうが助かります…。id:yukatti
    • ご意見ありがとうございました。一番大きいバナーはいけるのかしら。いけるサイズがかっちりわかると助かります。id:sugio