タグ

Web制作に関するponki_8のブックマーク (138)

  • ユーザーの疑問を素早く解決するためのWebサイト設計

    2017年6月29日 Webサイト制作, ユーザビリティ サービス系・企業系Webサイトでよく見かけるサポート関連のコンテンツ。問い合わせをせず、自己解決を望むユーザーが増加し、よりよいサポートページの作成が必要となってきています。ユーザーが抱える疑問を積極的に解消するWebサイトを作成し、問い合わせ数を減らせば、ユーザー・企業側ともに手間を省くことができます。また、Webサイト内だけで解決できなかった疑問も素早く対処する事でユーザーのストレスを軽減することができます。そこに注目し、どのようにWebサイトを設計していくのかを考えてみました。 ↑私が10年以上利用している会計ソフト! 問い合わせを未然に防ぐ サービス関連のWebサイトでは、同じような質問を何度も受ける事が多いです。そのような質問にひとつずつ回答していくのは非常に非効率。どのような問い合わせを受けやすいのかを的確に理解し、ユー

    ユーザーの疑問を素早く解決するためのWebサイト設計
  • Illustrator の時間短縮!ウェブやチラシで使うアクセスマップの作り方 | バシャログ。

    こんにちは Latin です。 「Retina」 ではありません。ラテンの「Latin」です。 もうすぐ夏が終わりそうというのに、ウチのビルの喫煙所はサウナのように蒸し暑いです。 ダイエット中の方はぜひご活用ください! さて今回ですが、デザイン分野での記事を Postします。 何かと制作機会の多い「アクセスマップの作成」の時短テクニック!(?) みなさんの時間短縮テクニックなどもありましたらぜひご意見頂けると幸いです。 2012.08.27 記事の内容を一部訂正いたしました。 目次 Illustrator の時間短縮!ウェブやチラシで使うアクセスマップの作り方 Point.1 Google Maps を使って時間短縮 Point.2 スクリーンショット画像に沿ってトレース Point.3 お好みでトッピングを追加 Point.4 仕上げにクリッピングマスク そもそも地図の図案を起こすのも、

    Illustrator の時間短縮!ウェブやチラシで使うアクセスマップの作り方 | バシャログ。
  • 新卒でも分かる!成果に繋がるWEBサイトの基礎まとめ「5つのステップ」 | SUN MEDIA

    ECサイトを無料で作るオープンソース5選+3! 自社ECサイト制作に必要なパッケージまとめ 38,133 views 良い企画書をマネることから始めよう!大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な5サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,789 views 脱初心者!事業計画書の書き方やテンプレート配布サイト4選 11,336 views 売上アップに必要不可欠!販促企画書のアイデアを貰えるサイト5選 8,667 views あなたのサービスが広まる、エレベーターピッチ! 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,429 views WordPressの導入からデザイン、プラ

    新卒でも分かる!成果に繋がるWEBサイトの基礎まとめ「5つのステップ」 | SUN MEDIA
  • 目的を達成させるための最適なWebサイトのタイプ(種類)

    先日[ホームページ成功への道はすべてここから始まる。目的・目標の明確化]を書かせて頂いたんですが、「目的が決まっても、目的を達成させるためにどんなWEBサイトを作ったらいいのかわからない」と読者の方から連絡をいただきましたので、今回は【目的を達成させるための最適なWebサイトのタイプ(種類)】を紹介したいと思います! WEBサイトには多種多様な目的があり、その目的を叶えるためにさまざまなタイプのWEBサイトが存在します。今回はこれらをわかりやすく見比べられるように表にしてみました。新しくWEBサイトを作るときなどに参考にしてみてください。 WEBサイトの目的とタイプは生まれ続ける。 インターネット上には、さまざまなタイプのWEBサイトがあります。商品を直接販売するための「ECサイト」、会社情報を伝えるための「コーポレートサイト」、商品やサービスを認知してもらうための「プロモーションサイト」

    目的を達成させるための最適なWebサイトのタイプ(種類)
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • WEBサイトのコンバージョン改善に役立つ必須の無料分析ツール7選

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBマーケティングでは、全てのデータを数字という最も具体的な形で計測することができる。 そして、その数字をもとに地道な分析と改善を繰り返すことで最終的に大きな結果へと繋がる。 しかし、WEBサイトのパフォーマンス改善や、ランディングページのコンバージョン率UPに役立つデータを得る方法を知らないという方は意外なほど多い。 そこで、日は私自身も使っていて、効果を実感している7つの無料分析ツールをご紹介する。 これらのツールを使うことで、あなたは喉から手が出るほど欲しかった貴重なデータを得ることができる。そして、そのデータをもとに、改善していくことで大きな結果を出すことができるようになる。 1.User Heat User Heat 登録ペ

    WEBサイトのコンバージョン改善に役立つ必須の無料分析ツール7選
  • 競合サイト調査・分析に必要なチェック項目と役立つツール達!

    たいていの人は何らかの商品を購入する時、似たような商品の中から一番気に入ったものを買うと思います。そのため、自社商品を他社商品よりも多く購入してもらうには、お客様に「これが一番良い!」と思ってもらえる商品でなければなりません。 お客様に自社商品を一番だと思ってもらうには、競合他社の調査・分析は欠かせません。自社と他社の違い(差)を理解することが、より優れた商品やサービスの開発に繋がります。 これはWEBサイト制作でも同じです。競合サイトの調査分析をすることで、どのようにWEBサイトを組み立てたら、競合サイトよりも優れたサイトになるかが見えてきます。 そこで今回は、競合他社のサイト調査・分析に必要なチェック項目と、役立つツール・調査方法を簡単にまとめて紹介したいと思います。 最初にライバルだと思われる会社のターゲットユーザーを調べることが必要です。これを調べると【実際にその企業がライバルと言

    競合サイト調査・分析に必要なチェック項目と役立つツール達!
  • わかりやすい見積書の書き方 / Maka-Veli .com

    最近流行り(?)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com

  • あるプロジェクトの立案からリリースまで(前編)

    あるプロジェクトがたちあがる!その瞬間に立ち会う機会もWEBディレクターという仕事をやっていると非常に多くなります。 時にはクライアントのビジネスモデルを一緒に考え、その構築から一緒にお手伝いさせていただく!なんて面白い仕事にもなりえます。それだけWEBが企業にとってのマーケティングの核になってきているってことなんでしょうね。 さて、では新プロジェクトの立案からWEBでのリリースまで、僕らWEBディレクターは何を考え、何をやっているのか。ちょっと書いてみたいと思います。 ■まずはビジネスモデルの理解から とりあえず、クライアントのビジネスモデルを把握しないことには何も始まりません。何をやろうとしていて、その先にどんな展望があるのか。またなぜその事業をWEBで出すのか。などなど、「その会社の子になったつもり」で聞いていきます。 ■プロモーション施策の設定 クライアントがその商品、サービスをど

    あるプロジェクトの立案からリリースまで(前編)
  • あるプロジェクトの立案からリリースまで(後編)

    あるWEBサイト構築プロジェクトが立ち上がったとき、WEBディレクターは何を考え、何をやっているんだろう?そんな内容をつらつらと書いています。ちなみにこの記事は後編なので、よければ先に前編のほうをご覧ください。 ←あるプロジェクトの立案からリリースまで(前編) ■コンテンツマップ作成 さて、上記まで大体固まってしまえば、後はそのサイトの中に盛り込みたいコンテンツは何??という話になってきます。先にここの部分だけが固まっているケースも多いですが、同様に「なんか話題性のあるコンテンツを作ってくださいよー」とかってフワッとした依頼もまた多いのですw ■ディレクトリマップ作成 で、ようやくコンテンツの中身が決まったら、それを情報の性質やユーザーの定義などにより分類し、ディレクトリマップ化していきます。 ■ワイヤーフレーム作成 ここまできたらとりあえずディレクターの仕事は折り返しになります。こっから

    あるプロジェクトの立案からリリースまで(後編)
  • クライアントに「とりあえず作ってみて。みてみないとわからないから」と言われた時のディレクターの返し方

    先日、「とりあえず作ってみて。みてみないとわからないから」というつぶやきがTwitter上で話題になり、その一連の流れをまとめたtogetter上の記事が物議を醸した。 という事がありました。 「とりあえず作ってみて。みてみないとわからないから」つぶやきまとめ」 んで、この記事に対して僕がディレクターとして思ったことがあったり無かったりしましたので、ちょいと書いてみようかと思います。 ナカムラが思ったこと。 これってディレクターが前段階でもの申してやればなんとでもなることじゃね? まず、クライアントの意見は全部入れるとだいたい見当違いのものができあがることが多いです。もうね、これは仕方ないと思う。だって企業の担当者はWEBの専門家では無い場合がほとんどなんだもの。 だから、どんなものができるのかイメージできない。 結果として「とりあえず作って見せてよ。お金出してるでしょ?」というスタンスに

    クライアントに「とりあえず作ってみて。みてみないとわからないから」と言われた時のディレクターの返し方
  • Webサイト制作における足し算と引き算 | 人間の真ん中

    2012年6月18日月曜日 Webサイト制作における足し算と引き算 昔から存在し、今でも存在し続けている問題の一つとして、「忍び寄る機能主義(creeping featurism)」というものがあります。 別名Bullet-point engineeringとも呼ばれ、制作者の中ではアンチパターンとされています。 これは、制作者は知らず知らずのうちに機能を足すことによって満足し、当初の想定とはかけ離れた、肥大化したソフトウェアやアプリケーションを制作してしまう方向に陥りがちであるということです。 なぜこの問題が起きるか原因として、 ・提供したい価値が定まっていない ・何か問題を解決する為には何かが必要だという固定観念 ・足し算をすることによるリスクを想定できていない ということが考えられます。 もちろん時には機能を追加することも必要なのですが、機能追加という足し算をするとき

  • プロジェクトの開始までにWebディレクターが用意するものとこと13個まとめ

    さて、発注が決まった。クライアントからの要望はまだフワっとしてるけど、納期は何となーく見えている。(もしくは納期だけがカッチカチに決まっている)。 この状態からプロジェクト格スタートまでにディレクターが用意するべきものは何があるんだろう?今日はそのへんをまとめてみます。 ゴールまでのざっくりストーリー たとえばコーヒーのポータルサイトだったとして「コーヒーに関する情報なら何でもあります!」って言っても何も始まらない。そこにあるストーリーを多少適当でもいいのでドラマチックに盛り上げてしまいます。 1:店主はかつて2店舗のカフェを切りもりした実店舗の経営者 2:学生の頃からカフェが好きで、なんとか自分の理想のカフェを作りたかった 3:それは、カフェの持つ独特の雰囲気とコーヒーの香りが大好きだったから 4:だから、自慢のカフェの雰囲気を全国どこにいても感じてもらえるサイトを作りたかった。とか

    プロジェクトの開始までにWebディレクターが用意するものとこと13個まとめ
  • http://e0166nt.com/blog-entry-872.html

    http://e0166nt.com/blog-entry-872.html
  • http://www.designwalker.com/2009/04/wireframe-2.html

    http://www.designwalker.com/2009/04/wireframe-2.html
  • Webサイトの品質を保つ制作仕様書の作成

    制作仕様書とは、Webサイトの制作における細かな技術要件やガイドラインを記載した資料のことです。Webディレクターが、デザイナーやコーダーなどのプロジェクトメンバーと協力し、クライアントに必要な情報をヒアリングしながら実制作が始まる前に作成します。 一般的なWeb制作プロジェクトでは、1人の制作者のみで仕事が完結することはほとんどありません。そのため、制作担当のスタッフごとで制作方法の細かな部分が異なってしまうことがあります。 また、Webディレクターが制作物を検品する際にも、判断基準となるガイドラインが必要です。制作仕様書として文書化することで、スタッフは迷いなく制作を進めることができ、成果物の品質を一定以上に保てます。 制作仕様書の基的な構成 制作仕様書は、デザインガイドライン、コーディングガイドライン、画面遷移、その他利用する技術に応じた細かな仕様や設計書などで構成されます。 デ

    Webサイトの品質を保つ制作仕様書の作成
  • css-lecture.com

  • 高学歴文系&職歴なし&30歳でWebクリエイターになる方法(自習編) | 高橋文樹.com | 雑記

    この投稿は 15年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 さて、前回のエントリーで意図せずしてホッテントリ化してしまい、コメント欄で見苦しい論争なども交わしましたが、具体的に高学歴文系&職歴なし&30歳のあなたがWebクリエイターとして働くための方法をお教えします。 就職活動~就職後は次回に書くので、今回はとりあえず勉強法だけ教えます。これは就職に成功・失敗したの何如に関わらず続けてください。 原則 まず、Webクリエイターになるにあたってとっても困ることがあります。それは、何から手をつけていいのかよくわからないということです。 ある意味で、あなたは自由です。なにをやってもいいのです。が、自由が一番苦しいというのもまた真実ですよね。 なので、ここでは基的な原則を提示しますので、家畜のようにそれに従ってください。 まずは準備。 パ

    高学歴文系&職歴なし&30歳でWebクリエイターになる方法(自習編) | 高橋文樹.com | 雑記
  • 高学歴文系&職歴なし&30歳でWebクリエイターになる方法 | 高橋文樹.com | 雑記

    この投稿は 15年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 高学歴だけど職歴のない知人にWeb業界への転職相談されたので、それに対する返答をまとめました。 彼はほぼ同じ状態でWeb業界に飛び込んだ僕の意見を聞きたがっていたので、はじめに僕のこれまでのWebクリエイターとしての経歴をまとめました。いちおう、著者略歴というページに書いているんですが、具体的なことは書いていないので、この記事ではかなり具体的に書きました。 ちなみに、Webクリエイターというのは、「Webサイト開発者」という程度の意味です。HTMLCSSはとてもプログラミングとは呼べないし、純粋なマークアップ・エンジニアという職はありそうでないので、Webクリエイターという呼称を便宜的に用いています。 また、この中で重要な役割を果たす友人が一人いますが、彼のことは仮名で

    高学歴文系&職歴なし&30歳でWebクリエイターになる方法 | 高橋文樹.com | 雑記
  • 集客出来るホームページは「効果の先をイメージできる」

    うまく集客できているホームページやチラシには、必ずと言っていいほど効果の先がイメージできる内容になっています。 多くのお店で一般的に利用されている集客方法として、チラシやホームページを制作している方は多くいます。ただ、その中でも効果が出ているお店と、効果が出ていないお店が存在します。 この両者には、どんな差があるのでしょうか?それは、お客様に効果の先をイメージさせられるか。させられないか。という違いにあります。 効果の先をイメージさせることが集客につながる 今流行っている低カロリーの飲店や、ネイルサロン・エステサロン・マッサージ店・健康グッズの販売店など、ユーザーが何らかの効果を期待して来店されたり購入されたりする業種の場合、効果の先がイメージできるかどうかで、販売数、来客数が大きく変わってきます。 効果をただ書いたって仕方が無い。その先にあるお客様の目的は? では具体的にどういうことか

    集客出来るホームページは「効果の先をイメージできる」