サイト制作の素
2007年06月05日
インスピレーション
こんにちは!チョコねこです
最近、ソフトやブログの普及で
サイト制作&デザインをされる方は増えてきたのではないかと
思っています。
そして、作成されている方の中には
デザインの勉強は特にしてこなかったけど・・・
っていう方、少なくないと思います。
私はいちおう
デザイン学科を出ておりますが
はっきり言って、まぁ10年以上前ってこともあって
サイト制作に関する勉強は学校ではありませんでした。。。
ので、現在作成されている方で
「私はデザインの学校出てないから自信ないの・・・」と
思っている方!!
まぁ、持って産まれたセンスも必要ではありますが、
本や他サイトの研究、そして経験があれば立派なデザイナーに
なれる!!と私は思っております。
自信もって、サイト制作に励みましょう!
ちなみに、私は学校で何をやっていたかというと・・・
河原に絵を書きに行ったり、空き缶で昆虫を作ったり
小さい絵本をいっぱい作ったり、ロゴを考えてみたり・・・
「小・中学校でそんなことやったなぁ」と思ったそこのあなた
その通りです。たいしたことはやってません
へっぽこデザイナーはこれにて失敬

最近、ソフトやブログの普及で
サイト制作&デザインをされる方は増えてきたのではないかと
思っています。
そして、作成されている方の中には
デザインの勉強は特にしてこなかったけど・・・
っていう方、少なくないと思います。
私はいちおう
デザイン学科を出ておりますがはっきり言って、まぁ10年以上前ってこともあって
サイト制作に関する勉強は学校ではありませんでした。。。
ので、現在作成されている方で
「私はデザインの学校出てないから自信ないの・・・」と
思っている方!!
まぁ、持って産まれたセンスも必要ではありますが、
本や他サイトの研究、そして経験があれば立派なデザイナーに
なれる!!と私は思っております。
自信もって、サイト制作に励みましょう!

ちなみに、私は学校で何をやっていたかというと・・・
河原に絵を書きに行ったり、空き缶で昆虫を作ったり
小さい絵本をいっぱい作ったり、ロゴを考えてみたり・・・
「小・中学校でそんなことやったなぁ」と思ったそこのあなた

その通りです。たいしたことはやってません

へっぽこデザイナーはこれにて失敬

2007年05月31日
ProgrammingTips: CGI を作ろう
こんにちは!はまさんです。
さて今回は CGI の作り方をご紹介しましょう。
CGI とは Common Gateway Interface の略で WEB サーバからプログラムを起動するための仕組みです。
これを使うとプログラムで作った HTML を表示することができます。
CGI の仕様は RFC3875 でまとめられています。
HTML の仕様は W3C でまとめられています。
まずは仕様を正しく把握することが大切です。
CGI の作成には(日本ではあいかわらず) Perl が使われることが多いですね。
Perl は正規表現による文字列の扱いに長けていたため、またインタプリタで手軽に実行できたために CGI 作成のデファクトスタンダードになりました。
しかし Perl は日本語の扱いは苦手なのです。
Perl 5.8 以降 Encode.pm の登場で多少マシになりましたが...、まぁ、よほどの理由が無い限り CGI の作成に Perl を 使わないほうが賢明 でしょう。
CGI はあくまで WEB サーバとプログラムの通信の仕様です。
プログラミング言語は何でも利用できます。
さてさて今回はあえて Perl で CGI を作ってみましょう。
...皆、最初は Perl から入って苦しむんです ;-)
(1) HTTP ヘッダを出力しよう。
まず HTTP ヘッダを出力しなくてはなりません。
これはブラウザがダウンロードしたファイルが何なのか?を判定するためのものです。
↓こんな感じで出力します。
print "Content-Type: text/html\r\n\r\n";
↓このように文字コードを指定すると文字化けしなくなります。
print "Content-Type: text/html; charset=UTF-8\r\n\r\n";
(2) HTML を出力しよう。
続いて HTML を 標準出力 に出力します。
この内容がブラウザに表示されます。
print "<html>...\n";
(3) 入力を解析しよう。
入力は環境変数 QUERY_STRING または 標準入力 から取得できます。
標準入力 の入力の長さは環境変数 CONTENT_LENGTH から取得できます。
$data = $ENV{'QUERY_STRING'}; # GET の場合
read(STDIN,$data,$ENV{'CONTENT_LENGTH'}); # POST の場合
入力データは 変数名=値&変数名=値&変数名=値 のように = と & で区切ったフォーマットで入ってます。値は パーセントエンコード (Percent-Encoding) で符号化されています。
いかがでしょう?
CGI の仕組みがなんとなくわかってきたんじゃないでしょうか?
Perl にはこれらの手順をまとめた CGI.pm というモジュールがあります。
これを使うともっと簡単に CGI を作ることができます。
さて今回は CGI の作り方をご紹介しましょう。
CGI とは Common Gateway Interface の略で WEB サーバからプログラムを起動するための仕組みです。
これを使うとプログラムで作った HTML を表示することができます。
CGI の仕様は RFC3875 でまとめられています。
HTML の仕様は W3C でまとめられています。
まずは仕様を正しく把握することが大切です。
CGI の作成には(日本ではあいかわらず) Perl が使われることが多いですね。
Perl は正規表現による文字列の扱いに長けていたため、またインタプリタで手軽に実行できたために CGI 作成のデファクトスタンダードになりました。
しかし Perl は日本語の扱いは苦手なのです。
Perl 5.8 以降 Encode.pm の登場で多少マシになりましたが...、まぁ、よほどの理由が無い限り CGI の作成に Perl を 使わないほうが賢明 でしょう。
CGI はあくまで WEB サーバとプログラムの通信の仕様です。
プログラミング言語は何でも利用できます。
さてさて今回はあえて Perl で CGI を作ってみましょう。
...皆、最初は Perl から入って苦しむんです ;-)
(1) HTTP ヘッダを出力しよう。
まず HTTP ヘッダを出力しなくてはなりません。
これはブラウザがダウンロードしたファイルが何なのか?を判定するためのものです。
↓こんな感じで出力します。
print "Content-Type: text/html\r\n\r\n";
↓このように文字コードを指定すると文字化けしなくなります。
print "Content-Type: text/html; charset=UTF-8\r\n\r\n";
(2) HTML を出力しよう。
続いて HTML を 標準出力 に出力します。
この内容がブラウザに表示されます。
print "<html>...\n";
(3) 入力を解析しよう。
入力は環境変数 QUERY_STRING または 標準入力 から取得できます。
標準入力 の入力の長さは環境変数 CONTENT_LENGTH から取得できます。
$data = $ENV{'QUERY_STRING'}; # GET の場合
read(STDIN,$data,$ENV{'CONTENT_LENGTH'}); # POST の場合
入力データは 変数名=値&変数名=値&変数名=値 のように = と & で区切ったフォーマットで入ってます。値は パーセントエンコード (Percent-Encoding) で符号化されています。
いかがでしょう?
CGI の仕組みがなんとなくわかってきたんじゃないでしょうか?
Perl にはこれらの手順をまとめた CGI.pm というモジュールがあります。
これを使うともっと簡単に CGI を作ることができます。
2007年05月15日
2007年05月10日
レイアウトもいろいろ
こんにちは!
いよいよ今日から、ダンナのご両親と同居生活が始まり
家に帰るのが超緊張!
のチョコねこです。
(私のだらしない部分につっこまれる日々が続きそうです…
)
2人暮らしから4人暮らしになるので
部屋の家具のレイアウトが変わりました。
キッチンのレイアウトも変わってたりして
まぁ、それは置いときまして。
ホームページのレイアウト、皆様どのように気をつけて
おられますか?
目立たせたい部分は大きく(面積や文字など)、
目の流れを考えて最初に見て欲しいものは左上に置く、など
この辺りはだいたい気にされているのではないかと思います。
ここに、ある2つのページレイアウトを紹介します。
左は整列感がなく、右のものは整列させていてスッキリ
していますよね。
個人的には右の例の方が好きですし、ページとしては見易いのは
右の方だと思われます。
(この例だと左も見易く見えるかもしれませんが、実際はこんなシンプルな
ボックスではなく写真や文字が並ぶのでもっとごちゃっとしたものになると思います)
ということは、右みたいにスッキリ整列させるのがいいのですね
と言いたいところですが、
そうでない場合もございます。
やり方にもよりますが、
左の方が迫力やインパクトのあるページを作れる場合があるんです。
販売される商品によっては、思い切ったレイアウトで一度作成して
みられるのも良いのではないかと思います
おお!っというインパクトのあるページが作れるかも。。。
ただし、やり過ぎて見にくくなりすぎと意味がありませんので
ご注意くださいませ
いよいよ今日から、ダンナのご両親と同居生活が始まり
家に帰るのが超緊張!
のチョコねこです。(私のだらしない部分につっこまれる日々が続きそうです…
)2人暮らしから4人暮らしになるので
部屋の家具のレイアウトが変わりました。
キッチンのレイアウトも変わってたりして

まぁ、それは置いときまして。
ホームページのレイアウト、皆様どのように気をつけて
おられますか?
目立たせたい部分は大きく(面積や文字など)、
目の流れを考えて最初に見て欲しいものは左上に置く、など
この辺りはだいたい気にされているのではないかと思います。
ここに、ある2つのページレイアウトを紹介します。
![]() |
左は整列感がなく、右のものは整列させていてスッキリ
していますよね。個人的には右の例の方が好きですし、ページとしては見易いのは
右の方だと思われます。
(この例だと左も見易く見えるかもしれませんが、実際はこんなシンプルな
ボックスではなく写真や文字が並ぶのでもっとごちゃっとしたものになると思います)
ということは、右みたいにスッキリ整列させるのがいいのですね

と言いたいところですが、
そうでない場合もございます。

やり方にもよりますが、
左の方が迫力やインパクトのあるページを作れる場合があるんです。
販売される商品によっては、思い切ったレイアウトで一度作成して
みられるのも良いのではないかと思います

おお!っというインパクトのあるページが作れるかも。。。

ただし、やり過ぎて見にくくなりすぎと意味がありませんので
ご注意くださいませ

2007年05月09日
ProgrammingTips: Linux への道
こんにちは!
久々の大型連休ですっかり休みボケな はまさん です。
さてさて、今回もちょっとプログラミングの話題から外れてしまいます。
つい先日(4/8)にリリースされたばかりの Debian GNU/Linux 4.0 (etch) をご紹介しましょう。
Linux をご存知でしょうか?
Linux とは PC を動かす最も基本的なソフト OS の一種です。
普段使っている OS は何か? なんて考えたりしないですよね。
たぶんお使いの PC には Windows がインストールされています。
でも世の中には Windows 以外にもたくさんの OS があるんです。
その中でも Linux は最も有力な選択肢でしょう。
Linux はレンタルサーバなどで広く使われています。
Linux を知っていれば CGI を作ったりするときに役に立つかもしれません。
安定性やセキュリティー面、プログラムの開発環境としても非常に優れているように思います。
1. インストール用CDを用意しよう。
インストール用CDを使う方法が最も簡単で確実な方法です。
まずインストール用CDを用意しましょう。公式サイト からCDのisoイメージファイルをダウンロードして CD-R にコピーします。(CD-R Writer が無い場合はしょうがないですね...。雑誌の付録などに収録されるのを気長に待ちましょう。)
2. ハードディスクを用意しよう。
それとハードディスクが必要です。パーティションを区切ってインストールする方法もありますが...、まぁ、初心者はハードディスクを一台用意するのがてっとりばやいですね。
3. インストーラを起動しよう。
インストール用CDを挿入して PC の電源を入れます。ここでいつもと違って「うずまき」が表示されればインストーラの起動に成功です。表示されない場合は BIOS の設定が必要です。マザーボードの説明書をじっくり読まなくてはなりません。
4. 設定
あとは簡単な質問に答えていくだけです。
難しいところはパーティションのところくらいでしょうか。
...以前はインストール時にメールサーバの設定をしたりで難しかったんですけどね。
...随分優しくなったもんです。
困ったときは ここ とか ここ とかを読みましょう。
↓こんな感じの綺麗な画面が表示されれば完了です!

腕に覚えのある方は これ でもっと凄い環境を作ることもできます。
ぜひぜひ挑戦してみてください。
久々の大型連休ですっかり休みボケな はまさん です。
さてさて、今回もちょっとプログラミングの話題から外れてしまいます。
つい先日(4/8)にリリースされたばかりの Debian GNU/Linux 4.0 (etch) をご紹介しましょう。
Linux をご存知でしょうか?
Linux とは PC を動かす最も基本的なソフト OS の一種です。
普段使っている OS は何か? なんて考えたりしないですよね。
たぶんお使いの PC には Windows がインストールされています。
でも世の中には Windows 以外にもたくさんの OS があるんです。
その中でも Linux は最も有力な選択肢でしょう。
Linux はレンタルサーバなどで広く使われています。
Linux を知っていれば CGI を作ったりするときに役に立つかもしれません。
安定性やセキュリティー面、プログラムの開発環境としても非常に優れているように思います。
1. インストール用CDを用意しよう。
インストール用CDを使う方法が最も簡単で確実な方法です。
まずインストール用CDを用意しましょう。公式サイト からCDのisoイメージファイルをダウンロードして CD-R にコピーします。(CD-R Writer が無い場合はしょうがないですね...。雑誌の付録などに収録されるのを気長に待ちましょう。)
2. ハードディスクを用意しよう。
それとハードディスクが必要です。パーティションを区切ってインストールする方法もありますが...、まぁ、初心者はハードディスクを一台用意するのがてっとりばやいですね。
3. インストーラを起動しよう。
インストール用CDを挿入して PC の電源を入れます。ここでいつもと違って「うずまき」が表示されればインストーラの起動に成功です。表示されない場合は BIOS の設定が必要です。マザーボードの説明書をじっくり読まなくてはなりません。
4. 設定
あとは簡単な質問に答えていくだけです。
難しいところはパーティションのところくらいでしょうか。
...以前はインストール時にメールサーバの設定をしたりで難しかったんですけどね。
...随分優しくなったもんです。
困ったときは ここ とか ここ とかを読みましょう。
↓こんな感じの綺麗な画面が表示されれば完了です!

腕に覚えのある方は これ でもっと凄い環境を作ることもできます。
ぜひぜひ挑戦してみてください。
2007年04月17日
2007年04月12日
商品の伝え方っていろいろある!
こんにちは!
新しい事務所は誰が歩いても揺れなくて感動!
しているチョコねこです。
(いや、前の事務所は怖いくらいに揺れたんです・・・マジで)
もうすっかり春ですね!
衣替えついでに新しい服も欲しいな〜
なんて思って
最近よくインターネットで服を見ていて思ったんですが
洋服って、ネットで買うのって勇気いりませんか??
ネットだけではなくてカタログ通販も同じですが、
商品写真と記載されたサイズや素材、あとはモデルさんの
着用例だけで購入を決定することがほとんどですよね…。
実際、買って「失敗した!」って思う事、よくあります
まぁ、でも「お買い得やった!」ということもよくあり、
それでまた懲りずに買ってしまうわけですが
で、最近ネットでウインドウショッピングをしていて気づいたのですが
あたらしい工夫がいろいろあって「ほほー!」と思わずうなってしまいました。
たとえば・・・
・素材の拡大画像(実寸大に近い)
・着用モデルの身長と着用サイズの記載
・標準体型(モデルさんではなく一般?の方)の方が
そのお店の商品を着た(履いた)場合どんな感じになるか?
の画像一覧
・お店内の商品とのコーディネイト(着回し例)
などなど。
自分が着た時のイメージがしやすくなってきています!
一見、そこまでしなくても・・・と思うようなことかもしれませんが
購入する側にとっては、些細な事でも記載があると「お!」と
思いますし、ググッと購入への安心感が増すんですよね。
実際私は、ますますネットで購入が楽しくなってきてますし ^^
あと、私が重視するのは購入者のレビュー(コメント)ですね。
購入者のレビューって結構、最後の一押しになるんですよね。
ホームページで商品を伝えることが難しい商品ほど、購入者のレビューが
生きてくると思いますので、レビューをいただけるような工夫も
非常に大切だと思います
どんどん改善して、ますます安心して購入いただけるショップにしちゃいましょう
新しい事務所は誰が歩いても揺れなくて感動!
しているチョコねこです。(いや、前の事務所は怖いくらいに揺れたんです・・・マジで)
もうすっかり春ですね!
衣替えついでに新しい服も欲しいな〜
なんて思って最近よくインターネットで服を見ていて思ったんですが
洋服って、ネットで買うのって勇気いりませんか??
ネットだけではなくてカタログ通販も同じですが、
商品写真と記載されたサイズや素材、あとはモデルさんの
着用例だけで購入を決定することがほとんどですよね…。
実際、買って「失敗した!」って思う事、よくあります

まぁ、でも「お買い得やった!」ということもよくあり、
それでまた懲りずに買ってしまうわけですが

で、最近ネットでウインドウショッピングをしていて気づいたのですが
あたらしい工夫がいろいろあって「ほほー!」と思わずうなってしまいました。
たとえば・・・
・素材の拡大画像(実寸大に近い)
・着用モデルの身長と着用サイズの記載
・標準体型(モデルさんではなく一般?の方)の方が
そのお店の商品を着た(履いた)場合どんな感じになるか?
の画像一覧
・お店内の商品とのコーディネイト(着回し例)
などなど。
自分が着た時のイメージがしやすくなってきています!

一見、そこまでしなくても・・・と思うようなことかもしれませんが
購入する側にとっては、些細な事でも記載があると「お!」と
思いますし、ググッと購入への安心感が増すんですよね。
実際私は、ますますネットで購入が楽しくなってきてますし ^^
あと、私が重視するのは購入者のレビュー(コメント)ですね。
購入者のレビューって結構、最後の一押しになるんですよね。
ホームページで商品を伝えることが難しい商品ほど、購入者のレビューが
生きてくると思いますので、レビューをいただけるような工夫も
非常に大切だと思います

どんどん改善して、ますます安心して購入いただけるショップにしちゃいましょう

2007年04月11日
ProgrammingTips: はじめてのWEBサーバ構築
こんにちは!
職場が引越ししてまだなんだか落ち着かないはまさんです。
さてさて、今回はWEBサーバ構築に挑戦してみましょう。
おてがるに構築できる Java Servlet サーバを作ってみましょう。
Servlet を実行するサーバは、まぁ、WEBサーバなわけですが、
Java を使って様々な機能を追加できるのでアプリケーションサーバとも呼ばれています。
比較的規模の大きい分野で使われてたりもしますが、
実は初心者さんにもオススメなのです。
オススメ理由 一. インストールが簡単。
オススメ理由 二. Java が動く環境ならどこでも動く。
オススメ理由 三. JVM で実行するのでセキュリティーに強い。
オススメ理由 四. CGIより高速。
Servlet と言えば Apache の Tomcat が有名ですが、
他にも Jetty とか Sun の glassfish など、いろいろ選択肢もあります。
今回は Tomcat をインストールしてみましょう。
現在(2007/04/11) Tomcat の最新バージョンは 6.0.10 です。
1. 公式サイトのダウンロードページから apache-tomcat-6.0.10.zip をダウンロードします。
2. 適当な場所で解凍します。
3. 環境変数 JAVA_HOME と CATALINA_HOME を設定します。
JAVA_HOME には Java のインストール先を設定を入力します。
CATALINA_HOME には Tomcat のインストール先を入力します。
例) Linux の場合
$ export JAVA_HOME=/usr/local/java
$ export CATALINA_HOME=/usr/local/tomcat
例) Windows の場合
> SET JAVA_HOME=C:\Program Files\Java\Jre
> SET CATALINA_HOME=C:\Program Files\Java\Tomcat
4. スタートアップスクリプトを実行します。
例) Linux の場合
$ cd $CATALINA_HOME/bin
$ ./startup.sh
例) Windows の場合
> cd "%CATALINA_HOME%\bin"
> startup.bat
5. ブラウザで http://localhost:8080/ にアクセスしてみましょう。
いかがでしょう?ブラウザにトップページが表示されましたか?
6. 終了するには shutdown スクリプトを実行します。
レンタルサーバではなかなか Servlet を使わせてもらえませんが、
最近は安価な専用サーバやVPSもあります。
ぜひ挑戦してみてください。
職場が引越ししてまだなんだか落ち着かないはまさんです。
さてさて、今回はWEBサーバ構築に挑戦してみましょう。
おてがるに構築できる Java Servlet サーバを作ってみましょう。
Servlet を実行するサーバは、まぁ、WEBサーバなわけですが、
Java を使って様々な機能を追加できるのでアプリケーションサーバとも呼ばれています。
比較的規模の大きい分野で使われてたりもしますが、
実は初心者さんにもオススメなのです。
オススメ理由 一. インストールが簡単。
オススメ理由 二. Java が動く環境ならどこでも動く。
オススメ理由 三. JVM で実行するのでセキュリティーに強い。
オススメ理由 四. CGIより高速。
Servlet と言えば Apache の Tomcat が有名ですが、
他にも Jetty とか Sun の glassfish など、いろいろ選択肢もあります。
今回は Tomcat をインストールしてみましょう。
現在(2007/04/11) Tomcat の最新バージョンは 6.0.10 です。
1. 公式サイトのダウンロードページから apache-tomcat-6.0.10.zip をダウンロードします。
2. 適当な場所で解凍します。
3. 環境変数 JAVA_HOME と CATALINA_HOME を設定します。
JAVA_HOME には Java のインストール先を設定を入力します。
CATALINA_HOME には Tomcat のインストール先を入力します。
例) Linux の場合
$ export JAVA_HOME=/usr/local/java
$ export CATALINA_HOME=/usr/local/tomcat
例) Windows の場合
> SET JAVA_HOME=C:\Program Files\Java\Jre
> SET CATALINA_HOME=C:\Program Files\Java\Tomcat
4. スタートアップスクリプトを実行します。
例) Linux の場合
$ cd $CATALINA_HOME/bin
$ ./startup.sh
例) Windows の場合
> cd "%CATALINA_HOME%\bin"
> startup.bat
5. ブラウザで http://localhost:8080/ にアクセスしてみましょう。
いかがでしょう?ブラウザにトップページが表示されましたか?
6. 終了するには shutdown スクリプトを実行します。
レンタルサーバではなかなか Servlet を使わせてもらえませんが、
最近は安価な専用サーバやVPSもあります。
ぜひ挑戦してみてください。
2007年03月28日
魅力的なボタン☆
こんにちは!you-co.です。
今回はロールオーバーについてのお話o
【ロールオーバー】っていったい。。。何?
サイト制作で指す“ロールオーバー”とは・・・
マウスポインタが上に乗ると画像が変わるという効果のことです。
こんな感じ1
↓↓↓

今ではほとんどのサイトで見かけると思います。
実際、マウスをポイントしたときに変化があれば
「クリックしてみよう!」っておもいますよね★
もちろん、画像でなくても文字(テキスト)にロールオーバー効果を
つけることも可能です!
こんな感じ2
↓↓↓
リンクしているものすべてにこの効果をつかうのではなくて、
特にクリックしてほしい部分につかうと、より効果的ですね☆
サイトを見に来られるお客様を【クリックしてみよう!】と思わせる、
とっても魅力的なボタン♪
まだ知らない!という方は、ぜひぜひ活用してくださいませ★
今回はロールオーバーについてのお話o
【ロールオーバー】っていったい。。。何?
サイト制作で指す“ロールオーバー”とは・・・
マウスポインタが上に乗ると画像が変わるという効果のことです。
こんな感じ1
↓↓↓
今ではほとんどのサイトで見かけると思います。
実際、マウスをポイントしたときに変化があれば
「クリックしてみよう!」っておもいますよね★
もちろん、画像でなくても文字(テキスト)にロールオーバー効果を
つけることも可能です!
こんな感じ2
↓↓↓
【click!】
リンクしているものすべてにこの効果をつかうのではなくて、
特にクリックしてほしい部分につかうと、より効果的ですね☆
サイトを見に来られるお客様を【クリックしてみよう!】と思わせる、
とっても魅力的なボタン♪
まだ知らない!という方は、ぜひぜひ活用してくださいませ★
2007年03月26日
ユーザビリティって難しい!けど・・・
こんにちは!桜
が咲くのが待ち遠しいチョコねこです。
(花見酒じゃなくて、花見団子&お花見弁当が好き
)
私がホームページのデザインをしていて、
いつも特に迷ったり悩んだりしてしまうのは
『ユーザビリティ』に関する部分
だったりします。
見た目の良し悪しは、言ってみれば「見れば判断できるもの」ですよね。
パッとみて「いい感じ」か「嫌」かわかる物だと思います。
(実際にはそう簡単ではないですが、ここでは例えとして
)
でも、ユーザビリティに関する部分って、パッと見てわかる
ものではないですよね?
使いやすさ、利用しやすさは、実際にお客様になって使って
みないことには正確な判断はできません。
じゃぁどうするか・・・
【お客様になって、自分のサイトを見てみる】
これをやればいいんです!!
で す が
これも実際、そう簡単にはいかないですよね。
自分のサイトは自分は熟知してますし
一般のお客様が疑問に思われる事が簡単に見つかるわけではないです。
(でも基本的なミスはこれで見つかることが多いので
お客様になりきってサイトを利用してみることはおすすめです)
じゃぁ、どうするか!
4月。4月といえば新入社員・・・
新入社員が入ってこられるショップ様は
新入社員にサイトを使ってもらって、意見を聞いてみる
っていうのもいいですね
あと、自分の家族なんかにテストしてもらうのもいいかも。
(家族だと遠慮なく言ってくれるかも?
でもカッとなって喧嘩しちゃダメですよ^^;)
あとは、普段から自分自身も他のネットショップを利用して
その時に「このショップ良かった!」と思ったところは
どこが良かったかを、
「このショップ、ここがもうちょっと・・・」と思えば
それをメモしておきますと
それを見ながら自社サイトをチェックすれば
更なる改善点が見えてくるかもしれません
おてがる通販を使って、
できた時間でサイトの改善をやっちゃいましょう
が咲くのが待ち遠しいチョコねこです。(花見酒じゃなくて、花見団子&お花見弁当が好き
)私がホームページのデザインをしていて、
いつも特に迷ったり悩んだりしてしまうのは
『ユーザビリティ』に関する部分
だったりします。
見た目の良し悪しは、言ってみれば「見れば判断できるもの」ですよね。
パッとみて「いい感じ」か「嫌」かわかる物だと思います。
(実際にはそう簡単ではないですが、ここでは例えとして
)でも、ユーザビリティに関する部分って、パッと見てわかる
ものではないですよね?
使いやすさ、利用しやすさは、実際にお客様になって使って
みないことには正確な判断はできません。
じゃぁどうするか・・・
【お客様になって、自分のサイトを見てみる】
これをやればいいんです!!
で す が
これも実際、そう簡単にはいかないですよね。
自分のサイトは自分は熟知してますし
一般のお客様が疑問に思われる事が簡単に見つかるわけではないです。
(でも基本的なミスはこれで見つかることが多いので
お客様になりきってサイトを利用してみることはおすすめです)
じゃぁ、どうするか!
4月。4月といえば新入社員・・・
新入社員が入ってこられるショップ様は
新入社員にサイトを使ってもらって、意見を聞いてみる
っていうのもいいですね

あと、自分の家族なんかにテストしてもらうのもいいかも。
(家族だと遠慮なく言ってくれるかも?
でもカッとなって喧嘩しちゃダメですよ^^;)
あとは、普段から自分自身も他のネットショップを利用して
その時に「このショップ良かった!」と思ったところは
どこが良かったかを、
「このショップ、ここがもうちょっと・・・」と思えば
それをメモしておきますと
それを見ながら自社サイトをチェックすれば
更なる改善点が見えてくるかもしれません

おてがる通販を使って、
できた時間でサイトの改善をやっちゃいましょう



you-coです
は必見☆