タグ

WEB制作に関するWebDesignScrachのブックマーク (434)

  • 伝えるための情報デザイン、文章デザイン

    私たちは人に何かを伝えたいときに、言葉・絵・音・映像などを駆使して表現します。標識のようにひとつの形式でユニバーサルに伝わることもありますが、そうはいかないことがしばしばあります。このサイトでよく取り上げている「デザイン」「マーケティング」といった言葉は、広く使われている言葉ですが、人によって解釈や使い方が違うことがあります。そこで、切り口や伝え方を変えることで少しでも多くの方に興味をもっていただくよう工夫しています。 文章のペースや表現を変える技法を「修辞 (Rhetoric)」 と呼びます。この言葉にピンと来ない方はいらっしゃると思いますが。Wikipediaに書かれている技法の例をみると、耳にしたことがある言葉がたくさん出てきます。擬人法、反語、省略法、直喩法・・・これらをまとめて「修辞」といいます。 情報は大事ですが、その情報をどのように伝えたら効果があるのかを意識しなければ伝わる

    伝えるための情報デザイン、文章デザイン
  • ブレないワイヤーフレームを作るコツ

    すべてのワイヤーフレームは平等ではない 「ワイヤーフレーム制作の5つのアプローチ」で一見同じようにみえるワイヤーフレームにはそれぞれ特徴があり、目的に応じて使い分けた方が良いという話をしました。違うアプローチが幾つもあることは分かりますが、ではどのようなときにどれを使えば良いのでしょうか。選択するためのチェックポイントは4つあります。 ワイヤーフレームを作る目的はなにか 作ることで何を達成させたいのかを明確にします 制作プロセスのどのフェイズで用いるのか どのタイミングで作るかによってワイヤーフレームが果たさなければならない役割は変わります 誰がワイヤーフレームを見るのか クライアントなのか、デザイナーなのか、開発者なのかで異なりますし、彼等のプロジェクトに対する理解度にもよります 誰がワイヤーフレームを活用するのか ワイヤーフレームを使ってデザインをするのか、開発を進めるのか、それとも特

    ブレないワイヤーフレームを作るコツ
  • A/Bテストで素人が陥る罠: 神が宿るというディテールよりも先に…… | Moz - SEOとインバウンドマーケティングの実践情報

    ジェイソン・コーエン氏が6月に公開したA/Bテストに関する記事は、もっと注目を集めていいし、もっと詳しく掘り下げられるべきだ。オンラインマーケティングの世界にいる人間ならたいてい、クリックスルー率、会員登録率、コンバージョン率などを改善できるA/Bテストの威力を知っている。ページを訪問した人が望ましいアクションを起こす割合を高められるというのは、すばらしいことだ。 しかし、テストの仮説を立ててから、立案、開発、実行へと至るプロセスには、危険が満ちている。そして、いちばん目立たないが最も油断ならない落とし穴の1つが、実はテストの対象として何を選択するかなんだ。 グラフで見る「極小値」問題 ランディングページの各要素をテストするというのは確かに面白いし、やる価値がある場合もある。しかし、ランディングページや製品ができたばかりの段階では、適切でないことが多い。実際に、上の図にあるように、グラフに

    A/Bテストで素人が陥る罠: 神が宿るというディテールよりも先に…… | Moz - SEOとインバウンドマーケティングの実践情報
  • http://e0166nt.com/blog-entry-801.html

    http://e0166nt.com/blog-entry-801.html
  • ウチも個人情報取扱事業者だった? [企業のIT活用] All About

    ウチも個人情報取扱事業者だった? [企業のIT活用] All About
  • 外部リンクは別ウィンドウで開かせるべきか?  アクセス解析でユーザー行動を理解する

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    外部リンクは別ウィンドウで開かせるべきか?  アクセス解析でユーザー行動を理解する
  • 値引きはお客様への背信行為。Web屋のための値引き交渉ノウハウ | 企業ホームページ運営の心得

    コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) 心得其の百八十伍 消えた300万円不動産業界では100万円単位の値引きは当たり前で、3,980万円だった物件が1週間のうちに3,880万円となり、その翌週には3,680万円ということも珍しくありません。私も含めた周囲では、値引きなしに不動産を買った人はいません。「いまなら300万円値下げします」と耳元で囁き「落とす」ために、一般的な不動産価格にはあらかじめ「値引き分」が含まれているのです。これを「ズルイ」とはい

    値引きはお客様への背信行為。Web屋のための値引き交渉ノウハウ | 企業ホームページ運営の心得
    WebDesignScrach
    WebDesignScrach 2010/09/24
    "威圧する人間は「堂々」としている人間が苦手です"
  • 写真を使用してデザインをするためのベストプラクティス

    写真はウェブに限らず、デザインをする上で非常に重要な要素です。 ここではウェブデザインで使用する際の写真の入手から、カラースキーム、タイポグラフィとの組み合わせ方などシンプルで効果的な方法を紹介します。 Designing From a Photo: Quick Tips and Best Practices [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 写真の入手 Color Schemes Typography Bleed まとめ はじめに フォトグラフィはタイポグラフィ以来、デザインを成功させる最も素晴らしい手段です。クオリティが高い写真は程度の低いデザイナーでも素晴らしいデザイナーのように見せるでしょう。 素晴らしいフォトグラフィのデザインをするためにいくつかのテクニックとアイデアを紹介します。 写真の入手 まず第一に、デザイナーとしてあなたができる最も良い方

  • Co LtdとIncの意味の違い - 日向清人のビジネス英語雑記帳:スペースアルク

    コメント・トラックバックについて 不適切と思われるコメント、企画の趣旨にそぐわないコメントは掲載されない場合もあります。営業・勧誘目的と思われるコメントに関しても同様と致しますので、あらかじめご了承ください。 記事と無関係な内容のトラックバック、商用あるいはサイト誘導目的のトラックバックについては、当サイト運営者の判断で削除する場合もあることをご了承ください。 コメント投稿時にメールアドレスを公開すると、不特定多数からメールを受ける可能性があります。フリーメールを使用するなどしてご注意ください。 Co LtdとIncの意味の違い 社名の英語表記に入っている Co. Ltd.や Inc. について、ときおり、どう違うのだという質問を受けますので、きょうはその話をさせていただきます。 両方とも、会社が破綻しても、構成員(法律上は「社員」と呼ばれる出資者や株主のこと)は出資額をあきらめれば済み

  • 【レポート】これまでに犯したもっとも悪いデザインとプログラムミス | エンタープライズ | マイコミジャーナル

    Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. 人は必ず誤ちを犯す。しかし、誤ちは自分のスキルを向上させるためのもっともいい経験であり、もっともいい教材にもなっている。これまで繰り返されてきた誤ちを学ぶことは、自分のスキルを向上させる上で有益な材料といえる。What Is The Worst Design or Programming Mistake You’ve Ever Made? - Smashing Magazineにおいて、WebデザインやWebプログラミングで犯しがちな誤ちが7種類に分類されて紹介されている。紹介されている誤ちは次のとおり。 来やってはイケないミスを犯す。初心者から上級者まで広く犯しがち。 バックアップを取り忘れる。 計

  • これは便利!よく使うコードを保存・管理できる個人用リポジトリ -Code Bank

    HTML, CSS, JavaScriptをはじめ、XML, ActionScript, Flex, Java, Perl, PHP, SQL, Cなどさまざまな言語に対応したコードを手軽に管理できるソフトウェアを紹介します。 Code Bank [ad#ad-2] Code Bankは簡単に個人でコードを保存・管理できるAdobe Airのアプリケーションです。Subversionのコード専用お手軽版という感じでしょうか。 データベースはローカルとサーバーのどちらにも作成することができます。 画面はシンプルで、使い勝手もよいです。 コードの登録画面では、Language(登録する言語)、Title(タイトル)、Description(説明文)、Code(コード)、Tag(タグ)を登録できます。

  • 顧問契約を受注する口説き文句。メンテナンスがもたらすWeb屋と客のメリット | 企業ホームページ運営の心得

    コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) 心得其の百八十四 東京水、世界へ8月26日に東京都の猪瀬直樹副知事を団長とする「東京水道国際展開ミッション団」がマレーシアに飛びました。世界一の日(東京)の水道技術を売り込むことが目的です。なにしろ、水道管から水が漏れる「漏水率」はマレーシアでは37%ですが、東京都はわずか3.1%です。先進国の漏水率は平均10%ということですから、水道管技術の発達に加えて、絶え間ないメンテナンスが実現した驚異的な数字であるこ

    顧問契約を受注する口説き文句。メンテナンスがもたらすWeb屋と客のメリット | 企業ホームページ運営の心得
  • ユーザーにウェブサイトの信頼感を与えるための10のガイドライン

    ユーザーが安心してウェブサイトを利用できるように、ウェブサイトの信頼感を与えるためのガイドラインを紹介します。 Stanford Guidelines for Web Credibility [ad#ad-2] ガイドラインは少々古いものですが、現在でも通用するものではないかと思います。 下記は10のガイドラインとその簡単な説明を意訳したものです。 ウェブサイトの情報や記事が正確なものであるか実証することを簡単にする。 これらの証拠となる第三者やベースとなる資料へのリンクを掲載することで、ウェブサイトの信頼性をつくることができます。これらのリンクをクリックしないとしても、人々はあなたの情報や資料に対して信頼を示します。 ウェブサイトの運営組織、または運営者を明らかにする。 ウェブサイトが合法的な組織によるものであることを明示することは信頼性を引き上げるでしょう。一番簡単な方法は物理的な情報

  • ページの属性ごとに見出しの構造を変更するチュートリアル

    The heading structure for your blog 下記は各ポイントを意訳したものです。 はじめに HTMLの見出しの5つの基原則 トップページのための見出し構造 記事ページやシングルページのための見出し構造 カテゴリやタグの一覧ページのための見出し構造 見出しとHTML5 はじめに ページの見出し構造はSEOの非常に重要な要因の一つです。見出しはコンテンツのどの箇所が重要であるか、そしてそれらがどのように相互に結びつけられているかを定義するものです。 トップページ、あるいは記事ページ、カテゴリページなどそれぞれに適した見出しの構造があり、ここではそれを得るために基的なポイントを説明します。 HTMLの見出しの5つの基原則 構造の前に、見出しについて基原則をまとめます。 ページに関する最も重要な見出しは「h1」であるべきです。 どんなページでも通常、たった一つの

  • http://www.webdirectooor.com/webdirection/web10web/

  • サイトのモック等に使えるダミーのイメージを簡単に作れる「Dynamic Dummy Image Generator」:phpspot開発日誌

    Dynamic Dummy Image Generator - DummyImage.com サイトのモック等に使えるダミーのイメージを簡単に作れる「Dynamic Dummy Image Generator」。 サイト上でパラメータを指定するだけでダミーの画像が一瞬で作れます。 以下が生成される画像。 色やサイズ、テキストも自由に指定可能です。 ウェブ上で指定しなくてもURLを組み立てるだけで生成可能 http://dummyimage.com/600x400/c0c0c0/f00&text=phpspot+dummy これは便利かも。

  • 「内面化」に向かうWebの課題と解決案 (1/3)

    デバイスの多様化やソーシャルメディアの台頭など、Webの利用環境が変化している。ユーザーのニーズを追い求め、利便性を追求した結果、Webはどのように変わってきているのか。ユーザーの“Web利用”の変化から見えてきた課題と解決策を探る。(編集部) 情報の変化からみえてくる Web の原点回帰 20年前はパソコンがWebへアクセスするためのデバイスだったが、今では携帯電話をはじめさまざまなデバイスから情報へアクセスできるようになった。生活・仕事に欠かせない存在になりつつあるWorld Wide Webを発明したティム・バーナーズ=リーは1997年に以下のようなことを述べている。 「Webが優れているのはユニバーサル(普遍的)であることだ。障碍のあるなしに関わらず誰でもアクセスできることはWebの欠かせない特徴である (The power of the Web is in its univers

    「内面化」に向かうWebの課題と解決案 (1/3)
    WebDesignScrach
    WebDesignScrach 2010/09/03
    長谷川恭久さん
  • インターフェイスとしてテキストをみたときに考慮すること

    サービス、製品の解説するためにマニュアルやスクリーンキャストを作ることがあります。しかし、利用者はのんびり説明に耳を傾ける余裕がないときもあるわけですから、使っているうちに覚えてもらえるようなユーザーインターフェイスを必要とします。Webサイトをはじめ様々なシーンでいえることですが、すべてのアクションはテキストから始まっています。それゆえ、見た目を考える前にテキストでどのように簡潔に説明できるかを模索する必要があります。 例えば Twitter をみてみましょう。機能が少ないシンプルなサイトですが、UI 要素をすべて省いてしまうと状況が大きく変貌します。タイムラインを読むことは可能ですが、返信がしたい、設定を変えたいといったアクションを起こすことが出来なくなります。テキストは私たちが何かしたいときの道案内をしているということがテキストを省いてみることで改めて気付かされます。アイコンで補助で

    インターフェイスとしてテキストをみたときに考慮すること
  • 企業サイトの次世代ガイドライン・フレームワークをフリーライセンスで公開 - Web広告研究会 | 初代編集長ブログ―安田英久

    今回公開されたものは、あくまでもガイドラインを作る際に、どのような構成でどのような内容を含めていくべきかを定義したフレームワーク(枠組み)。まだガイドラインを作っていない企業やガイドラインをアップデートしていこうと考えている企業のWeb担当者が、この内容を参考に、Webサイトの運用におけるコミュニケーションツールとして、企業に必要なガイドラインを自社向けに作っていくベースとなる資料として公開されている。 企業にとってステークホルダーに対して必要な情報を正確に伝える際のインフラとしてWebサイトが必要不可欠になっているにもかかわらず、さまざまな技術への対応や法令遵守が必要だったり、制作会社に作業を委託していたりといった状況があり、Webを最大限に活用できていないのが現状。 サイトマネジメント委員会では、委員会参加企業の実態と抱えている問題の原因を考察したところ、その一因としてWebサイト構築

    企業サイトの次世代ガイドライン・フレームワークをフリーライセンスで公開 - Web広告研究会 | 初代編集長ブログ―安田英久
  • mediologic.com/weblog » サイトを企画する時に考えたい、4つのポイント。

    ■サイトを企画する時に考えたい、まず4つのポイント。 Webサイト、特にブランディングサイト、スペシャルサイト、キャンペーンサイトというものを企画する時に気をつけたいこと。 Google勤務時代はさすがにそういう仕事はなかった訳ですが、博報堂、電通、そして今に至るまで、サイトの企画をする際に、気をつけてきたこと、一緒に仕事をするスタッフとシェアしてきたこと、そしてこれから一緒に仕事することがあるかもしれない人々にもシェアしたい、僕の考え方をまとめておきたいと思います。 1)そもそもWEBサイトに人は来ない 僕自身、多数のWEB企画に参加してきたけれども、常にまず第一に念頭におくのは、そもそもサイトに人は来てくれない、ということ。Google時代にその考えはますます強くなった。検索をしてサイトに飛びだつユーザーは、その目的のためにそれぞれを訪れる。SEO/SEM業界でいう[ランディングページ