行政サイトを作る時に気をつけておいた方がいい事 - Qiita
県や市の公式ホームページ制作の経験から、気をつけておきたい点をメモに残しておきたいと思います。 納品前 納期が３月に集中する 行政サイトの場合、お金は年間予算や国からの特別補助金などから支払われます。つまり基本的に年度を跨ぐことが出来ません。（保守にかかる費用は別です）その為、行政の案件に頼っている制作会社は納期が重なり３月が滅茶苦茶忙しくなります。 年度末は余裕を持ったスケジュールを組んでおきましょう。 見積もりは２割増しで ここで言う見積とは入札時の見積もりではありません。行政の案件をいくつかこなして担当者と仲良くなってくると、コンペの上限金額を決めるために事前に見積を頼まれる事があります。「もし○○みたいな案件だったらいくら位でできそう？期間と見積もり貰えると助かるんだけど。」みたいな感じです。サラリーマン金太郎の東北編で出てきたアレです。大事なのはここで割引など一切考えずに、むしろ
かご落ち率（カート放棄率）の世界平均と、離脱の理由アンケート結果【統計】 | UI改善ブログ by f-tra
ECサイトの運営者にとって、かご落ち（＝カート放棄。一旦商品をカートに入れたのに、結局買わないこと）は永遠の課題です。 本日は海外サイトから集めたかご落ちに関する調査データを紹介したいと思います。 いずれの調査も、時期や機関がばらばらなのですが、ある程度の共通点は見いだせるように思います。 カート離脱率（放棄率）平均は68.07% baymard社が2014年2月に発表した調査結果によると、29の異なる調査から導き出された世界のカート離脱率平均は、68.07%という結果のようです。 また、BI Intelligence社の新しい調査では、カート放棄率の推移は下記のグラフのようになっています。 この調査結果では、2013年のカート放棄率平均は71.2％74%となっています。 さらにグラフの形から読み取れるように、この平均値は年々増加傾向にあるようです。（2012年は72％、2011年は69％
今から作ろうとしているWebサイトに、コピーライターはアサインされていますか。
ジョンと申します。 1万字を超えてしまいました。 こんなに長い記事を書いたことは過去にありません。でも、ぼくなりの、集大成の記事になったと思っています。 いろんなことを書いていますが、結局ぼくが言いたいことはこの一言に尽きます。 お客さまに寄り添ってコミュニケーションを考えるので、LIGではなく、ぼくに仕事をください。です。 はじめに ぼくはずっとコピーライターとして従事してきて、2014年の暮れにWebディレクターの肩書きを与えられました。そこから数ヶ月、まだ実績がひとつもないにもかかわらず、「Web制作におけるコピーライティングの価値の低さに、ぼくが思うこと。」という記事を書かせていただきました。 コピーライター的思考でWeb制作に貢献できることがあるんじゃないか、という思いだけを吐露したものです。 そうなんです。実績がないので、いま読み返すといまいち説得力に乏しい。だから早いとこ、実
「Awwwards“だけ”見てください」クライアントを啓蒙しつつ想定を超える｜ Letters | 株式会社LIG
「自身を犠牲にしてでも、かっこいいモノや価値観をつくりたい。残したい」発注前にクライアントを啓蒙する必要性 営業兼ディレクターである野間氏は「未だにPhotoshopとIllustrationはPCに入っていません。一切デザイン作業には関わりません」と話します。Lettersの通常の仕事の流れとは、どのようなものなのでしょうか。 野間 お仕事の多くが紹介と問合わせからはじまり、基本的には僕が打ち合わせに伺います。ヒヤリングの後、案件概要・サイトマップ・スケジュール・参考サイトを記載したメールをメンバーに送って、各メンバーがそれぞれ考えてつくりはじめますね。その後は「デザイン提案。テストサイト確認。はい、公開」っていう、いわゆる旧来型のカッチリしたスケジュールで進める感じです。 旧来型のスケジューリングのいいところは、お客様からの指摘の回数を制限出来ること。「指摘をいただきつつ、いいものを“
今後のデザインに欠かせないユーザーの瞬間の理解と共有
Apple Watch をはじめとしたウェアラブルを使い始めてから、瞬間の体験についてよく考えるようになりました。しかし、実際のところスマートフォンでも瞬間（ひととき）は存在しています。Google は 4 月に「Micro-Moment」という状態を提示しました。Webサイトやアプリと、きちんと向き合って操作するのではなく、突発的に起こった欲求に対して即座に行動をとる状態を指します。Micro-Moment は以下のような要素で構成されています。 今この瞬間に訪れる欲求（リアルタイム） ある特定の目的がある（意図的） 一番近くにあるデバイスを選ぶ（マルチデバイス） ながら作業のときが多い（マルチタスク） 瞬間に対するニーズに応えるかのように Google は検索結果に「購入」ボタンの実装を検討しています。「あれが欲しい」という瞬時に起きたニーズに対して、すぐに応えるためのアプローチです。
HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ
本気でweb制作を仕事にしたいなら 現場で通用する実践的なスキルを身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら 今回は、web制作時によくある悩み「ワイヤーフレームの作り方がわからない」を解決します。 意外に、ワイヤーフレームの作成方法を詳しく教えてもらう機会は少ないですよね。 そのため、以下のような悩みを抱える人が多くいます。 ワイヤーフレームが何かを知っているけど、いまいちうまくまとめられない。 ワイヤーフレームを作るときの手順が合っているかどうか自信がない。 webサイトの制作過程において、ワイヤーフレームの時点で失敗していると次の工程のデザインも絶対うまくまとまりません。 ワイヤーフレームは、家を建てるときの設計図と同じ役割をします。 適当に作った設計図をもとに家を建てたら、当然、住みにくく崩れやすいもの
貼るだけ簡単！アクセスが倍増するWordPress用OGPコード
プラグインに頼らず、思い通りに動作するOGP用のコードを書きました 2012年3月現在、日本のFacebook利用者数が768万人。Google+は200万人。Twitterは3000万人。mixiのユーザー数は2,623万人。（セレージャテクノロジー＆Semiotics調べ） 全てのトラフィックを有効に活用すれば、サイトへのアクセスは何倍にも増えます。 実際にFacebookからの流入が倍増 事実として今回設定するOGPを設置したところ、Facebookからの流入が数倍になったという例が多数報告されています。 せっかく有益な記事を書いたなら、ソーシャルメディアに適切に内容を伝えて、多くの人に見てもらいましょう。 まずは解説 （もう知っているぞという方は読み飛ばしてください。） 「OGPとはなんぞや？」という方のために、簡単に解説します。正式名称はOpen Graph protocol。「
Twitter カード 7タイプの使い方をカード種別ごとに解説するよ
Twitter カード 7タイプの仕様を Twitter の公式ドキュメントから翻訳して解説します。公式ドキュメントから抜粋して日本語で書き直していますので完全な翻訳ではありません。 Twitter Cards （Twitter カード）、この Blog でもかなり前から指定して使っていますが、7種類のカードから選択できたり、それぞれに指定できる値が異なってたりしてわかりにくいっていう声を聞きましたので （公式な日本語ドキュメントも今のところないし）、簡単に各カード種類別の仕様をまとめてみました。 Twitter Cards は、Facebook や Google+ などが採用している、OGP （Open Graph Protocol） を利用して、ウォールやタイムラインにリンクを投稿する際の表示内容を指定するのと同じ。それの Twitter 版です。タイムラインに URL が投稿されたと
OGPを設定して、Facebookでシェアした時の画像を大きく表示させる方法 - OPTPiX Labs Blog
こんにちは、ウェブ担当の嶋です。 Twitterと並んでSNSの代表格となったFacebook。ウェブテクノロジでは公式ページとともに「OPTPiX SpriteStudio ユーザー助け合い所」というグループも開設し、ユーザー様と情報を相互にやりとりしています。 Facebookは、URLを含む投稿やシェアをすると、自動的にそのURLからタイトルや概要、画像などを取得して表示してくれます。リンクをクリックする前にどんなサイトなのかなんとなくわかるのは非常に便利なのですが、こういう形でシェアされているのをよく見かけませんか？ ページのタイトルや見出しは適切なのですが、サムネイル画像として表示されている画像の左右が切れてしまっています。また、表示されている画像もサイトのトップページを紹介する画像としては適切ではありません。 これはOGP(Open Graph Protocol)の設定が行われ
仕事でWebサイトにかかわるなら、“コンテンツ”が果たすべき3つの役割を知っておけ！ | 生田昌弘の「Web担当者に喝！」
「Webサイトを制作してください」とWeb担当者は言うけれどお客さまの問題を解決する情報がないのであれば、どんな「コンテンツ」があっても、Webサイトとしては機能していないと言っていい。 コンテンツという言葉の意味を、ここでは「情報」と定義する。 情報には、商品やサービスの基本説明のような基本情報と、お客さまの問題を解決するためのソリューション情報まで、さまざまな情報が存在する。 ここで問題にする情報とは、基本情報ではなくソリューション情報のほうだ。 基本情報でさえしっかりしていないWebサイトは論外としても、それ以外の情報がないWebサイトが多く存在していることは問題だ。 私は20年来、「Webサイトはお客さまの問題解決ツールであり、お客さまは目的をもってWebサイトに訪れるのだ」とクライアントに話してきた。 だから、お客さまの問題を解決する情報がないのであれば、Webサイトとしては機能
twitter/Facebook/LINEのシェアボタンのカスタマイズ方法 - Qiita
2014/6/2 : 投稿先の画像や文言を変更できるものに更新しました。 2014/7/4 : LINEボタンのhref="http://line.me/R/msg/text/ のあとに?（クエスチョンマーク）が無かったため、追加しました。?無しでも動作してたので気づきませんでした。ありがとうございます！ 完成品 HTML Twitterのツイートボタン tweetする（装飾無バージョン） <a class="twitter btn" href="http://twitter.com/share?url=[共有したいURL]&text=[任意のテキスト]&via=[ツイート内に含まれるユーザー名]&related=[関連アカウント]" target="_blank">tweetする</a> このように表示されます。 お好みでいらない記述は消してください。 例えば関連アカウント入れる必要がな
札幌のホームページ制作・Webサイト制作｜株式会社GEAR8
子ども目線を大切に。選んで楽しい、貰って嬉しい！ディレクターとデザイナーこだわりのご褒美シール。 - ひばりが丘こどもクリニック
ソフトバンクやグリーなど、デザインセンスの光る決算資料10選 | クラウド資料作成代行サービスのSKET（スケット）
3月末決算の上場会社は6月後半〜7月前半にかけて畳み掛けるように株主総会が行われます。 各社の経営状況や今後のKPIなどが発表されますが、各社の決算説明用の資料はフォーマットが決まっているわけではないため、企業によって資料デザインや見やすさに大きく差が出ます。 そこで今回は、企画や提案の資料作成に今すぐ有効活用出来そうなデザインセンスの光る決算資料を、SKETの独断と偏見で10社分ピックアップしました！
なぜ緊急時になるとデザインが崩れるのか
本日話題になった銀行サイトの緊急メッセージ。このように緊急時になるとサイトデザインからかけ離れたコンテンツエリアを貼付けるサイトは少なくありません。 サイト運営は大事業 コンテンツの仕事に携わる海外のプロフェッショナルと情報交換をすることがありますが、最初驚いたことが運営人数が圧倒的に違うところ。日本で、ひとりかふたりの「Web担当者」が運営しているサイトの規模だと、海外（特に欧米）の場合、 10 人前後のチームを抱えていることがあります。10人前後の Web チームが存在するのは、メディア・パブリッシングのようなコンテンツの掲載頻度が高いサイトに限らず、様々なジャンルで同じことがいえます。大企業の Web サイトだとおもっと多くの人を抱えていることがあるそうです。 Web チームの仕事は企業によって異なりますが、共通して以下のようなタスクがあります。 コンテンツ制作から掲載までのワークフ
Webサイトリニューアルの9ステップをWeb制作会社が解説！ | 株式会社LIG
成果が出るサイトリニューアルの実績多数！ 年間150サイトを制作・リニューアルし、毎年複数のWebデザインアワードを受賞。 成果にしっかり向き合い、一目見た瞬間に貴社の魅力がグッ！と伝わる、そんなWebサイトにリニューアルいたします。お気軽にご相談ください！ 💡株式会社LIGのWeb制作実績・お問い合わせはこちらから こんにちは。2007年創業のWeb制作会社、株式会社LIGのデザイン部 部長の吉田です。 これからWebサイトのリニューアルを検討しているけど、どうやって進めればよいのかわからない……という方に向けて、Webサイトのリニューアルの手順を9ステップで解説します。加えてWebサイトリニューアルの基礎知識や、参考事例もご紹介していきます。 Webサイトリニューアルの進め方9ステップ Webサイトリニューアルの具体的な手順をご紹介していきます。 ①リニューアルする目的を考える ②現
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sign Up & Log In - Moqups App
Kamiya Consulting, Inc.
株式会社LIGが使っているWordpressプラグイン
http://nh-lab.com/%E9%AD%85%E5%8A%9B%E7%9A%84%E3%81%AA%E3%83%91%E3%83%AF%E3%83%BC%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8B%E9%9A%9B%E3%81%AB%E5%8F%82%E8%80%83%E3%81%AB%E3%81%AA%E3%82%8B%E3%83%87/
新着記事
