デザインを見てて「？」が浮かぶこと。

1 - 百瀬博教 さん

このサイトはトップと下層ページのナビの位置が変わらなくて絶妙ですよ。
http://www.softbank.co.jp/

2008年1月29日 10:50

2 - ぼくも聞きたかった さん

「上下中央」最近やりました。
しかも“かどまるかどまるかどまる”（笑

幸いにもtableで組めばOKな感じの内容だったのですが、IEでもtheadとかtrに背景表示できるともうちょいスマートにいけるのになぁ……。

まあ、それは置いといて、私も「？」なデザインに出会うことは多いです。
ただ、私の関わるデザイナーさんの多くは、クライアントさんの趣向で（説得できずに）最終的に「？」なことになっちゃう事が多いとの事。

魂を売らずにデザイナーでいることは、大変らしいです（泣
でも、角丸は控えて欲しいです（願

2008年1月29日 11:54

3 - なかにしゆうすけ さん

■トップページとトップ以外のページの関係性
これについてはむずかしいですね。同じ方がいいと思うんですが単調になって他のサイトとの差別化ができないってのも分かる気が。。ある程度は見逃すようにしてます。

■同じバナーなのにサイズやデザインが変わる
バナーのサイズが変わるってのは遭遇したことないですねー。論外です。直さすべきです。特に理由なんて無いはずだから。あんのかなぁ？

■上下中央
これはよくありますね。腹立つ。。考えが無さ過ぎ。

■画像テキスト
これもありますね。SEOや更新のことを考えるとテキストがいいと思います。デザイナーはもっと他のところで魅せるべきです。

テキスト＝高さが変わる　という概念を持たないデザイナーさん多いですねー。フォントサイズ固定ってDTPじゃないんだからwebの良さを無くしてしまうなんて。。デザイナーはDTP頭の人が多いような気がします。CSSを少しぐらい勉強してください。あとスケジュールに関してですがデザイナーが遅れるとこっちがしんどいんでしっかりしてください。僕の上司への愚痴も入ってしまいましたが。。
今後CSSを分かってないデザイナーはいなくなると思います。
そう願っています。

2008年1月29日 12:31

4 - かず さん

はじめまして。いつも楽しく読ませてもらっています。
私はデザインもコーディングもするのですが、やっぱりお客様のワガママな部分って凄く多いですね。
私の場合は要望を聞いてる時点で「それSEO的に不利なんでやめましょう」って言っちゃいます（笑
大抵それで納得されますね。お客様はSEO対策って言葉に弱いです。
ただ、こう言うネゴは、やっぱりデザインする人間（お客様と直接打ち合わせする人間）が、HTMLとCSSを理解していないと難しい部分が多いんじゃないでしょうか。

・トップページとトップ以外のページの関係性
「トップページに一番言いたい事を載せます」と伝えています。トップページは特別ですが、別物であっては困ると思います。

・かどまるかどまるかどまる
自分でやってて後悔します（苦笑

基本的にユーザビリティとコーディングを意識してデザインするんで、他の例はありませんねー。
デザインで悩みまくる分、コーディングは比較的楽です。

2008年1月29日 17:10

5 - tune さん

いつも楽しく拝見しています。
私も？なサイトに結構遭遇してますｗ

特にテキストを画像で作成してるサイトっていったいなんのメリットが？？って思います。
ユーザー環境に左右されずにこちらの指定したフォントでテキストを挿入したい場合なんかにPHPで画像化してはきだす…みたいな話は聞いた事ありますが、あきらかにデザインに関係ないテキストまで画像みたいな＞＜

クライアントによってはものすごく修正してくると言うか変にこだわりがある方もいますので、一概にデザイナーさんだけを非難は出来ないと思いますが・・・

後、最後の名刺のお話すごく共感しました。
いまさらデザインとアートの違いを話しても仕方ないですけど、デザインって限られたものの中で表現するものですもんね。

願わくばへんちくりんなデザインをする方がいなくなる事を祈ります＞＜

2008年1月29日 17:29

6 - えど さん

色々と共感させていただきましたｗ
以前の職場は、DTP専門会社にweb担当がいたせいか、web担当者までがテキストの改行位置とかを細かく指定してきました。
見る人の環境によって違うから、と話しても聞いてくれず・・。

縦グラデーションの物に影をつけられたときはどうしようかと思いました・・・(-_-;

URL｜2008年1月29日 18:19

7 - 16 さん

(デザイナーや) コーダーとか関係なく、ひとりの一般のユーザーとして見た際、そのサイトのデザイン (表現するべきコンセプトだったり具体的なレイアウトだったり諸々) が正しいのかどうかを考えて、もし間違ってると思えば、デザイナーさんと直接戦えばよいのではないでしょうか。
自分のデザインセンスとか関係ないです。
一般ユーザーにデザインセンスを求めて見てもらうことなんてないハズですし。

私が思うことは、基本的にすべてのデザインには理由があるはずです。
HTMLコーディングとか、CSSとかは表現するための手段でしかないので、？と思った時点でまずデザイナーに質問してみればよいのではないでしょうか。

デザイナーのためにもなります。

2008年1月30日 11:01

8 - novo さん

この頃、index.htmlのindexって索引なんだよなってよく思います。

デザイナーさんは索引っていう意識を持ってデザインしてないのではないでしょうか？

言葉にすると難しいんですけど、トップページがあって他のページがあるという感じですかね。だから差別化を図ろうとするのでは？

索引っていう意識があれば、まず色々なページがあって、次にそれらをピックアップした索引があるっていう風に、逆の見方になると思うんです。「色々なページ」の方が主体になっていれば、デザインもそのまま、索引（トップページ）に影響すると思うんですけどね。

ここで提案！CSSありきのコーディングってあまり良くないですよね。ならば、先にコーディングしたものをデザイナーさんに見せて、デザインを作ってもらったら良いのでは？

コーディングコンテストの逆バージョンっていう感じで。そうすればソースはクリーンでCSS設定も楽々！

現実味はないけど、書くだけ書いてみました。

2008年1月31日 03:46

9 - yajiomaru さん

デザインとコーディングをしております。
私もnovoさんの「indexって索引」と同じ意見です。
クライアントから、とりあえずＴＯＰページのデザインを見せてよ、といわれるケースが多々ありますが、ほかのページの内容も決まっていないのにＴＯＰページ作れるかよ・・・と思います。その場合、「サイトのデザイン」としてのページを制作します。色合いやメインメニュー、サブメニューの位置関係など。
私の考えでは、ＴＯＰページ=他のページのショートカット、であるかな？なんて考えています。

2008年2月 4日 19:17

10 - sakai さん

はじめまして。デザイナーの立場からコメントします。
トップとの関連系の?についてはデザイン云々より先に、クライアントさんの意識として、トップページの役割は会社の玄関や本の表紙みたいなものだと思っていることが多いのが一番の原因ではないかと思います。
お客様はみんな玄関から来る、あるいは、表紙から見はじめる。だから玄関はきれいに。表紙は華やかに。玄関と中の部屋はちがう規格だし、本の表紙と中のページは紙からちがうよねと・・・
クライアントさんに、ネットの中ではユーザーさんは玄関から訪れるとは限らないってことをきちんと説明して、その上でサイトを構成して、トップページの役割（サイトによってちがうと思う）も提案しなければいけないのでしょうね。場合によってはトップページがないってこともありえるなーってところまで考えても。
あと下世話な話でいえば、トップページと中身ページで単価ちがうから、クライアントさんにわかりやすく差を付けなくちゃとか?トホホでばかやろーな理由だけど、実際ディレクション＆営業に婉曲にそう依頼されることある。
デザイナーに発注する時にきちんとトップページの役割を詰めて、どうしたいってことを伝えていますか？
他の？もクライアントさんとユーザーさんの両方に利益をもたらすにはどのようなサイトであるべきかってことをきちんとデザイナーと共有できるような指示を出したうえで、ちがうんじゃない?ってデザインが出てきたら、容赦なく突っ込むべきだと思いますよ。
ただ、コーディングどうすんのってところは、デザイナーもコーディングの限界を知っているべきだけど、コーディングできるかどうかってのはデザインより優先ってことでもない。それがCSSの限界ってことならば、限界を広げることはできるのかな?ってことまで考えていくと、また面白い手法がでてくるかも。
ところで。novoさんのコーディングからデザインコンテスト。面白そう！でも、課題出すのはかなり大変そう・・・

2008年2月 8日 23:14

11 - jack さん

デザイナーは、瞬間で伝わってほしい、と思います（広告はその最たるもので、ワンビジュアル・ワンメッセージで一瞬のコミュニケーションを構築しようと心がけます）。だから、美しさやかっこよさを大事にします。決して自分の趣味を押し付けているわけじゃありません。

あえてルールを崩すことでひっかかりを生み、単調になることを回避したりします。グリッドを切ってもそれに縛られてはいかんと思っています。いかにページ単位で、かつサイト全体を通じて「伝えられるか」を大切にしたいと考えています。サイトは、それを成すための手段です。

キャンペーンサイトでも、コーポレートサイトでも、心がけていることは同じだと思います。

だから、トップページとか扱いの強いページなんかは、そこにメッセージが集約されているから、インパクトを持たせてコミュニケーションのスピードを上げるようなデザインにします。例えばそれによって多少グローバルナビの位置が変わっても、ビジュアルのインパクトを優先します。グリッドの切り方もちょっと変わってくる（カラムの数が変わったり）場合もあるので、それに準じてバナーの大きさも変えます。

フォントを画像化してまで変えたいのも、それによって伝わる印象が大切だからです（実感するようなものじゃなくても）。もちろん手間はかかるけど、それぐらいの代価は払っていいと思っています。

と、デザイナーの思ってることを書いてみました。

ちなみに、ユーザが操作するものである以上、そこへの配慮はものすごく大切です。ナビゲーションのルールは自然なものにしないといけないし、迷わせてしまうのはもっての他です。

あと角丸、逆に真四角だとキリッと強すぎるんです、モニタで見る世界って。なんでだろ。

2008年2月29日 02:07

12 - mews さん

Web制作者です。デザインからコーディングからPHPやjsスクリプトまでやってます。
なので、どうしてデザイナ、コーダー、プログラマ（web）と分業になってしまったのか、どうにも解せません。
まあ、大手制作会社ではいっぱい人材が使えるからそれぞれ専門特化していったのだとは思いますが、同時に各部門間の意思の疎通という問題も起こる訳で、みんな他の部門に文句を抱えながらやってるのでしょうね、という感じがします。

＞トップページとトップ以外のページの関係性
トップページは「目次」とか「基点ページ」とかいう意味もあるし、また「表紙」という概念もあるわけで、トップページだけ違うイメージというのはありなんじゃないかと思います。
ただ、他のページとのイメージの整合性やナビゲーションやインターフェイスの統一という部分を、どの程度持てるかが問題ですが。
場合によってはそれよりもカッコよさを優先というケースもいいかも。
また、トップページにはあまりナビ、メイン、サイドバー、フッターというblog的な感じにしたくない、ということも結構あります。

＞同じバナーなのにサイズやデザインが変わる
＞階層によって大枠のレイアウトが変わる
これは、前とは違う人（主にクライアントの社内の人）が、あとから追加したというケースと思います。
また素人ではない他の人が制作しても、微妙に、しかしはっきりと、デザインのトーンとか質感は違ってきますね。通常はそんなこと考えもしないで発注するのでしょうし、出来てからもほとんど気づかない、なんとなく前と感じが違うなとは思っても気に留めない、という気がしますが。
逆に、そういう他のところで作られたサイトへの追加ページの注文を受けると、前の制作者よりももうちょっといい感じに仕上げようとしてしまいます。前と同じようにしてと言われて、結局余計なお世話、余計な手間だったということも少なくありませんけど。

＞フッターのメニューが変わる
トップページはそのサイト内での戻るべきページはないわけですから、迷った時のテキストリンクとしてのフッタメニューは不要とも思えます。基本的にトップページにはメニューインデックスが上部あるいはサイドにドカンとあるのが普通ですから。
親切という意味ではフッタメニューがあったほうがいいですけどね。

＞画像と画像の説明文の配置（上下中央）
例であげられたデジパのサイト制作ページ、普通に画像は上揃えに見えますけど。
ただ、Macで制作してると、テーブル組みの場合、IE6では並びが勝手にセンタリングされてしまい、あわててalign,valign指定をするということがよくありました。最近ではCSSでtr要素のデフォルト位置を決めてやれば済むのでめったにありませんが。

＞画像テキスト
大きな見出しだけでなく、小さな見出しも画像化しているのは、気持ちとしてはすごくよく分かります。
Mac上で制作していたり、基本デザインをPhotoshopやFireworksで作ったりしてると、いざコーディングしてIEで見てみるともうガックリするわけです。デフォルトフォントの貧弱さに。
で、なんとか見出しだけでも、しっかりしたフォントで表示したいとなると画像にするしかないんですよね。（いくらボールド指定してもただ汚く見えたりするもんで）
OSの違いで微妙に変わってしまうフォントもある訳で、と書かれていますが、微妙なんて範囲ではないわけです。
でもやっぱり画像にしてしまうと文字選択できない、修正が面倒、SEO的に不利（altで文字を埋め込んでも不利なのでしょうか？）などの点から、良策とは言えないとは思いますが。

＞かどまるかどまるかどまる
柔らかさを出したい、通常の四角枠とは差別したい、などと角丸を使うわけですが、そういう箇所はけっこう内容的なポイント箇所であって、一度それをやると、他の同様なポイントも全部それに準じて角丸になってしまうわけです。
で、そういう箇所が増えると、今度は通常の四角部分がいかにもトゲトゲしく見えてきて、太さを変え、色を変え、濃さを変えながら、あれもこれも角丸に、となってしまうんですよね。反省。

長文コメント、たいへん失礼しました。

2008年3月12日 22:08

13 - yama さん

僕もデザインからコーディングまでをやっています。
僕の意見としては、コーディングまでやってウェブデザインだと認識しています。
だって、DTPだってイラレとかクオークとかで絵を作って、どんな紙にどんなインクで印刷するかまでが、デザインでしょ？
それと同じだと思います。
確かに分業しないと、きつい部分はあるけど。。。

あとコーディングだけを頼まれて、デザイン見てみると？なデザインをしているデザイナーは多いのは確か。
ちょっとは勉強しやがれ。老いて枯れるぞ。

ごめん言い過ぎた。。

2008年3月18日 09:26

14 - 情けない人 さん

レイアウト～コーディング、Flashまでを担当しているのですが、クライアントの意向が強すぎる仕事をしてます
クライアントの内部での力関係も結果的にレイアウトに反映させないといけなかったりするので、読んでて共感するのですが実現できてない部分は多いです。耳が痛い…。
かどまるには本気で笑いました（笑）でもクライアントが「四角レイアウトは手抜き」ってポジションだと、説得は結構大変ですよ。
「めんどくさいですか」とかはぁ？なこというクライアントもいるし、「角丸で時間かかるなら角を落とすのでもいいですよ」って言われて「いや、それ一緒ですから」とか（笑）
クライアントのお好みに左右されてる情けない状態ですが、「ＳＥＯ的に振りですよ」って言っても「構いません」といわれたりして…クライアント側のＷｅｂの知識も大事だなと思います。

2008年3月29日 13:40