オウンドメディアの運用では、目的設定と同時にそれが達成できたかを評価することが重要です。評価するための重要なツールの一つがアクセス解析です。ここでは、Google が無料で提供するアクセス解析ツールである、Google アナリティクス（Google Analytics、GA）を中心に、アクセス解析のやり方を説明します。 オウンドメディアの数字を計測する意味 オウンドメディアの運用は、ユーザーに価値のある情報を提供して、ユーザーの関心を高め、自社やブランドを認知してもらう、あるいは正しい知識の普及を行う施策です。施策を評価するためには、発信した情報が届けたい相手にどれくらい届いているのかをアクセス解析ツールを使って検証します。 さらに検証結果を元に次の施策を検討します。このままのやり方で進めるべきなのか、それとも切り口を変えていくべきなのか、必ずしもアクセス解析ツールだけでは決められない場合
はじめに こんにちは。 株式会社デジサク の多森です。 今回の記事では、要件定義・プロジェクト企画を推進するためのネゴシエーション術について扱っていきます。 ITプロジェクトを推進していて、こんなことを感じた経験はないでしょうか？ 「バラバラな意見・要望を収集できない」 「発言力がある人の影響に負けてしまう」 「いつまでも追加要望が止まらない」 関係者の意見を尊重しつつも優先順位を明確にして、全員で同じ目的に向かってプロジェクト推進するバランス感覚が欲しいと常々感じます。 こんな悩みを解決するために、、 「センスに頼らない！要件定義・プロジェクト企画のネゴシエーション術」 こんなテーマで、様々な関係者とスムーズに調整する考え方を３つの軸（タイプ別・役職別・フェーズ別）で整理しました。 本記事の章立ては以下の通りです。 ーーーーー 企画・要件定義のほとんどは関係者との調整 ポイント①：思考タ
1000ページ超の大規模サイトのサイトマップを1分で作成する方法 - DESIGN JOURNAL - 株式会社モンスターラボ
こんにちは、情報アーキテクトの曽です。主に情報設計の部分を担当しています。 A.C.O.ではWebサイトのリニューアル案件を多く取り扱っているため、現状調査の一環として既存サイトのサイトマップ（サイト構造図）を作成するタスクが定期的に発生します。案件によってはサイトの規模が数百〜数千ページにのぼることも多く、手動で一つ一つのリンクを辿りながら作成する方法ではとても間に合いません。そのため、必然的に複数のアプリやツールを使って効率よくサイトマップを作ることになります。 情報設計業務の経験を重ねていく中で、もともと社内で確立されていたサイトマップ作成方法をさらに一歩進化させることに成功したので、今回はその方法をご紹介します。この方法のおかげで、数千ページ級のサイトであっても実作業時間1分足らずでサイトマップを作成できるようになりました。サイトマップ作成に手間取っている方がいたら、ぜひ参考にして
はじめまして！LayerXのカレー担当のN_Taisho（西井）です。 私は、もともと霞ヶ関の役人として、６年ほど地方財政支援、大規模災害の被災地の復旧・復興支援、国際協定交渉等に関わってきました。現在はLayerXに所属しながら、三井物産デジタル・アセットマネジメント株式会社（以下、MDM）にてProduct Managerとしてプロダクト開発に主に携わりつつ、会社立ち上げに係る様々な業務に従事させてもらっています。 このMDMは、「眠れる「銭」を、Activateせよ。」をミッションに、「Operation × Techでどうアセマネ業務をリデザインするか」に取り組んでおりますが、その概要については以前、同じくLayerXに所属しながらMDMにコミットしている丸野が執筆した以下の記事が詳しいところなのでそちらをご一読いただければと思います。 tech.layerx.co.jp 今回は、
みなさまこんにちは、Webディレクター・プランナーのむむです。 Webサイト（ホームページ）を作りたいと思ったときに、何から調べたらいいのか悩みませんか？ 決して安くない金額と時間がかかるWebサイト制作。Webサイト制作で頭を抱える人が少しでも減りますように……。そんな願いを胸に、 Web制作（ホームページ制作）に関して、これを見れば全部わかるという資料を作りました！ なんと全75ページの超大作！ もう、本ですね。当時の自分にこの資料を渡してあげたい。 資料ダウンロード また、こちらの記事ではWebサイトを制作するメリットや価格、制作期間などを解説します！ LIGにWeb制作の相談をしませんか？ 2007年創業、年間150サイト制作の実績で、毎年複数のデザインアワードを受賞しています。 訪問した瞬間貴社の魅力がグッと伝わる！そんなWebサイトを制作します 💡LIGのWeb制作実績・お問
おそらくWeb制作を依頼した側の会社からすると何をやっているのか全くわからないであろう「WordPressの保守」という項目。 やってることわからないし別に依頼する必要はないなと判断してしまうようなケースも多いかなと思う。 WordPressを利用する上で必要なことなので、私が会社や個人で保守という作業の中で一体何をやっているのかを紹介する。 最初に結論 保守でやっている作業は以下の通り。 WordPressの本体のアップデート WordPressのテーマのアップデート WordPressのプラグインのアップデート 不具合が起こった場合の状況把握 不具合の修正（いただいている料金による） WordPressやWeb技術に関する情報の収集 WordPressの保守と更新代行の違い 大いに勘違いしている人がいるのだが、WordPressの保守と更新代行は違う。 WordPressの保守は最初に
皆さんこんにちは。 ギャプライズ鎌田(@kamatec)と申します。 先日以下のようなツイートをした所ちょっとだけ盛り上がりました。 CV率の話しをするとき、この図を使うことがある CVする人の中にも2種類いて、サイト内の施策で動かせるのは②だということ。 CV率をあげるときには「動く人」を増やすよりも「動きたくても動けなかった人」を動けるようにするほうが早いよ って話しをしたりします pic.twitter.com/XaoebSFA39 — 鎌田@コンバージョンの魔術師 (@kamatec) June 2, 2020 そこで今日はこの「コンバージョン率(以下CV率)」というものについて深く掘り下げてみようと思います。 ではまず最初に一つ質問です。 皆さんのWebサイトにおけるCV率は何％でしょうか？ おそらくですがメディアなど閲覧自体が目的のサイトを除き、何かしらCVポイントがあるサイト
ネイティブLazyloadを可能にするloading=lazy属性がウェブ標準に、Chrome以外のブラウザサポートに期待
[レベル: 上級] loading=lazy 属性で実装するネイティブ Lazyload がウェブ標準になりました。 Chrome 以外のブラウザのサポートが期待されます。 The lazy loading attribute (<img loading="lazy") is now officially a web standard 🎉 Thanks to @domfarolino and other community members!https://t.co/fMqFq8gBVs pic.twitter.com/fFotntnBlD — Houssein Djirdeh (@hdjirdeh) February 12, 2020 The specification for native image lazy-loading has been merged into the HTML
「要件定義」がうまく機能しない「3つの壁」
はじめに 「ユーザーエクスペリエンス(UX)デザイン」という言葉を、よく耳にするようになりました。UXデザインの分野には、エンドユーザーのニーズをつぶさに拾いあげることで、プロジェクトやビジネスを成功に導くためのノウハウが集まっています。 UXデザインの基本のひとつは「エンドユーザーにインタビューにいく」ことです。 本連載を通じて、ユーザーインタビューの「はじめの一歩」を体験していきます。第1回、第2回では、「そもそもユーザーニーズはどのようにすればわかるのか」について解説します。 「エンドユーザーにうれしいものづくりをしよう」と考える UXデザインでは「私たちは、誰を『しあわせ』にするために、ものをつくっているのだったか?」を強く意識します。 UXデザインの根本的な思想は、「エンドユーザーにうれしいものづくりをしよう」と考えることです。エンドユーザーにうれしいものをつくり、ビジネスがうま
Webサイトリリース前後におこなっている忘れがちな確認事項まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのともぞうです。 今回はWebサイトのリリース前後に最低限おこなっている確認作業を一部ご紹介します。 LIGでは、リリース後でないと確認できないことや、案外忘れがちなものを「最低限おこなうものリスト」として管理しています。あくまで忘れがちなものたちの確認のため、クロスブラウザテストや機能テストといったスケジュール内に組み込まれるものは対象外になっています。 リリース前の確認作業 リリース前には、以下のことを実施しています。 最低限おこなうものリスト（リリース前） faviconは正しく表示されているか metaタグは記述されているか（title,description） ogpタグは記述されているか（type,title,description,url,site_name,image） headタグ内に不要なタグが出力されていないか canonicalの設定は
Hiroyuki Ito2019-07-30LINE株式会社のSET（Software Engineer in Test）です。「SETタスクフォース」（以下「SETチーム」と表記）のリーダーとして、主にLINEプラットフォームのサーバーサイドで、テスト自動化を活用したプロダクト開発ライフサイクルの改善を立案・実施・主導しています。また、アジャイルコーチも兼務しています。 はじめに こんにちは。LINE株式会社のSET（Software Engineer in Test）の伊藤 宏幸（Hiroyuki Ito）です。 皆さんのチームでは、タスクの引き継ぎに際して、どのような準備をされていますか？ また、onboarding（新しいメンバーをチームに慣れさせ、成果を出せるよう導くこと）で、どのような工夫をされていますか？ さらに、チーム・メンバーの成長のために、どのような仕組みを取り入れてい
問い合わせから提案までを爆速に！Webサイト提案で使える分析解析ツール9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナー・ディレクターのありさんです。 お客様からのリニューアルのご相談、サイト改善を行うときに、営業提案資料を作っています。今回は資料作成で私が調査・分析に使っているWebツールを紹介します！ NDA締結前はGoogleアナリティクスやGoogle Search ConsoleなどGoogle系ツールを共有してもらうことできないので、外部の調査ツールを使うことが多いです。 提案を行う際によく使うWeb解析ツールの概要や活用例、おすすめの種類などについてを紹介します！ Googleアナリティクス GoogleアナリティクスではPVや訪問数、直帰率など、Webサイトに訪問したユーザーの行動がわかります。 目標設定を行なっている場合は、目標完了数、目標完了率を確認することが可能です。 NDAを結んでいてGoogleアナリティクスのデータを見せてもらえる場合は、提案資料に活用しま
Webサイトやスマホアプリの画面遷移や構造を設計するための無料フローチャート素材 -Greyhound Flowcharts
Webサイトやスマホアプリで見かけるレイアウト・コンポーネント200種類以上のフローチャートが揃ったSketch, Figma対応の無料素材を紹介します。 無料とは思えないほど、非常に高品質です。 プロトタイプをデザインする時に、そしてサイト構造やユーザーフローを設計する時にも役立つ便利な素材です。
1,801のユーザー行動を分析した結果わかった、ユーザーがGoogleを使う際の12の真実 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 変化し続けるユーザーニーズに対し最大限対応していくことは、あらゆるWebサイトにとっての命題と言えます。SEOに直接関係があるにせよ、ないにせよ、ユーザーを満足させることができなければ上位表示も難しいでしょう。 ユーザーニーズの把握は非常に難しいトピックですが、ユーザー行動を把握することでそのヒントを得られるかもしれません。 今回は、Backlinkoによる、ユーザーの検索行動を調査した記事を紹介いたします。 最新のGoogleの検索結果に対し、人々がどのように関わっているかをより良く理解するため、我々は1,801のユーザー行動のセッションを分析した。 特に我々が調査した項目は以下のとおりだ。
この記事ではワイヤーフレームを作成するとき、FigmaやXDを開いて手を動かす前に、情報設計をどのように整理し、考えていくかについてまとめています。記事内でWebサイトでワイヤーフレームを作成するときに注意したい点として、下記のように書きました。 ツールを立ち上げてアレコレと考えながら手を動かすとフォントやレイアウトにこだわりだしたりしてしまい、あっという間に時間がなくなってしまいます。考えてから形に落とすことを徹底するためにIA（情報設計）を考え抜くことが大切です。 0. 情報設計とトンマナ設計を分けて考える情報の優先度、情報の量、情報の回遊性といったIA（情報設計）を考え抜くことはワイヤーフレーム作成において最も重要です。IAを考え抜いたその後に、FigmaやXDを使ってワイヤーフレームを形にしていきます。では実際にワイヤーフレームを形にしていくとき、どのような工程で進めていくと良いか
UX Movementの著者および創設者。ユーザー体験においてのデザインのベストプラクティス、スタンダードおよびテクニックを教え、それを広めることでより良いデジタルの世界を作り上げることを目標としています。 入力フィールドは、ユーザーに情報を要求するもっとも一般的なインターフェイスの要素です。入力フィールドにはさまざまなサイズや形状、スタイルがあります。そのような選択肢がある中で、最適なユーザビリティを提供するには、どのように表示すればいいでしょうか？ 強い視覚的な手がかり 最適な表示方法は、入力フィールドの機能と、ユーザーがどのように操作するのかによって決まります。つまり、入力フィールドには、ユーザーが何をすべきか示す強い視覚的な手がかりが必要です。 入力フィールドは、インターフェイスにテキストを入力するために存在します。したがって、ユーザーが視認したらすぐに行動を起こせるように、入力フ
アニメの制作サイドとして入口の役職であり、将来的には演出家や監督、プロデューサーなど多岐にわたる仕事につながる「制作進行」がどういう仕事なのか、実務内容まで細かく解説したマニュアルが、日本動画協会の公式サイトで無料公開されています。 「アニメシリーズ制作における 制作進行のマニュアル」 WEB 無償公開のお知らせ | 日本動画協会 https://aja.gr.jp/info/1583 TVアニメシリーズ制作における制作進行のマニュアル | 日本動画協会 https://aja.gr.jp/download/tv-anime_seisakushinko_manual このマニュアルは大きく「1.日本アニメの特徴と形式」「2.制作進行とは」「3.アニメ制作の基本工程」「4.アニメに関わるスタッフ」「5.制作進行の実務」の5つの章で構成されています。 「1.日本アニメの特徴と形式」の章は「日本
昨今、プロダクトマネージャー（以下PdM）の需要が高まり、多くの企業で採用や育成に取り組んでいることと思います。しかし、PdMは幅広いスキルや役割が求められるため、どのようにステップアップしていくのか、定義することが難しい面があります。 そこで私たちのチームでは、PdMの「スキルマップ」を作成してみました。あくまで私たちのように「クライアントワークを行うPdM」向けのものではありますが、PdMのキャリアを考えている人や、PdMとして成長したいと考えている人へ、自身のスキルを客観視するきっかけになるかと思い、この記事でご紹介することにしました。 スキルマップと合わせて、各々のスキルをどのように身につけるのかや、スキルを得た先にあるキャリアパスについても触れたいと思います。ぜひご覧ください。 グッドパッチが求めるPdMスキルを「35項目」に整理 今回私たちが作成したスキルマップでは、PdMのス
この記事では、対話型AIチャットボット「ChatGPT」を、Webページ制作にどのように活用できるか、実際に試しみたのでご紹介。 スポーツマンやアスリート向け、スマートウォッチのWebランディングページを、ChatGPTの力をつかって作成します。 Midjourneyの呪文プロンプトで生成できる、架空のスマートウォッチ。 ChatGPTがWebページのレイアウトや、各セクションのコンテンツ内容やUXライティングに、どのように役立つのか、実験を目的としたチュートリアルです。 ChatGPTとは何？ ChatGPTは、イーロン・マスク氏やマイクロソフト社が出資している、OpenAI社が作成した対話型AIチャットボットです。 ユーザーが、任意のトピックについて、自由に質問（日本語にも対応）をすると、AIが生成した回答例を返してくれ、その精度の高さから世界中で話題に。 2022年11月にリリースさ
先日1500ページくらいのやや大きめなコーポレートサイトのワイヤーフレームをディレクター、デザイナー、テクニカル担当、アシスタントという職能や経験もバラバラのチームで共同作成しました。みなが足並みを揃えて進めていけるようにワイヤーフレームの作り方を要素分解して、共通理解を持って作業をできるようにしました。どのような手順や考え方で進めていったのかをnoteにも記しておきます。 0. 情報設計とトンマナ設計を分けて考える Webサイト制作ではデザイン着手前の工程でワイヤーフレームと呼ばれるWebサイトの設計図のようなものを多くの場合で作ります。デザインとの違いは何かというと、上図のようにワイヤーフレームでは「情報設計」を主として扱います。そのためトンマナ（トーン&マナー）と呼ばれるWebサイトの印象や雰囲気を形作る要素については考えず、Webサイトに掲載する情報について決定することが目的となり
あなたのチームは「関係性の罠」にはまっていませんか？：日本全国に広がっている「関係の質牧場」にご用心！ | 立教大学 経営学部 中原淳研究室 - 大人の学びを科学する | NAKAHARA-LAB.net
あなたのチームは「関係性の罠」にはまっていませんか？：日本全国に広がっている「関係の質牧場」にご用心！ ※7月29日はブログを休止させていただきます。土曜日の大学院説明会・日曜日のビジネスリーダーシッププログラムのサマーキャンプと、ともに走り抜けました。7月30日から再開させていただきます！ 「あなたのチーム」は「関係性の罠」にはまって、言いたいことがいえず、創造性を失っていませんか？ ・ ・ ・ 「関係性の罠」は、立教大学で兼任講師をつとめ、また自らもコンサルティングファーム（ポラリスパートナーズ）を経営なさっている留岡一美先生の造語です。 ポラリスパートナーズ（留岡先生） http://www.polaris-partner.com/about.html 留岡先生におかれましては、2年生向けのリーダーシップ教育プログラム（BL2）で大変熱心にご指導をいただき、心より感謝しております（あ
はじめに こんにちは、SRE部MLOpsチームの児玉（@dama_yu）です。この記事では、ZOZOTOWNのおすすめ順を支える検索パーソナライズ基盤について紹介します。 ZOZOTOWNのおすすめ順について ZOZOTOWNにおいて検索機能は非常に重要な機能の1つで、売上のうち多くの割合が検索経由です。ZOZOTOWNでは、検索結果の並び順として、おすすめ順、人気順、新着順など複数あり、現在おすすめ順がデフォルトになっています。 元々は人気順がデフォルトだったのですが、ユーザの嗜好に合わない商品まで検索結果に並んでしまうという課題がありました。そこで、この課題へのアプローチとしてユーザの行動履歴や属性を元にパーソナライズされた順番で検索結果を並べた、おすすめ順を新規追加することになりました。 この施策の結果、検索結果経由の商品CTRが向上しました。ユーザが求めている商品が並ぶようになった
イラストのディレクション本がついに発売！イラストの仕事に携わる人は目を通しておいて損のない一冊 -たのしく、イラストディレクション！
イラストのディレクションって、何からどうすればいいの？ そんな不安を完璧に解消してくれるイラストのディレクションを徹底解説した良書を紹介します。 こういった解説書は、初じゃないでしょうか。 イラストのディレクションを基本から、イラストレーターの見つけ方、発注方法、最初に伝えるべき内容、クライアントへの提案、スケジュールや料金、著作権や契約についてまでよく分かる一冊です。 イラストをどのように効果的にデザインで使用すればよいのか、制作の前段階から納品後までその過程がくわしく解説されています。 ディレクションというと難しく感じる人がいるかもしれませんが、本書はイラストも全ページに満載で楽しく学べます。もちろん、解説や実例も充実しており、本書自体がイラストを使用したプロジェクトの好例として満足度が高いです。イラストを通じたものづくりの素晴らしさを感じさせる書籍です。 イラストを描くイラストレータ
Webディレクター解体アドベントカレンダー - 二宮日記
Webサービスのディレクションの仕事を始めてもうすぐ20年経ちます。デザインとコーディングを行う傍ら、自分で企画や進行も担うようになり始めた20年前を振り返ってみると、Webディレクターを取り巻く環境や求められる仕事の内容は大きく様変わりしました。 tableタグを入れ子にして無理くりレイアウトしたHTMLを1ページずつ紙芝居みたいに繋ぎあわせていた時代から、スマートフォンアプリのリッチな体験が当たり前の時代へ。数名のチームで1人が複数の役割をこなしながら素朴にサービスを作ってはリリースを繰り返していた時代から、高度な専門性を持つメンバーで組織化されたチームが開発のフェーズごとに価値の検証を繰り返しながらサービスを作り上げていく時代へ。サービスに求められる品質も、開発者に求められる専門性も、比較にならないほど高度になりました。 ディレクションという言葉で一括りにされていた仕事も同様です。担
web制作の仕事は、ミスとの戦いでもあります。 ベイジは数あるweb制作会社の中でも、比較的ミスが少ない方だとは思います。しかしそれでもゼロにはなりません。プロジェクトによっては、単純なミスを多く発生させてしまうことも未だにあります。 便利なツールは沢山存在しますが、人が手を動かし、目視で確認する部分はまだまだ多く残っています。機械化できないそうした箇所で、ヒューマンエラーが起こります。 やっかいなのは、自覚症状がないミスが多いことです。認識違いに起因する場合、本人では正誤の判断ができません。見れば分かる単純ミスも、根底にあるのは認知バイアスであり、それを自ら検出することは難しいものです。 だからといって、「チェックを増やす」「管理シートを作る」と確認工程を増やしていくと、労働生産性はどんどん悪化します。それはやがてコストパフォーマンスの低さ、競争力の低下に繋がっていきます。 「ミスを絶対
SaaSのランディングページで絶対に避けるべき7つの間違い
SaaSスタートアップを運営する上で、見込み客に製品を使ってもらえるかを左右する要素の1つがウェブサイトのトップページ、ランディングページの構成です。ランディングページの作成サービスであるMarket Curveが、すぐにでもランディングページを改善できる考え方やコツを公開しています。 7 biggest landing page mistakes to avoid — Market Curve https://www.marketcurve.org/essays/7-biggest-landing-page-mistakes-to-avoid ◆間違い1：機能について語る まず理解すべきなのは、「顧客はあなたの製品に興味がなく、あなたの製品が自分に対して何をしてくれるのかに興味を持つ」ということ。このため、「機能」についての説明ばかりが並ぶランディングページは避けるべき。 例えば、ユーザ
Webサイトのプロジェクトの進め方、ディレクション、デザインの発注、設計、構築、運用、メンテナンスなど、Web制作に必要な知識を網羅的に学ぶことができる解説書を紹介します。 Web制作の業務に関することがほどよいボリュームでまとめられており、制作と運用に関する全般的な知識を身につけることができます。 本書はWeb制作に携わる人、特にプロジェクトリーダーやディレクター、また会社内のWeb担当者などプロジェクトに包括的に携わる人にお勧めします。考え方や用語も詳しく解説されているので、プレゼン資料や企画書の作成にも役立ちます。
SaaS市場の盛り上がりもあり、企業のマーケティング活動をサポートする便利なツールが続々と登場しています。マーケティングやセールスに従事する方々にとっても、複数のツールを使い分けながら仕事をすることは、当たり前のことになっているはずです。 そういったツールの中でも、Google Analyticsに代表されるアクセル解析ツールは、古くから使われている比較的ポピュラーな存在でしょう。 しかしながら、アクセス解析を専業としていない方にとっては、少々難しいツールであるようにも思います。クライアントの社内資料でも、全体の直帰率で良し悪しを判断していたり、ページビューをKPIにしていたりすることは珍しくありませんが、これはアクセス解析の正しい使い方や見方があまり浸透していないことを物語っています。 このようになってしまう一つの要因は、ツール上で閲覧できるデータの種類と量が膨大だからでしょう。 例えば
UI / UXデザイン | ふたり会議｜ムラキ｜note
［概略］ 株式会社すきだよ様のサービス『ふたり会議』のUI / UXデザインを担当。パートナー間のコミュニケーションツールとして、どのような形のパートナーシップでも抵抗なく使えるデザイン、文言、動線を目指して設計を行いました。01 | 目的・背景「ふたり会議」は結婚前にパートナーと価値観を確認できるサービス。2019年9月のリリースに伴い、WEBサイトのデザインのご依頼を頂きました。当初のご相談内容は以下の通り。 ① 質問形式で価値観を確認するものである ② 回答をパートナーと比べて、相違点を発見できるものである ③ WEBブラウザ上で閲覧を行う ④ 今回のサービス立ち上げはβ版の位置付けであり、完璧さよりも早期のリリースを優先する 02 | 要件整理今回はβ版の位置付けとのことで、まず最初に「達成したい目的」「やること / やらないこと」といった、基本的な部分の擦り合わせを行わせて頂きま
おしゃれなロゴマークを作成する方法＋無料ツール12選
良いロゴとは貴重な資産であり、ブランドを認知させ、信頼を確立することができます。 では、良いロゴを手に入れるには、どのような方法があるでしょう？ この記事では、魅力的なロゴデザインを作成するポイントに加え、無料でロゴを作成できる、おすすめのロゴ作成ツールをまとめてご紹介します。
僕の数少ない友人の、たまたま携帯(iPhone)を見させてもらう機会があったんですが(そのときはLINEの会話を見てました)、間違えてキーボードを開いてしまったんですよね。邪魔なのでキーボードを閉じようと思ったんですけど、瞬間的に手が止まるんですよ。そう、iOSにはキーボードを閉じるボタンがないんです！！ これはAndroid端末のキーボード。キーボードを閉じるときは、戻るボタンをタップする(キーボードを開いているときは矢印の向きが下になります)。ちなみに、アプリによってはなにも無いところをタップしても閉じるようになっていたりします。ATOKなどのキーボードアプリではメニューからも閉じれます。 僕はiOSでキーボードを閉じる方法を知りませんでした……。一生の恥です……。友人からも嘲笑されました……。 たしかに、よくよく考えれば、なにも無いところをタップして閉じる(キャンセルする)というのは
【保存版】リモートワークの「Web会議ルール」をつくりました！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
かれこれ2ヶ月半ほどリモートワークを続けていますが、Web事業部ではより良いWeb会議・オンライン会議のため、あらためてルールづくりを行うことにいたしました。 リモートワーク中の皆さん、またはこれからリモートワークを導入する予定の皆さんの参考になれば幸いです！ ルールづくりする上でのリモートワーク環境 普段から使用しているWeb事業部の環境・利用ツールは以下のとおりです。 全員がノートPCでの作業環境 普段から会社支給Macを使用して作業をしています。 全員1台ずつ貸与されているモニターの社外持ち出しOK 一人一台ずつデスクに貸与されているモニターですが会社指示のリモートワーク期間は、持ち出しOKとなりました。 データ共有はGoogleDriveを活用 社内だけでなくお客様とのやり取りもGoogleDriveを用いて行っています。 Googleドキュメント／スプレッドシート／スライドを活用
最近のデザイン界隈において、あまりにも多くの専門用語が飛び交っている。その中でも最もよく使われているバズワードが「UXデザイン」だろう。 それなのに、その概念は時代と共に変化し、内容がイマイチわかりにくい部分もある。 UIとUXとの違いは何か？の問いから始まり、その守備範囲、UXデザイナーの役割など、異なる人やコンテキストによってその概念は大きく変わることもある。 乱立する業界用語ユーザー体験とユーザーインターフェイス、UXデザインとサービスデザイン、そしてユーザー中心設計と顧客第一主義など、似て非なる言葉が多すぎて、その概念をしっかりと説明できる人は少ない。 そして、ここにきてもう一つ、「CX (顧客体験) デザイン」なるものが登場した。こうなってくると、どんどんややこしくなってくる。 今回は、特にわかりにくくなりがちなデザインにおけるユーザー体験 (UX) と顧客体験 (CX) の違い
デザイナーの池田です。 ベイジといえばBtoBサイトの印象があるかもしれませんが、実は採用サイトも多く手掛けています。 採用サイトの案件では、ほぼ確実に撮影が発生します。そのため、担当するデザイナーは、撮影にも立ち会い、ディレクションする必要が出てきます。 撮影といっても、何を撮るかによって撮り方も進め方も変わりますが、採用サイトを含む採用目的の撮影となると、以下の条件が前提になってきます。 モデルは社員（プロのモデルではない） モデルは通常、仕事の合間に撮影に参加 日常的な服装やメイク オフィスなどの職場が撮影場所 非日常的な演出より日常の再現 求職者に職場のリアルな雰囲気を伝えるのが一番の目的になるため、日常の自然な風景をカメラに収める必要があるのと、モデルが一般の会社員になるため、スムーズかつ短時間で撮影が済むようにナビゲートしなければなりません。 本記事は、私たちが採用サイトの撮影
MEFILASのWebサイトの制作方法を事例から紹介する「Webサイトのつくりかた」シリーズも第五弾となりました！今回はクリエイティブスタジオ「HUG」のWebサイトがどのようにしてつくられたのかをご紹介します。 01. 案件概要クリエイティブスタジオ「HUG」代表のharu.さん率いる「HUG」は、習慣・常識・社会通念を新しい視点で見つめ直し、クライアントの課題に向き合うクリエイティブスタジオです。 EDのオンライン診療を提供する「Oops」のブランドディレクションや、”ムダかどうかは自分で決める。”のキャッチコピーが印象的な貝印「Pretty」のイメージビジュアル制作などを手がけています。 ブランドディレクションを担当された「Oops（ウープス）」また、クライアントワークの企画・制作だけでなく、アーティストのマネジメントや、「HIGH(er)magazine」「シアバター」を始めとする
タップ成功率（）は以下の式をもとに計算されます。 は誤差関数、はボタンの横幅、はボタンの縦幅です。 とはそれぞれタップ座標の軸の分散と軸の分散であり、以下の式をもとに計算されます。 、、、は回帰定数です。 より詳しい理論は論文（2章、3章）やTech Blogをご参照ください。 Tappyは 「非利き手でスマートフォンを持ち、利き手の人差し指でボタンをタップする場合」を想定しています。
ウェブサービスの開発において、「待ち時間をどうするか」は大きな問題です。もちろん、待ち時間を減らせるのであれば減らしたいものですが、仕組みの都合上どうしても待ち時間が発生してしまう場合があります。そうした場合にユーザー体験を向上させるデザインのパターンについて、デザインを専門に行う企業の「Pencil & Paper」がブログでまとめています。 UX Design Patterns for Loading https://pencilandpaper.io/articles/ux-pattern-analysis-loading-feedback/ ブログによると、ロードのパターンは「パッシブロード」と「アクティブロード」の2パターンに分けられるとのこと。 ◆パッシブロード パッシブロードは、システムが最初にデータ量の多いページをロードするとき、ファイルを開くとき、または検索結果を表示する
クリックしてもらえる可能性が高いメールの件名と本文とは？メールのベストプラクティス研究（Vol.1） ｜WACUL TECHNOLOGY & MARKETING LAB | 株式会社WACUL
メールの運用は、潜在顧客への継続的な認知獲得やサイトへの再来訪促進など、売上向上に寄与する有効な手段である。そこで、実際に運用されているメールを分析してベストプラクティスを見出し、本研究レポートを発行することとした。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google アナリティクス でオウンドメディアを分析しよう - はてなビジネスブログ
要件定義・プロジェクト企画に必要なネゴシエーションをロジカルに学ぶ記事 - Qiita
複雑な開発要件を整理する際の考え方〜RDRAを参考に〜 - LayerX エンジニアブログ
Webサイト制作・ホームページ制作発注の流れと事前知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WordPressの保守とは一体何をやっているのか
コンバージョン率を上げたい？なら下げてる要因をまず考えよう｜鎌田 洋介/GAPRISE
仕事をよりクリエイティブにするための「Learning Session」ノススメ
ユーザー体験を軸にサイトリニューアルを進めるにはどうすればいいんでしょうか？ noteのCXO深津貴之さんに聞いてきた | Webのコト、教えてホシイの！
＜続編＞Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開いた後の工程｜重松佑 / Shhh inc.
ユーザーが見落とすことがない入力フィールドを作るには
「TVアニメシリーズ制作における制作進行のマニュアル」ネットで無料公開
PdM（プロダクトマネージャー）の「スキルマップ」を作ってみた｜Goodpatch Blog グッドパッチブログ
Chat GPTをつかってWebランディングページを作成するコツ
Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開く前の３ステップ｜重松佑 / Shhh inc.
ZOZOTOWNのおすすめ順を支える検索パーソナライズ基盤 - ZOZO TECH BLOG
ミスが少ないweb制作会社を目指して～実践している16の取り組み | knowledge / baigie
混合コンテンツはすべてデフォルトブロックへ ～「Google Chrome 79」から段階的に実施／サイト運営者はできるだけ早めの対応を
Webサイトのプロジェクトの進め方、ディレクション、デザイン、実装など、制作と運用に必要な知識が学べる良書
BtoBサイトのアクセス解析で最初に確認すべき8つのポイント | knowledge / baigie
"なにも無いところをタップしてキャンセル"はUI・UX的にアリなのか - Qiita
CXデザインとは？UXデザインとの違いとそれぞれの役割 デザイン会社 ビートラックス: ブログ
採用サイトのための撮影術～社員や職場の魅力を引き出す写真を撮るために | knowledge / baigie
クリエイティブスタジオ「HUG」のWebサイトのつくりかた｜MEFILAS
Tappy - Yahoo!デベロッパーネットワーク
ユーザーが直感的に理解できる「待ち時間」の適切なUIの選択方法まとめ