|
|
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ バレンタイン特集？ Atelier Ｈ〜あとりえあっしゅ〜 -WebデザイナーのTips-No.115 発行：2月3日 from aska ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ Atelier Hは「いかに楽してかっこいいページを作るか」 をモットーに展開するWebDesignerのためのサイトです。 このメールマガジンは３日、18日を努力目標(！)に 「Weeklyまぐまぐ」及び「MailuX」より配送されております。 浮き世の義理によりマガジン名がちょっと変わりました。 不必要になった場合、 登録の解除はこちらのページでできます。 http://atsh.com/atelier/magazine.html CONTENTS=============================================== 1)ショッピングカートサンプル 2)やっぱりバレンタイン♪ 3)カードもバレンタイン♪ 4)サイトリニューアルのコツ 5)ちょっと*＾Ｏ＾*なサイト ======================================================== ◆◇◆ショッピングカートサンプル◆◇◆ ●もう、１年以上も前じゃないでしょうか このプログラムを作ったの・・・。 いつになったら配布するのじゃ？ と聞かれても困ってしまうほど遠い昔。 いまスクリプトを見るととっても恥ずかしいことを いろいろやっていて、直すより書き直した方が早いくらい。 だって、配布するのはずっと後のことと思ってたから そのとき直せばいいやって思ってたのですもの。 そろそろ限界だよね〜〜しかし・・・。 というわけで、ちょっと書き直しました。 見た目はあまり変わっていませんが 少し賢くなったり、少し不親切になったりしています。 ●賢くなったのは、お買い物の制限時間が60分になったこと。 と言っても、正確に60分じゃないんですが。 お買い物の途中で抜けて、60分過ぎてから、 もう一度続きを・・・っていうのはできなくなりました。 そんなことしてるとカートの中身を記録した一時ファイルが どんどんたまってしまうのです。 その他、買い物をした人にちゃんと確認メールを 明細付きで出せるようになりました。 たまに、人のアドレス書いちゃって こんなの知りません・・・と言ってくる方がいます。 いたずらはもちろん、連絡先メールアドレスは間違えないでください。 不親切になったのは、主に管理者が登録する部分です。 以前は・・・と言っても非公開だったのでわからないですが 商品写真もブラウザからアップロードできるようにしてましたが 考えてみればＦＴＰすればいいことですので 無用な負荷はかけないことにしました。 画像のアップロードはけっこうサーバの負担になります。 あと、商品の削除もＦＴＰで手動でやってもらいます。 カテゴリーを増やすのもプログラムに書き込んでもらいます。 えーっとそれから、細々したことが手動になってますので 説明書を付けないと、とても配布まではいかないと思います。 まだ、ちょっと動作が気に入らないので しばらくはサンプルをテストさせていただきます。 今度は忘れないうちに配布までこぎつけたいものです。 ショッピングカートも管理用プログラムも試せますが 両方とも実際には買い物したり、登録したりはできません。 http://www.atsh.com/cgi/ http://www.atsh.com/cart/cart.cgi http://www.atsh.com/cart/regist.cgi ======================================================== ◆◇◆やっぱりバレンタイン♪◆◇◆ ●バレンタインも近いので久々に らぶり〜なのを作ってしまいました。 まぁ、興味のない人にとっては 何やってんの？ でしょうけど いいんだもんね、バレンタインだもんね。 それはともかく、ハートの壁紙とアイコンです。 壁紙は一面にハートにするとかなりうはは・・・なので スタイルシートでＸ方向かＹ方向に１列にした方が 文字が載せやすいと思います。 または文字部分はテーブルに入れてしまうとかね。 ダイエット中なのでかなり辛い作業？ でしたが なんだかお腹がいっぱいになった気がしました。 やっぱりクリスマスとバレンタインは作りやすいのです。(^0^) http://www.atsh.com/cage/ ======================================================== ◆◇◆でもってカードもバレンタイン♪◆◇◆ ●くどい！ と言われてもやっぱり作ってしまった・・・ グリーティングカードもバレンタインです。 だってねぇ、節分でカード作れと言われても モチベーション上がらないっしょ。。。 許してくださいませ。 と言いつつ恵方巻きと豆は食べるんですけどね。 今回は実際のお仕事で作ったのを使いましたので これでもけっこう手はかかってるんですよ。 ちょーーっと商業デザインぽいかもしれませんが。 本当のチョコは太りますので カードで贈るのも相手のためを思って ってのは言い訳かしら。 ま、軽い気持ちでご利用ください。 http://www.atsh.com/card/ ======================================================== ◆◇◆リニューアルのコツ◆◇◆ ▼リニューアルをする前に見直すこと ●最近サイトリニューアルのご相談が多くなりました。 もうホームページを持つことは珍しくもなく みなさん、ひと通りHTMLくらいは書けるようになりました。 でも、せっかく作っても忙しくて更新がうまくできないとか なかなかアクセスが上がらないので デザインを一新したいということなのです。 うーん、でも本当にデザインのせいでしょうか？ ちょっとデザインはださくたって、見る価値のあるサイトは また行きたくなりますよね。もちろん、 綺麗なデザインにするにこしたことはないのですが ただ見た目が綺麗になっただけでは リニューアルとは言えないのです。 まず最初に見直さなくてはいけないのは コンテンツそのものです。ソコにあるのは 本当に来てくれる人が知りたいと思うことですか？ たいていの場合は自分の言いたいことだけ言って 言いっぱなし・・・。それじゃリピータは来てくれません。 自分の言いたいこと＝知りたいことになる配慮 もっと言えば計算が必要なわけです。 いままで興味のなかったことでも、見せ方が面白ければ 興味を持ってしまうかもしれない。 そこをきかっけに、もっと違う世界を広げられるかも。 自分の主張を曲げてまで、人に合わせることはないですが 来てくれた人に楽しんでもらうという気持ちは大事ですよね。 例えば、自分が興味もないのに流行ってるからと 「＊ー▲ン○娘。情報」なんてコンテンツを無理にくっつける。 一時的にアクセスは上がるかもしれませんけど マニアにはかないっこありませんからすぐに飽きられます。 そんなことをするより、自分が本当に得意な分野で ちょっと他では聞けない、ミニ知識を披露する方が 長くつきあってくれるリピータを呼べるというような具合です。 ●コンテンツを見直したら今度はユーザビリティです。 基本は前にもお話しましたが 表示領域は幅が800pixの80%〜90%くらい 高さは400pixまでに一番言いたいことを納めます。 スクロールしなければ次のページに行けないのはお薦めできません。 最後まで読んでほしいから・・・と思うかもしれませんが ページの一番下にアイコンをおいたって 読みたくなければクリックひとつで逃げられるのですから 使いにくいだけで意味はないのです。 とくにリピータは、一度読んだところは飛ばしたいので フレームをうまく使うとか、アイコンを上の方に置くなどして 来た人が行きたいページで、すぐに飛べるようにします。 それが雑誌や本と違う、ホームページの長所なのですから。 コンテンツが複雑化したら、サイトマップを作っておきましょう。 それほど複雑でなくても迷子になったらHOMEへ戻れるように ボタンを作っておくのも親切です。 例えばタイトルロゴを小さくして左上に置いておくと たいていの人はそこをクリックすれば最初に戻れると 理解してくれるはずです。 そういったさりげないお約束を守るのも大切なことです。 見た目がいかにもアイコンのようなのに、違ったりすると 無駄な動きをさせられた分がっかり度が上がります。 縦に長いページは、ページの最後だけでなく 途中にも上に戻れるリンクを付けておくなんて 小さなことでもユーザビリティは上がるのです。 ▼デザインっていったい・・・ ●最後に見た目ですが、デザインは好みでいいと思います。 結局のところどんなに有名なデザイナーが作ったって 「私こういうの好きくない」って言う人は必ずいますから そのサイトらしさを大事にすればいーんです。 ただし、これはちょっとマズイかなっていうのはあります。 会社案内とか個人のサイトでも見かけますが 不用意ににっこり笑った社長(管理人)の写真を載せちゃうのは やめておいた方がいいと思いますよ。 画像なんていくらでも加工できちゃうんですから 何に悪用されるか分かったもんじゃありません。 インチキ商品に「××社長もお薦めです」なんて 適当な文章といっしょに載せられたりしちゃうかもしれません。 女の子は出会い系のサクラとかの使い道がありますからね。 ●法人サイトで一番よくあるパターンは、会社案内の冊子を そのまんまサイトにしちゃったもの。 そうすると社長のご挨拶が一番最初にくるんですよね。 でも、普通のお客さんって社長の挨拶見たいですか・・・。 もちろんその会社がきちんとしてるっていうアピールは大事だけど それって１回読めばいいことですよね。 ここが本や雑誌と違うところです。 印刷の手間がないのだから日々更新できます。 いちばん更新が激しい項目をトップにもってこなきゃ。 こんな細かいこと言い出すときりがないですが 言われるとなるほど〜と思うでしょうけれど やったことない人がこういったノウハウを把握するのには 何ヶ月もかかっちゃうんですよねぇ。 個人で楽しむなら何ヶ月でもいいと思うんですけど 会社のサイトを作らされる羽目になった方、 餅は餅屋、デザインはデザイナー アウトソーシングした方がよっぽど経費の節約です。 WEBデザイナーってデザインだけ綺麗にできる人のことじゃないんです。 コレは宣伝じゃないですよ(笑)。 ======================================================== ◆◇◆ちょっと*＾Ｏ＾*なサイト◆◇◆ ●大企業のサイトばっかりでもなんなので こんなんもいいかな〜〜〜 少し前に話題になったこともあるので ご存じの方もいらっしゃるかと思いますが。 「東京トイレマップ」なんてどうでしょう。 http://www.asahi-net.or.jp/~AD8Y-HYS/ ここまでやればデザインなんか二の次です。 どうぞ追求してください。 なぜか英語ページもあります。エライ！ うちなんか.comドメインのせいで 海外から勝手にリンクされてるらしいんだけど 英語の説明が少ないからなぁ＜反省 ●カッコイイサイトとなるとFlashが多いのですが ここってカッコイイのか？ はて？？ ＢＧＭに電気グルーブ使ってるのがけっこう気に入ってます。 http://www.studiotanuki.com/pinpin/ 「スタジオ狸」って言うので日本のアニメ会社かと思ったら フランスのデザイン会社でした。 pinpinは仏語読みでパンパンと発音します。 本当にフランス人が作ったのだろうか？ というくらい不思議な日本語が飛び交ってます。 ちなみにマウスは使えなくなるので 最初の説明を読み飛ばさないようにね。 ======================================================== ◆◇◆そして最後に◆◇◆ ●バックナンバーをご希望の方はお知らせください。 1999年４月からのバックナンバー(NO.24以降)は ウィークリーまぐまぐで閲覧できます。 http://www.mag2.com/ ★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆ 発行元：Atelier Ｈ 管理者：aska E-mail(Becky!)：info@atsh.com URL：http://atsh.com/ ★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆ |