タグ

Web制作に関するctwのブックマーク (206)

  • 「GoogleAnalytics見てアクセス解析して」って言われた時にまずしていること - Qiita

    はじめに 僕はウェブサイト制作会社でサイトの運用・アクセス解析担当をしている者です。 ウェブサイトの制作・リニューアルを受注した際にプロジェクトに参加し、クライアントの現状サイトのアクセス解析とレポート作成、リニューアル提案が主な仕事です。 クライアントと直接相対するディレクターから「GoogleAnalyticsの権限もらったからアクセス解析して」とオーダーを受け、アクセス解析を行うことになります。 そもそも、初めて見るサイトを構造から理解し、リニューアルに資する提案ができるようなインサイトを得るまで分析するのは当に骨が折れます。 さらに(全くの主観ですが)、多くのクライアントはGoogleAnalyticsを「タグ貼っただけ」状態で放置しています。 そのため、計測したデータが整理されていない・そもそも正しく計測できていないということはよく起こります。 そして、そのような計測エラーがノ

    「GoogleAnalytics見てアクセス解析して」って言われた時にまずしていること - Qiita
  • ユーザー体験に関連するUXデザイントレンドまとめ デザイン会社 ビートラックス: ブログ

    ユーザー体験が商品やサービスの成功を左右すると言われはじめてから数年がたった。世界中の大部分の人たちがスマホを使い、ミレニアル世代を中心にモノを所有することへの興味が下がり、体験をデザインすることが一つのデザイナーの仕事として成立している。 こんな時代にあって、UXデザインはどのような変化を見せてきているのであろうか。2017年を振り返り、UXデザインを取り巻くトレンドをまとめてみた。 1.「使いやすさ」は基中の基にユーザー体験を設計する上でもっとも基となるのが「使いやすさ」。心地よい体験を提供するには、まずは基的な使いやすさの品質がカバーされている必要がある。専門的に言う所のユーザビリティ。UXの品質評価をする際に使われるUXピラミッド理論においても、下記の通り根底から3つの部分は使いやすさをカバーする要素になる。 Task – 目的達成可能 (レベル1-3)Task – 目的達

    ユーザー体験に関連するUXデザイントレンドまとめ デザイン会社 ビートラックス: ブログ
  • グロースとは学びを得ること - 後編|Go Ando / PREDUCTS / THE GUILD

    こんにちは、THE GUILDの@goandoです。 「グロースとは学びを得ること - 前編」の続きです。 後編ではグロースにおけるABテストの価値について、グロースに取り組む中で得た気付きと世界の動向をご紹介します。 正しいABテスト多くの方がご存知のABテストですが、時折見かけるのが「改善案Aと改善案Bの方法のどちらがより良い結果に繋がるかを検証」するための方法として利用し、更には全てのユーザーをランダムに50% vs 50%にスプリットして行っているケースです。 これは正しいABテストの利用方法ではなく、来は「現在の仕様A(対照群)に対し別の仕様B(介入群)の結果を比較」する実験方法で、仕様Bのみを特定の条件でランダムに抽出した一部の対象に対してのみ行い、元の状態との比較を行うのが来の活用方法です。 ABテストは統計学や疫学の歴史の中で成り立ったランダム化比較試験の方法に基いてお

    グロースとは学びを得ること - 後編|Go Ando / PREDUCTS / THE GUILD
  • 「爆速すぎて笑う」 表示速度が“異常な”Webサイト「dev.to」 その仕組みは

    「爆速すぎて笑う」「速すぎて逆に不安になるレベル」――「dev.to」という米国のWebサイトの表示速度が異常に速いと、ネット上で話題だ。なぜ速いのか、サイト創設者のベン・ハルパーンさんがサイト内の記事で説明している。 2016年にオープンしたdev.toは、プログラマーが情報を交換したり、議論したりできるコミュニティーサイト。トップページにはユーザーが投稿したブログ記事のタイトルやコメントが、SNSのタイムラインのように並んでいる。このトップページの表示にかかる時間、各記事をクリックしたときのページ遷移が“一瞬”なのだ。 なぜ速いのか。ハルパーンさんが17年2月に投稿したブログ記事によれば、米Fastlyが提供するCDN(Content Delivery Network)を活用している。CDNは世界中にキャッシュサーバを分散配置し、ユーザーごとに最も(ネットワーク的に)近いサーバにキャッ

    「爆速すぎて笑う」 表示速度が“異常な”Webサイト「dev.to」 その仕組みは
  • 【7年かかった】19歳から7年、1人で30個のWebサービスを作り一発当ててもう働く必要がなくなったので振り返ってみる - 考えすぎてしまう人のブログ

    どうもせせりです:) 19歳の頃からほぼ1人でRailsWebサービスを作り始めて早7年 紆余曲折ありなんだかんだで作ったサービスは30個ほどになりました 7年ほど前に一番最初に作ったTwitterアカウントで「僕の夢は25歳までに3億円を稼いで残りの人生を楽しむ事です」などと言っていました あれから7年がたち26歳になり、3億円は無理でしたが残りの人生贅沢しなければ働かずに生きていけるくらいにはなりました Rails勉強会、ハッカソン、未踏、などなど色々参加していましたし、狭いRails界隈なのでもしかしたら勉強会などでお会いした方は覚えている方もいるかもしれません 色々お話を聞いてくださりアドバイス下さった先輩方ありがとうございます あの頃の初心者は無事に夢にたどり着きました! 振り返ってみれば訴訟起こすぞって怒られたり、警察から電話がきたり、サーバー会社にサービス止められたり、サー

    【7年かかった】19歳から7年、1人で30個のWebサービスを作り一発当ててもう働く必要がなくなったので振り返ってみる - 考えすぎてしまう人のブログ
  • 【第8章】スコープマネジメントとは

    div.hs-menu-wrapper > ul > li" data-pacnav-mobile-width="820"> 製品 OBPM Neo for IT企業 OBPM Neo for 製造・工事業 機能 機能一覧 クラウド対応 システム連携 PMBOK 収益認識基準対応 SAML認証・多要素認証 サービス 導入・運用支援サービス リモートPMOサービス プロジェクト管理研修 xoBlos for OBPM Waha! Transformer 利用シーン 経営層・部門長向け プロジェクトリーダー/マネージャー向け メンバー向け 品質管理・PMO向け 間接部門向け 導入事例 情報子会社 SIer 受託開発・BPO パッケージメーカー エンドユーザ 価格とライセンス 保守サポート OBPM Neo 保守サポート OBPM Neo バージョンアップ情報 OBPM Neo 推奨スペック/動

    【第8章】スコープマネジメントとは
    ctw
    ctw 2017/09/08
  • Home - Pencil Project

    An open-source GUI prototyping tool that's available for ALL platforms. Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.1 which contains stability fixes and many new features. More details can be found in the release notes. Proje

  • デザイナーの視点から見たオシャレ&面白いバナーを30個集めてみました。

    こんにちは。花崎です。 アシアルでは、積極的にセミナー開催やイベントごとに出展をしています。 その際にバナー広告を作成するのですが、どのようにあの狭いスペースに載せたい情報を盛り込みクリックしたくなるようなデザインにするのかいつも頭を悩ませます。 一番訴求したい情報に目をひかせるか腕の見せ所でもあります。 そこで今回は、 デザイナーの視点から見たオシャレ&面白いバナーを30個集めてみました。 1. 芸人さんにかかっているモザイクと、このキャッチでついついリンクを押してしまいそうなデザインです。リンク先への誘導がうまいなと感じます。 2. 色使いと伝えたい内容がわかりやすくまとまっていて目を引きます。 黄色×赤は目立ちますね。 3. 前回書かせて頂いたブログでもあった、グレー×カラフルな色の組合せですね。 オシャレにまとまっています。 4. すっきりまとまっていて商品の味のイメージとマッチし

    デザイナーの視点から見たオシャレ&面白いバナーを30個集めてみました。
  • モバイルサイト 決済方法一覧/社長ブログ 【株式会社マリナックス】

    のモバイルビジネスといえば、決済が重要。 他国では、ネットのコンテンツにお金を払うという事が信じられないとか。 自分達もモバイルの決済があるからこそのマリナックスなのですが、 今日はモバイルサイトで良く使われる、キャリア決済のいろいろをまとめてみました。 とりあえず、一覧を見てください。 (2012年8月6日現在の情報です。キャリアの仕様はある時急に変化します。予めご了承ください) デバイス別 決済方法一覧!

  • 大規模サイトにおける Googleアナリティクス導入から成果まで - MOL

    ありがたくも、CSS Nite LP, Disk 19「アクセス解析」で話した「大規模サイトにおけるGoogleアナリティクス導入から成果まで〜Webデザイナーがアクセス解析に携わってみて〜」が 、CSS Niteベストセッション2011 のベスト20に選ばれたので、文字に起こしてみるの巻。 DMM.com Laboの石です。よろしくお願いします。今日は大規模サイトでのGoogleアナリティクス運用について話します。そんなに難しいことではないので、リラックスして読んでもらえれば幸いです。 アジェンダ 日の流れはこんな感じでやっていきます。 自己紹介 アクセス解析への動機 プロファイルの適正化 コンバージョン設定から改善施策へ まとめと今後の課題 自己紹介 では、やっていきましょう。まずは自己紹介させてください。Twitter IDは@t32kでWebデザイナーをしています。 2011/

    大規模サイトにおける Googleアナリティクス導入から成果まで - MOL
  • デバイス別Google Analytics導入ガイドライン

    1. Google Analytics Google Analytics SET UP GUIDELINE Google アナリティクス導入 ガイドライン アナリティクス導入 マルチデバイスLab. × hicage 2012.4.09 COPYRIGHT© IMJ CORPORATION.ALL RIGHTS RESERVED. 2. 目次 INDEX 00 INTRODUCTION はじめに 2 01 INSTALLING THE TRACKING CODE デバイス別導入方法 デバイス別導入方法 3 02 TRACKING MULTIPLE DOMAINS 複数ドメインの 複数ドメインのトラッキング ドメイン 6 03 TRACKING SSL PAGE FOR FEATURE PHONE フィーチャーフォンのSSLページ計測 フィーチャーフォンのSSLページ計測 ページ 7 04

    デバイス別Google Analytics導入ガイドライン
  • 2012年のSEOに影響を与えたGoogleの変化を総括 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    2012年も残すところ、後一か月を切りました。今年はGoogleがかつてない規模で数々のアルゴリズム更新を行い、SEO業界も激動の日々でした。ということでサーチエンジンランドからそんな2012年のSEOをいち早く総括した記事を。 — SEO Japan 評判 & 信頼 今年よく目にした、または耳にしたことが多いワードが、評判と信頼であった。と言っても、SEO業者の評判管理サービスではなく、ウェブサイトのコンテンツ、デザイン、そして、外部リンクにおける信頼である。 設立以来、グーグルおよびその他の検索エンジンは、詐欺的な策略を批判し、一貫した質の高さを推奨してきた。しかし、ここ1年間で、グーグルは今まで以上に効率よく、尚且つ広範囲に渡って、劣悪な行動を取り締まることが出来るようになった。ついに腰を入れたのだ。 声を上げるようになったグーグル 過去、グーグルは、ウェブマスターツールでブラック

    2012年のSEOに影響を与えたGoogleの変化を総括 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
  • SEOで成果を出すために必要な知識と実践方法の全て

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOとは、「Search Engine Optimization」(検索エンジン最適化)という意味で、今の日においては主にGoogleの検索エンジンで上位に表示されるための一連の施策のことだ。(Yahoo!やBingなどの検索エンジンも対象となる)わかりやすくいえば「自社サイトを1位に表示させるための対策」とも言える。 このページでは、よりビジネスを成長させたい方にSEOを攻略するために必要な具体的な知識とスキルを解説している。 ここで解説している通りに、真剣に取り組んでもらえれば、どのような業種の方でも今までをはるかに上回る流入と、コンバージョンを実現することができるようになるだろう。 現在、思うようにサイトにアクセスが集まらなくて

    SEOで成果を出すために必要な知識と実践方法の全て
  • 国内のレスポンシブWebデザインに対応したWebサイト

    NHKスタジオパーク / CREATIVE SURVEY|クリエイティブサ... / Baby-G - CASIO他...全8件

    国内のレスポンシブWebデザインに対応したWebサイト
  • これぞレスポンシブ確認ツールの決定版!OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer

    ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ

  • MdN Design|総合情報サイト

    スマートフォン・タブレット 4-01 スマートフォン/タブレット対応の最新潮流(前編) 急速に普及するスマートフォンとタブレット端末。Webサイトを構築する際に、もはやこの二つを無視することは不可能な状況となっている。ここでは、Web制作現場におけるスマートフォン/タブレットの流れについて解説する。 制作・文/糟谷博陸(株式会社サイズ) 現在、スマートフォン/タブレット対応を考えないWebサイト制作はもはやありえない状況になってきている。矢野経済研究所によるスマートフォン市場の調査結果では、2011年度の国内市場におけるスマートフォンの出荷台数は2010年度の2.5倍となる2131万台と予測、2011年度の国内移動体通信端末出荷台数の過半数がスマートフォンになると予測している(注1)。 2011年8月25日、世界初のWindowsPhone 7.5端末「IS12T」が日で発売され、さらに

    MdN Design|総合情報サイト
  • クリック率・コンバージョン率を高めるボタン。3つの大きなポイント

    WEBサイトを運営していれば、サイトに訪れてくれたユーザーに【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、たくさん起こして欲しいと考えると思います。 そのためWebクリエイターは、どうしたらコンバージョン率や数が高まるのかを日々考え・テストを繰り返しています。 私もそのことを考えている1人として、今回はサイトの目的を達成させるために欠かすことのできない大変重要な要素の1つである【行動を呼びかけるためのボタン(Call to Action Button)】についての考えをまとめたいと思います。 目的を達成へと導くボタン ボタンはホームページの最終的な目的である【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、ユーザーに起こしてもらうためには欠かせない要素の1つです。ボタンのデザインやボタン内の文章を変えただけで、資料請求が増えたなんていう事例はたくさん存在

    クリック率・コンバージョン率を高めるボタン。3つの大きなポイント
    ctw
    ctw 2012/08/07
    日本だけのデータもみたい
  • WEB制作|デザイン会社|超簡単! 髪の毛の画像を1分で切り抜く方法まとめ

    お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない! 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか!」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお

  • 効果音などのサウンドがフリーでダウンロードできるサイト55選

    HONGKIAT.comのエントリーから、サウンドファイルがフリーでダウンロードできるサイト55選を紹介します。 55 Great Websites To Download Free Sound Effects

  • 無料で音源(効果音やBGM等)素材をダウンロード出来る15のサイト - かちびと.net

    フリーで音源をダウンロードする事 が可能なサイトのまとめです。人に 聞かれて探したのでついでにメモ。 ライセンスはサイトごとに異なるので それぞれご確認の上でご利用下さい。 フリーで使える事を条件に探しました。ライセンスはそれぞれ異なります。 The Freesound Project 要ユーザー登録。とにかく量が凄いです。現在8万以上。 The Freesound Project Sound Jay ボタン用、自然系などカテゴリ分けされています。 Sound Jay Open Source Audio 投票も可能です。ユーザー参加型。 Open Source Audio Soungle 音源専門の検索エンジンです。 Soungle freeSFX 要ユーザー登録。見やすくて探しやすいです。 freeSFX FleshZen イタリア語なので良く分かりませんが、ループ音源を扱うサイトっぽい