サイト改善に大切な3つの分析手法とおすすめWeb解析ツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGのアートディレクターの長岡です。 分析の手法はさまざまですが、色々な視点から分析することで、多くの課題が見えてくるようになります。 改善に大切な3つの分析視点 アクセス解析やデータから定量的な分析をする 定量では計れない部分を、ヒートマップ・クリックマップを使って分析をする ユーザビリティテストやユーザーテストから定性的な分析をする それぞれ特徴がありますので、今回はそれらの分析手法と、いくつかオススメのツール、サービスをご紹介したいと思います。 これからサイトを改善される方には、ぜひとも読んでいただきたい内容です。 ▼目次 まず、物事を正しく捉えるには、主観と客観の両視点が大切 それでは、そもそも定量と定性って何？ 定量とは？ 定性とは？ 視点1）アクセス解析やデータから定量的な分析をする Google Analytics Adobe Analytics Yahoo!J
Creative Suite 6 および CS6 アプリケーションのダウンロード
購入した Adobe Creative Suite 6 または単体の CS6 アプリケーションのインストールメディアが無い場合は、以下の一覧からインストーラーファイルをダウンロードできます。 シリアル番号について インストールしたアプリケーションを使用するには、シリアル番号が必要です。シリアル番号の確認方法については、以下の文書を参照してください。 登録済み製品のシリアル番号をオンラインで確認する方法 シリアル番号の検索 必要システム構成 以下の文書から、インストールするアプリケーションの必要システム構成を確認してください。必要システム構成を満たしていない場合、インストール処理が正しく完了しない可能性があります。 http://helpx.adobe.com/jp/x-productkb/global/cpsid_89897.html 問題が発生した場合 サポートアドバイザーが参加する、弊
レスポンシブデザインの高速プロトタイピングツールAdobe Edge Reflow | DECONCEPTER
レスポンシブウェブデザインのワークフローを改善するツール 昨年Adobeが発表したEdge Tools & Servicesの中で唯一リリースされずにいたAdobe Edge Reflowが2月15日に発表された。 先行して公開されているEdge Web Fonts や Edge Inspectなどと連携しながら高速にレスポンシブデザインのモックアップ作成が可能となる。 Adobe Developers ConnectionにEdge Reflowの概要と今後の可能性について書かせていただきましたのでご覧ください。 レスポンシブWebデザイン制作におけるEdge Reflowの可能性 | ADC – Adobe Developer Connection Edge Reflowのメリット Edge Inspecetを活用してPCサイトとモバイルサイトのモックが並行して作成できるのは大きい。又
デザインの現場ですぐに活用できる、Photoshopを使った時短テクニックが身につく一冊『神速Photoshop』
Photoshopを使ってその結果は同じでも、人によっては作業方法が違い、そしてかかる時間も異なります。より多くの時間をクリエイティブに割くため、作業にかかる余計な時間を短縮する現場に役立つ神速シリーズ第一弾のテクニック本「神速Photoshop」を紹介します。 この本は初心者向けのPhotoshopの使い方などはありません。Photoshopで素材を作る、画像補正をする、ウェブのレイアウトを作成するなど、普段からPhotoshopを使用しているデザイナー向けの本です。 とは言っても、デザインメインではない僕でも理解でき、すぐに使えそうなテクニックが満載なので、一つずつ試していくだけで自然とスキルアップする予感がします。
Adobeソフト激安！という広告が半信半疑だったけど、本当にPhotoshop CS6が安く買えたのでそのレポート
先月くらいから、あちこちのサイトのAdSenseで見かける「Adobeソフト激安！」の広告が気になっていて、買ってみたら本当に激安で、お仕事にも利用できるのが分かったので、そのレポートです。 追記：2014/4/10 この記事を書いてから一年以上経ちますが、まったく問題なくPhotoshop CS6を利用できています。 4/25にパッケージ版の販売が終了しますが、記事はそのまま残しておきます。 MacにインストールしたPhotoshop CS6 Twitterなどで何人かの人に質問を受け、気になりつつも半信半疑なのも正直なところだと思うので、ざっとレポートします。 流行りのステマじゃないですよｗ 購入前に、半信半疑だったこと 確かに表記価格は、店頭やオンラインショップよりはるかに安いです。 Amazonで118,126円のPhotoshop CS6 Extendedが33,000円（Ama
Flashがゲームに活路、Game Developer Tools登場
アドビはFlashの未来を本気でゲームに賭けたようだ。アドビ システムズは、12月4日、ゲーム開発ツール群「Adobe Game Developer Tools」を発表した。パフォーマンスチューニングツールの「Adobe Scout」、C/C++のクロスコンパイラ「Flash C++ Compiler」、「Adobe Gaming SDK」などからなり、製品名に「Flash」の文字こそないものの、Flashゲームに特化した開発ツール群となっている。 Adobe Scoutは、Flashコンテンツのパフォーマンスチューニングツール。2011年に「Monocle」というコードネームで紹介されていたもので、Game Developer Toolsの投入に合わせて正式版としてリリースされた。ActionScriptだけでなく、Flash PlayerやAIR内部の動作状況をモニタリングでき、Fla
HTML5アニメーション作成ツール Adobe Edge Preview3の使い方 前編 | Irrelevant Space
AdobeはHTML5を使ったアニメーションの制作ツールとしてAdobe Edgeを無料で公開しています。 2011年8月にpreview1が公開され、1か月ごとに新しいプレビューが公開されているので、2011年10月現在ではpreview3になっています。 今回はそんなAdobe Edgeについて全体の概観や簡単な操作方法を紹介したいと思います。 Adobe Edgeのインストール まずAdobe EdgeをHTML5 tools, Animation tools – Adobe Edge Preview | Adobe Labsからダウンロードします。 ダウンロードにはAdobeのアカウントが必要です。 ダウンロードしたファイルを解凍したらセットアップ用のファイルを実行してインストールしてください。特に迷う部分はないと思います。 なお、Win版はOSがVistaか7である必要がありま
Photoshopでリアルな水彩画風のブラシを作る方法
Adobe Photoshopで、上の画用紙に描いた水彩画のような表現を、ブラシの設定を行うことで実現する方法を紹介します。 ブラシやパターンのプリセットは全て標準でインストールされているものを使用しています。 必要なもの： Adobe Photoshop 7.0以降（Photoshop Elementsシリーズ不可） Intuosや、Favo、Bambooなどのペンタブレット 作例はWindows 2000、Photoshop CSの環境です。 Photoshopを起動して、ブラシツールが選択された状態で以下のように設定します。 「ブラシプリセット」から ソフトエアブラシ – 円 65 を選択 テクスチャの保護 ウェットエッジ にチェックを入れる 「ブラシ先端のシェイプ」で 硬さ：30% にする 「シェイプ」にチェックを入れ、 サイズのジッター：50% 最小の直径：50% にする 「散布
クリスマス・ハロウィン・バレンタイン・母の日・父の日など、イベントごとのカラースキーム素材
クリスマス・ハロウィン・バレンタイン・母の日・父の日など、イベント用のページ制作に役立つカラースキーム素材を紹介します。 40 Color Swatches - SET 2 カラースキームは全部で、40種類です。 まずは、クリスマスやハロウィン、イースター用のセットはこんな感じです。 クリスマスはサンタやツリーをイメージするものから、雪景色をイメージするものがあります。 バレンタイン・母の日・父の日・セント・パトリックのセット 素材は、Photoshop用の「.aco」、Illustrator, inDesignでも利用できるAdobe Swatch Exchangeの「.ase」が揃っています。 ダウンロードは、Elemental DesignのFreebiesページからです Freebies -Elemental Design カラーパレットの利用は個人でも商用でも無料、とのことです。
Create Websites Without Writing Code Using Adobe Muse
2014年8月17日 Webサイト制作, 便利ツール グラフィックデザイナーさんの中にはWebデザインに挑戦したいと思っている人もたくさんいると思います。それでもなかなか一歩踏み出せないのはマークアップやコーディングがなんだか難しそうだからではないでしょうか？先日、ロンドンで出会ったグラフィックデザイナーさん達と話して、「タグの文字列を見ただけで蕁麻疹が…」というように食わず嫌いのソースコード恐怖症な方が多いようで、どうにかしてその思いを払拭できないか？Webデザインの楽しさを伝えられないか？と思い、印刷デザイン感覚でWebサイトが作れる「Adobe Muse」を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ Adobe Museとは？ 「Adobe Muse」はデザイナーさん達御用達のAdobeが提供する、印刷物をデザインする感覚でWebサイト制作できるアプリです。HT
Adobe AIR for iOSによるiPhone/iPadアプリケーション開発第1回/第2回 環境構築とHello World | DevelopersIO
Adobe AIR for iOSによるiPhone/iPadアプリケーション開発第1回/第2回 環境構築とHello World 本記事は工学社月刊I/O 2011年10月号、11月号に掲載された記事の原稿をブログ化したものです。本誌の記事の内容とは異なる場合があります。転載に関しては工学社様の許可を得ております。 執筆しました：工学社 月刊I/O Adobe AIR iPhone/iPadアプリ開発 第1回 執筆しました：工学社 月刊I/O Adobe AIR iPhone/iPadアプリ開発 第2回 Adobe AIR for iOSによるiPhone/iPadアプリケーション開発：連載目次 また、下記記事も併せてご参照ください。 Flash BuilderでiOSアプリを作る【第1回】『Apple iOS Developer Programへの登録（前編）』 Flash Build
JSエンジニアがアドビに聞く “iPhoneでFlashが動いたらアドビはFlashの開発を続けたか”
FlashとHTML5の関係が注目される今、アドビはHTML5をどのように見ているのか。 HTML5エンジニア向けサービス「jsdo.it」、Flashエンジニア向けサービス「wonderfl build Flash online」を運営するカヤックのフロントエンドエンジニアが、来日したアドビシステムズ Web Platformディベロッパー アドボカシー ディレクターマイク・チャンバーズ（Mike Chambers）氏に、Flashの今後や、ツールベンダとしてHTML5とどう関わっていくかを聞いた。 HTML5との関わりに関して ──まず、よく聞かれる質問だとは思いますが、アドビはHTML5で起こる技術的変化を歓迎するのでしょうか、それとも迎え撃とうとしているのでしょうか。 もちろん、歓迎します。基本的に、私たちは、どのような技術的変化も歓迎します。 ただ、これまでは私たちがHTML5に
FlashCS6でProgressionが使えるか試してみた – 宇都宮ウエブ制作所
正宗です。ついに出ましたね。Adobe Creative Suite6。 月額5千円（CS3以降を持ってる人は最初の一年間は月額3千円のキャンペーンもやってます）で使えるAdobe Creative Cloudという目新しいライセンス形態も話題となり、購入を検討しているクリエイターや企業も多いのではないでしょうか？ ちなみに私は悩んだあげくCreative Cloudにしました。 うちの制作所単位では、 Design & Web Premium+After Effectsあたりがあれば十分なんですが、特にAfter Effectsはそんなに最新版買ってもまだ使いこなせない機能のほうが多いですし、さらに私個人としてはFlash、FlashBuilder、Fireworks、Dreamweaver、とこの4つさえガチ最新であれば業務のほぼ全ては作業可能なため自分のAdobeIDでCreativ
Adobe、Android 4.1からFlash非対応 8月15日にはGoogle Playからも姿を消す
1： マヌルネコ(兵庫県)：2012/07/02(月) 12:19:16.55 ID:U5tjqWLK0 http://internet.watch.impress.co.jp/docs/news/20120702_544162.html 米Adobe、Android 4.1はFlash非対応～新規インストールは8月15日で終了 米Adobeは29日、かねてから予告していた通り、Flashのサポートを減らしていく方針を改めて確認した。 特に、今週Googleが発表した次期「Android 4.1」ではFlashをサポートしないことを確認。また、既存ユーザーに対しても、8月15日以降はGoogle PlayからFlash Playerが新規インストールをできなくする方針を明らかにした。 すでにFlash Playerがインストールされている場合、利用は継続できる。また、セキュリティーアップデ
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Macromedia Flash - その他のダウンロード
新着記事
Adobe系アプリショートカット壁紙 | コリス