Wiki@KDS - 利用者の投稿記録 [ja]

ファイル:Adwords02.jpg

2010-07-23T09:34:44Z

Tojo:

ファイル:Adwords01.jpg

2010-07-23T05:42:52Z

Tojo:

ファイル:Imgg07.jpg

2010-06-28T09:40:25Z

Tojo:

ファイル:Imgg06.jpg

2010-06-28T06:45:17Z

Tojo:

ファイル:Imgg05.jpg

2010-06-23T08:57:09Z

Tojo:

画像加工ガイドライン

2010-06-22T07:39:17Z

Tojo:

<div id="manual">

業務については[[高島屋オンラインストア商品画像運用ルール]]を参照ください。

==画像ファイル置き場所==
\\Tkocore2\CatalogImage\00_takashimaya\01_オンライン事業部 
の中にタカシマヤオンラインショッピングの商品画像ファイルがあります。

==チェックリスト==

画像加工が終了したら、もう一度以下をチェックしてみましょう。 
[[画像:photo_rule07.gif]]
 

==画像加工の手順==
ユーザーの期待に応えるには、どういう画像にすべきかを考えて画像加工しましょう。商品を売るために画像加工することを念頭に置きましょう。
　　【1】RGB、72dpiにする。※[F2]のアクション割り当てあり 
　　【2】パス抜きが必要なものはパスを抜く。※元からパスが存在する商品もあり 
　　【3】元画像を残すため、白のレイヤーをつくり、その上にコピーした商品レイヤーを置く。 
　　【4】適切にトリミングする。※商品がセンターに来るようにする 
　　【5】「水平出し」→「ゴミ取り」→「映り込み」→「シャドウ/ハイライトの決定」→「明るさ・コントラストの調整」→「色調整」→「シャープ」の画像補正を行う。 
　　【6】600x600pxにする。※元画像が粗い場合は300x300px～599x599pxの間に収める 
　　【7】psd形式で加工済フォルダに保存する。 
<div class="example">
最終的なレイヤーは大体こうなります。当然、調整レイヤーは商品によって異なります。 
[[画像:Imageprocess7.jpg]]
</div>
==画像加工の例==
 
[[画像:imgg01.jpg]]
 
パスが抜かれていない場合は、パスを抜いて加工します 
[[画像:imgg02.jpg]]
 
正方形に入らない場合、上下もしくは左右に白で空白を作ります 
[[画像:imgg03.jpg]]
 
素材アップは生地の質がわかる部分をトリミングし、下に30pt ＭＳＰゴシックで文字を入れます 
[[画像:imgg04.jpg]]
 
（C）は指定のコピーライトを画像に加えます 

==画像加工・補正時の注意点==
*・シャープはやや強めにかけましょう。その方が好まれます。 
*・商品が全体的に白っぽくて、背景白だと見えづらいときは、グレーのグラデを背景に引いてください。（サンプルあり） 

==バッチかけについて==
画像加工が出来たらpsd画像をjpgに変換します、その際にphotoshopのバッチ機能を使うと便利です。 
[\\Mini_server\nikomi\gyutan\00_takashimaya\01_オンライン事業部\サンプル・フォーマット\photoshopバッチ] 
にある「JPG書き出し.atn」を使いましょう。 
 
まず、photoshopのアクションウィンドウに「JPG書き出し.atn」をドラッグします。 
[[画像:imgbatch01.jpg]] 
 
出来たら自分のローカルに、加工済psd画像を置いておく「元画像」フォルダと、バッチ後のjpg画像を送る「img」フォルダを設定します 
次にphotoshopの[ファイル→自動処理(U)→バッチ(B)]をクリックします。 
 
[[画像:imgbatch02.jpg]] 
 
画像のように「セット(T)＝JPG書き出し　アクション(A)＝そのままJPG書き出し　ソース(O)＝フォルダ　選択(C)＝元画像　開くダイアログを非表示(F)とカラープロファイル警告を非表示(P)にチェック入れ　実行後＝img　ファイルの名前＝ドキュメントの名前＋拡張子（小文字）」と設定、ＯＫを押したら実行されます。 
※jpgにバッチをかけた画像が300k以上の容量になっていないかチェック 

==画像リストについて==

画像リストは、見積もり/請求や画像確認リストとして必要になる。 

<div class="example">
===画像リスト作成時の注意点===
*・加工画像数が行の最大値（62）を超える場合は、タイトルを分ける。
*・「商品総数」は枝を１とカウント“する”
*・"流用（入稿）の欄は、入稿画像内での流用の有無を記載する。 
同じ画像は同じ数字を割り当てる。0は流用無しと同義なので必ず数字は１からスタートする。
*・入稿内流用でパス抜きありの場合、流用元/流用先ともに「パス抜き項目：あり」にする。
*・枝番号が発生して、且つコスメじゃない場合、
・枝の画像は加工をしていない→必ず流用フラグを立てる。
</div>

ファイル:Imgg04.jpg

2010-06-22T07:02:24Z

Tojo:

ファイル:Imgg03.jpg

2010-06-22T07:02:00Z

Tojo:

ファイル:Imgg02.jpg

2010-06-22T07:01:44Z

Tojo:

ファイル:Imgg01.jpg

2010-06-22T07:01:25Z

Tojo:

画像加工ガイドライン

2010-06-09T03:39:33Z

Tojo:

<div id="manual">

業務については[[高島屋オンラインストア商品画像運用ルール]]を参照ください。

==画像ファイル置き場所==
\\Tkocore2\CatalogImage\00_takashimaya\01_オンライン事業部 
の中にタカシマヤオンラインショッピングの商品画像ファイルがあります。

==チェックリスト==

画像加工が終了したら、もう一度以下をチェックしてみましょう。 
[[画像:photo_rule07.gif]]
 

==画像加工の手順==
ユーザーの期待に応えるには、どういう画像にすべきかを考えて画像加工しましょう。商品を売るために画像加工することを念頭に置きましょう。
　　【1】RGB、72dpiにする。※[F2]のアクション割り当てあり 
　　【2】パス抜きが必要なものはパスを抜く。※元からパスが存在する商品もあり 
　　【3】元画像を残すため、白のレイヤーをつくり、その上にコピーした商品レイヤーを置く。 
　　【4】適切にトリミングする。※商品がセンターに来るようにする 
　　【5】「水平出し」→「ゴミ取り」→「映り込み」→「シャドウ/ハイライトの決定」→「明るさ・コントラストの調整」→「色調整」→「シャープ」の画像補正を行う。 
　　【6】600x600pxにする。※元画像が粗い場合は300x300px～599x599pxの間に収める 
　　【7】psd形式で加工済フォルダに保存する。 
<div class="example">
最終的なレイヤーは大体こうなります。当然、調整レイヤーは商品によって異なります。 
[[画像:Imageprocess7.jpg]]
</div>

==画像加工・補正時の注意点==
*・シャープはやや強めにかけましょう。その方が好まれます。 
*・商品が全体的に白っぽくて、背景白だと見えづらいときは、グレーのグラデを背景に引いてください。（サンプルあり） 

==バッチかけについて==
画像加工が出来たらpsd画像をjpgに変換します、その際にphotoshopのバッチ機能を使うと便利です。 
[\\Mini_server\nikomi\gyutan\00_takashimaya\01_オンライン事業部\サンプル・フォーマット\photoshopバッチ] 
にある「JPG書き出し.atn」を使いましょう。 
 
まず、photoshopのアクションウィンドウに「JPG書き出し.atn」をドラッグします。 
[[画像:imgbatch01.jpg]] 
 
出来たら自分のローカルに、加工済psd画像を置いておく「元画像」フォルダと、バッチ後のjpg画像を送る「img」フォルダを設定します 
次にphotoshopの[ファイル→自動処理(U)→バッチ(B)]をクリックします。 
 
[[画像:imgbatch02.jpg]] 
 
画像のように「セット(T)＝JPG書き出し　アクション(A)＝そのままJPG書き出し　ソース(O)＝フォルダ　選択(C)＝元画像　開くダイアログを非表示(F)とカラープロファイル警告を非表示(P)にチェック入れ　実行後＝img　ファイルの名前＝ドキュメントの名前＋拡張子（小文字）」と設定できたらＯＫを押したら実行されます。 
※jpgにバッチをかけた画像が300k以上の容量になっていないかチェック 

==画像リストについて==

画像リストは、見積もり/請求や画像確認リストとして必要になる。 

<div class="example">
===画像リスト作成時の注意点===
*・加工画像数が行の最大値（62）を超える場合は、タイトルを分ける。
*・「商品総数」は枝を１とカウント“する”
*・"流用（入稿）の欄は、入稿画像内での流用の有無を記載する。 
同じ画像は同じ数字を割り当てる。0は流用無しと同義なので必ず数字は１からスタートする。
*・入稿内流用でパス抜きありの場合、流用元/流用先ともに「パス抜き項目：あり」にする。
*・枝番号が発生して、且つコスメじゃない場合、
・枝の画像は加工をしていない→必ず流用フラグを立てる。
</div>

</div>

ファイル:Imgbatch02.jpg

2010-06-09T03:15:34Z

Tojo:

ファイル:Imgbatch01.jpg

2010-06-09T03:03:50Z

Tojo:

パレートの法則

2010-04-05T09:26:42Z

Tojo:

<div id="manual">

パレートの法則は、別名2：8の法則とも言われます。この法則はいろいろなところで使用されています。全商品の20％が80％の売上を作る、全顧客の 20％が全体売上の80％を占める、100の蟻の内、よく働くのは2割だけ、税金を納める上位20％が税金総額の80％を負担している・・・など、さまざまです。
シックスシグマにおいても、重要なキーワードとして活用されています。例えば、商品の品質管理の分野で重点的に改良すべきものを重要なものから順番に10項目あげた場合、まず、その最上位の2つの項目だけを改良する。すると、全体の80％を改良したのと同等の結果が期待できるというものです。要は、「重要なものは僅かしかない」という意味で捉えていただければと思います。下記はよく使用されるパレート図です。 
 
----
 
[[画像:fig1.gif]]
 

==インターネット戦略を実行する上でどのような活用方法が考えられるか？==

1.日本人は完璧主義だと言われます。これは大変良いことです。その反面、戦略を実行ベースに移行した時、ついついあれもこれもとなってしまいがちです。そして、最後になって今回の戦略の最も重要ポイントは何だったのか？というようなこともあります。戦略を絞り込めば絞り込むほど、その戦略は成功する確率が高くなります。戦略を実行ベースに移す時は、「大切なものは僅かしかない」と腹をくくり、最重要ポイントから軸を離さないことが重要です。 
 
2.例えば、顧客満足度調査をします。その中で一番満足度が低いのは誰だと思いますか？　製品やサービスに対して不満を訴える顧客のほとんどは、製品やサービス戦略のターゲットとされていなかった人々が多いのです。逆にいうと、主要顧客は満足しているから主要ユーザとなっているのです。この主要顧客の特性を理解できれば、同じ特性を持つ見込み客を広げることができ、大きな利益が得られます。この主要顧客を捉える時、20％の主要顧客は誰なのか定義すると、アクションプランが立てやすくなります。例えば、主要顧客に対して特典をつけたり、一般客とは違ったサービスを提供したり、「差別化」を図る手段を選択する方法も考えられるかもしれません。 
 
3.Web運用ベースで継続的改善を行うときの大きな目安になります。上位重要事項を20％特定して改善を行えば、80％改善したと同じ効果が生まれます。実に費用対効果の面でメリットがあるわけです。 
 
このようにパレートの法則を頭に入れておくと、方法論が比較的簡単に見えてくるだけでなく、改善点の絞込みやアイデアの創出に非常に役立つことが考えられます。 
 

</div>

ファイル:Fig1.gif

2010-04-05T09:23:15Z

Tojo:

ファイル:Aidma.jpg

2010-04-02T09:04:39Z

Tojo:

ファイル:Seet2.pdf

2010-04-01T07:40:40Z

Tojo:

ファイル:Seet2.jpg

2010-04-01T07:40:19Z

Tojo:

ファイル:Seet 02.pdf

2010-04-01T07:01:03Z

Tojo:

ファイル:Seet 02.jpg

2010-04-01T04:01:33Z

Tojo:

ファイル:Seet 2.jpg

2010-04-01T03:51:52Z

Tojo:

ファイル:Seet 1.jpg

2010-04-01T03:51:28Z

Tojo:

ヒアリングシート

2010-03-26T05:39:17Z

Tojo:

<div id="manual">
相手の現状や要望を漏らさず確実に聴き出すために、ヒアリングシートは有効なツールです。 
 
・事前に聞いておきたい情報や想いを記入してもらい、それをこちらでまとめてから打ち合わせの場を設けた方が双方時間短縮になり意見もまとまりやすくなる場合もあります。 
・ヒアリングシートを基準にしながら、ヒアリングするのであれば臨機応変に対応する事が重要です。 
 
----------
==■ヒアリングシートひな形==
[[画像:seet_01.jpg]] 
[[http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/4/4a/Seet_01.pdf]] 
こちらからPDFファイルをDLできます 
 
==■目的・目標==
・ウェブサイトを立ち上げる目的と経緯は？ 
・ウェブサイトで実現したいことは何か？ 
・将来のビジョン 

==■サービス==
・事業内容は？ 
・サービス内容は何か？ 
・ターゲットユーザーは？ 
・収益モデルは？ 
・オリジナルコンテンツ等のご要望について 

==■制作運用体制==
・組織体制 
・制作の体制 

==■期間とコスト==
・公開までのスケジュールは？ 
・予算は？(イニシャル？ランニング？) 

==■WEBシステム・フォーム==
・その他WEBシステムの実装について 
・問い合わせフォーム/応募フォーム等/フォーム実装について 

==■競合状況について==
・競合他社サイトはあるか？ 
・同業に限らず参考にしたいホームページはあるか？ 

==■ユーザーについて==
・個人情報の内容と活用方法 
・会員制をつくるか？ 
・お問い合わせへの対応は？ 

==■サイトデザインについて==
・ベース/テキスト主体/画像などのイメージ主体/Flash＋HTML/フルFlash構築》 
・デザインキーワード 
・コーポレートカラー 
・SEO対策 

==■運用==
・公開後の更新/更新頻度/ 
・内部更新希望/外部委託希望/ 
・その場合の組織体制やコストは？ 
・サーバ管理担当者 
・CMSの実装について 

==■忘れがちなもの==
総ページ数/会社概要/プライバシーポリシー/サイトマップ/特定商取引に基づく表記/など 

==■リニューアルの場合==
・現在のホームページの構築時期は？ 
・自社で管理されている場合、都合の良い点、またはお困りの点は？ 
・他社（WEB制作会社など）で管理されている場合、都合の良い点、またはお困りの点は？ 
・現在のホームページの不満点は？ 
・現在のホームページで気に入っている点は？

ファイル:Seet 01.pdf

2010-03-26T03:37:11Z

Tojo:

ファイル:Seet 01.jpg

2010-03-26T03:27:27Z

Tojo:

ファイル:Display 2008.jpg

2010-03-12T03:31:36Z

Tojo:

QRコード

2010-01-22T07:59:43Z

Tojo:

<div id="manual">
QRコードとは、縦、横二方向に情報を持つことで、一方向だけに情報を持っているバーコードに対し、記録できる情報量を飛躍的に増加させたコードです。従来のバーコードは、せいぜい20桁程度の情報量でしたが、QRコードは、バーコードの数十倍から数百倍の情報量を扱う事ができます。QRコードは、数字・英字・漢字・カナ・ひらがな・記号・バイナリ・制御コード等あらゆるデータを扱う事が可能です。データ量は7,089文字(数字)まで1つのコードで表現できます。 
 

※こちらのページでは主にディスプレイ環境によるQRコードの説明をします。DTP関連の情報につきましては以下のサイトを参考にしてください。 
（http://www.design-qr.com/qrblog/） 
 
==モジュール==
QRコードのシンボルを構成する最小の単位セル。モジュールの大きさは型番により決定され、データの1ビットが1モジュールに相当する。大きさはバージョン1の21×21セルからバージョン40の177×177セルまで、4セル刻みで決められている。 
 
[[画像:qrCell.imagel.gif]] 
 
==サイズ==
ご利用する場所や読み取る端末（リーダー）によっても最適サイズは変動します。 

セルが大きいほど、QRコードスキャナでの読み取りは安定し、スキャナで読み取りやすくなります。反面、コードサイズは大きくなりますので、大きな領域が必要になります。 
バージョンとセルサイズが決定すると、QRコード自身の大きさは決まります。実際に運用するためには更にコード領域としては、コードのまわりにマージン(余白)を確保する事が必要です。マージンとはシンボルの4辺を囲む、何も表示されない領域です。上下左右4セル分以上の確保が必要です。 
[[画像:qrmargin.gif]] 
 

白と黒の画像（2値画像と言います）の世界ではゆがまず綺麗な結果を得るためには「拡大するときは整数倍」で拡大、ないしは黒と白のマトリックスが正方形のQRコードの場合は、「そのマトリックスを構成する画素数の約数の整数倍」にしなくてはならない。
「縮小するときは１つの黒や白のマトリックスを構成する画素数の約数になる率での縮小」しかできません。 
 

==製作上の注意==
※確実に黒と白のマトリックス構造が「正方形」になっていることが重要。 
※アンチエイリアス機能は使わないように注意しましょう。 
※QRの保存形式はPNGかGIF。 
※黒以外の色で白地以外の所に印刷すると認識率が下がります。 
※160ｘ160ピクセル以下でご使用される場合、読み取り時の明るさや携帯電話の機種によっては、QRコードは読み取りにくくなる場合があります。 
QRコードのサイズや携帯カメラの機種によっては、フォーカス(焦点)が合いづらく、読み取りにくくなる場合もあります。それを考慮して、あらかじめ2種類のサイズのQRコードを用意しておくのも、ひとつの方法です。もしくは、QRコードに記録した情報をQRコードの掲載付近に併記することをお勧めしています。（実際やってみたら40×40でも難なく認識できました） 
 

==QRコード作成サイト==
【色を変えられたり細かい設定が可能（サイズの変更は出来ない）】 
http://www.cman.jp/QRcode/ 

【シンプルながら使いやすい。サイズ指定が可能】 
http://freeqr.d-qr.net/ 
</div>

ファイル:Qrmargin.gif

2010-01-22T07:52:53Z

Tojo:

ファイル:QrCell.imagel.gif

2010-01-22T07:48:40Z

Tojo: