デザイン

東京DSデザインチーム用のTOPページです。

---

ガイドライン

• デザインガイドライン・・・デザイナー向け。仕事のルール、フロー、photoshopでのファイル作成法などのガイドラインです。
• デザイン関連のミス事例・・・過去のミス事例のまとめです。

• ウェブ構築プロセスのまとめ・・・新規案件やリニューアル時の進め方の参考に。
• ビジュアルデザイン ガイドライン・・・ビジュアルデザインの参考に。

• タカシマヤのデザインガイドライン・・・タカシマヤ案件のガイドライン。
• タカシマヤ通信販売のデザインガイドライン・・・通販のガイドライン。
• タカシマヤ用事用語と各種表示の統一・・・タカシマヤ案件では用語の統一が義務付けられています。不明な用語がある場合は確認しましょう。

---

制作物・確認

• タカシマヤHTMLメール配信一覧・・・タカシマヤが配信したHTMLメール一覧。
• キャプチャ画像一覧…「file://///Tkocore2/WEBworks/001_タカシマヤ/001_takashimaya.co.jp/source/co.jp/Portfolio/」に制作物のキャプチャが置いてあります。
• タカシマヤ 動的デモページ…仮アップの確認用です。http://test-takashimaya3.z-xcv.com/product/0000xxxx.html
• タカシヤマ、商品画像の検索…タカシマヤ サポートへ。または、「商品画像フォルダ」を検索しましょう。

---

サイト リンク集

• 国内有名ショッピングサイト…日本国内の有名ショッピングサイト一覧。
• 優秀なサイト…世間的に評価の高い企業ウェブサイト。
• 日経パソコン 企業サイトランキング2007…2007年度、有名企業500サイト。
• 海外百貨店
• コンビニサイト
• 教習所サイト

---

参考サイト

• Web担当者Forum
• MarkeZine：ネットマーケティングとコミュニケーションの最前線を探る実践Webマガジン
• U-Site…ユーザビリティの大御所、ヤコブ・ニールセン博士のコラム。
• Wikiウサギ…インフォメーションアーキテクチャ、情報設計などとよばれる分野の特にWebに特化した情報を集め、体系化を目論むサイト。

• コントラストの段階評価…検証してみたい文字色と背景色の組み合わせ。文字色、背景色のRGBの値を使って、色のコントラストを計算し、W3CのノートおよびWCAG2.0の草案に示されている基準値と比較します。
• 色名一覧

---

企業サイト ガイドライン・ポリシー

• 富士通アクセシビリティ…アクセシビリティと言えば、富士通が有名です。
• 富士通ユニバーサルデザイン…富士通ユニバーサルデザイン
• リコー"使いやすさ"への取り組み

---

参考サイト記事紹介

フォーム

• その気になった客を逃さないフォーム設計術
• 申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論
• 入力フォームのユーザビリティ&アクセシビリティ
• ユーザーインターフェイスデザイン研究所
• 【ビービット】メールアドレス欄のユーザビリティ
• 【ビービット】登録フォームのユーザビリティ
• 【ビービット】検索条件の入力画面で配慮したいインターフェース例
• 【ソシオメディア】最新のUIデザインパターン
• 【ワイキューブ】資料請求…優秀なフォーム例

ユーザーの意見ではなく行動を重視

• 成果を上げる！ユーザー中心ウェブサイト戦略――ビービット 遠藤直紀氏

ペルソナ

• ペルソナシート39名分とペルソナQ&Aを一挙公開! キャンセル待ち続出の「ペルソナ作り体験ワークショップ」レポート

SEO

• SEOに関して大手サイトが犯しがちな8つの間違い

画面横幅サイズ

• 画面横幅を900px以上にするメリットとデメリット。