デザイン

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

---

ガイドライン

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

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

• タカシマヤのデザインガイドライン・・・タカシマヤ案件のガイドライン。
• タカシマヤ通信販売のデザインガイドライン・・・通販のガイドライン。
• タカシマヤ友の会 デザインガイドライン

• タカシマヤ用事用語と各種表示の統一・・・2009年2月版に更新しました。タカシマヤ案件では用語の統一が義務付けられています。不明な用語がある場合は確認しましょう。
• 広告表現における補足説明表記・・・高島屋の紙媒体や宣伝部案件における表記の統一について。オンラインに当てはまらない部分もありますが参考にしてください。

---

制作物・確認

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

---

プロジェクトまとめ

• 2009春 タカシマヤ オンラインショッピング Flash制作

---

サイト リンク集

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

• よくある質問・Q＆A 優秀サイト

---

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

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

---

参考サイト記事紹介

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

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

フォーム

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

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

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

ペルソナ

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

SEO

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

画面横幅サイズ

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