ウェブサイト運用支援と顧客とのコミュニケーション | 15NOTE
2013年12月21日、WCAN 2013 Winter のライトニングトークでお話してきました。その内容をこのエントリーであらためて書きたいと思います。少し表現を変更したり、内容を追加したりしています。 ウェブサイト運用の今 近年、メディアにおけるウェブの影響力はますます拡大しています。スマートフォン、タブレットの普及により顧客との接点が増えました。顧客ニーズの多様化、SNS の普及により、ウェブコミュニケーションの比重が増え、プロモーションも複雑化してきました。高い専門性とスピード対応が求められる分野でもあります。 運用支援が求められている そんな中で我々制作者は、ウェブサイト運用の全体統括を行うことが求められていると考えます。ウェブサイト運用を支援することによってビジネスの成果を出すことが使命で、そのためには、クライアントの企業全体の方向性や施策を把握し、関係部署をとりまとめて運用に
"分かったつもり"で設計するな！上流工程のディレクション基礎まとめ（0ディレ関西レポ） | Webディレクターズマニュアル
こんにちは。日本ディレクション協会 関西支部の出原です。 関東では既に何度も開催されている「0からのWebディレクション講座（通称0ディレ）」が、ついに関西でも開催されたので、今回は参加レポートの形を取りながら、そこで得た学びや思ったことなどをまとめてみたいと思います。 まずは資料スライド公開から これを見るだけでもほぼ内容が把握できてしまいますが、せっかくなので以下に要点と個人的な留意点をまとめておきました。 ぜひぜひお役立てください。 コンテンツインデックス 前提となる背景、目的、課題を明確に言語化 ポジションの把握とコンテンツ設計 より具体的なユーザー定義 全ての根拠となるゴールをハッキリ設定する 1.前提となる背景、目的、課題を明確に言語化 今回喋っていただいたのは、東京講演でも人気講師としておなじみの高瀬さん。 プロジェクトの裏側にどんな背景があって、どんな課題があって、それをど
Webデザイン外注に関して:Geekなぺーじ
「新人達のスキルアップにもいいだろうとチーム機能が導入されたランサーズを会社でも使って見ることにしました。」ということで、ランサーズを使ったら地雷クライアントに当たってしまったという話が話題です。 ランサーズで提案し、キャンセルになったデザインが無断で使われている 提案側だけの視点なので偏りがあるかも知れませんが、記事中に以下のようにやり取りの経緯が書かれています。 やっと配色の話をはじめたら、「自分のイメージしている色をあてなさい」（ビビッドな 高級感のある色といえば何を思い浮かべます？）「外れたから見積額から勉強してもらおうかな？」とかそんなニュアンスの返事があるかと思えば 「１～６までの６つのボタンがあり、それをクリックしたらA～Gまでの７枚の画像が表示されるようにして欲しい」 「1にはAの画像、2にはBの画像...って割り当てるんですよね？」...「そうです」 「画像は7枚だからボ
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも
SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも 業務アプリケーション最大手の独SAPは、業務アプリケーションのためのJavaScript製JavaScrit UIライブラリ「OpenUI5」をオープンソースとして公開しました。 OpenUI5は、同社のモバイルアプリケーションなどに用いられているJavaScript製ライブラリ「SAPUI5」の主な機能をオープンソース化したもの。jQuery、CSSプロセッサのLESS、ODataライブラリのdatajsなどが使われています。 ボタンやアコーディオン、メニュー、テーブル、ダイアログと言った部品だけでなく、レスポンシブ対応のグリッドレイアウトなどのレイアウト用部品も含まれており、モバイルデバイスに対応するレスポンシブデザインのUI構築が可能になっています。 JavaS
[O][Webデザイン]IllustratorをWebデザインに使う時に気をつけたい設定 | Olein | 岐阜県岐阜市のデザイン屋ブログ
はじめに Webデザインを行う上で一番使われているソフトといったら、やはりAdobe Photoshopでしょうかね。僕も仕事で使うことはよくあるんですが、やはり画像の補正やら修正・レタッチ、合成などがほとんどで、オブジェクトを作って配置していくということをPhotoshop上で行うことに慣れていません。 そして、僕自身仕事で一番使うのはやはりAdobe Illustratorです。印刷物のデザインをメインにやってきましたので、自ずとそうなってしまいます。しかし、IllustratorはWebデザインには向いていないとよく言われます。そう言われるにはたくさんの理由があるのだと思うのですが、線にアンチエイリアスがかかるときがあることや、そもそもIllustratorの操作に慣れていないという声もよく聞きました。 ですので、今回こちらの記事では、僕のようなスタイルの人がWebデザインをIllu
リアルの飲食店のWEBはどのようにして作って運用すべきか
右のカラムにリンクしてあるのだが、毎週月曜日に有料メルマガを出しています。 まぐまぐ!版 http://www.mag2.com/m/0001522550.html LINE(BLOGOS)版 http://magazine.livedoor.com/magazine/69 1年かかってやっとこさ、まぐまぐ!の総合ランキングで15位になり、やっとこさマネタイズできるようになってきました。基本的に質問を受けて答えるだけなのだが、315円でもいただく以上、かなり頑張って半日使って書いております。 その中で割と頻度が高い質問に「飲食店のサイトはどのように作ってどのように運営すべきか」というのがあります。飲食店の大半は食べログやぐるなびから集客していると思います。自分も飲食店を調べるときは食べログを使う。一時はステマがひどかったけどなんとか見抜く経験値もできた ww。ただ、外出先からスマホで見よう
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（後編） | Goodpatch Blog
UIデザインの新しいワークフローを作るために長谷川恭久さんとの共同プロジェクトとしてスタートした“Patch Project”。導入部分として長谷川さんにお話頂いたワークフローの提案について「これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）」として記事にしました。後編となる今回は、デザイナーがするべき雰囲気のデザイン、また具体的なワークフローについての話をまとめていきます。 ルック＆フィールを考える photo credit: Crossett Library Bennington College via photopin cc ではHTMLプロトタイプを作っている間にデザイナーがするべきことは何なのか。それは雰囲気をデザインすること。レイアウト以外のデザイン、色やタイポグラフィ、写真や動画について考えていくのです。 具体的に言うと、スタイルガイドを作るこ
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編） | Goodpatch Blog
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに！ まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
CX | SurveyMonkey
Beyond CX: How SurveyMonkey + Salesforce turn feedback into revenue
基本だけど重要なWebコンテンツ掲載前後のチェックリスト#1：事前プラン＆アウトリーチ、オンページSEO | Moz - SEOとインバウンドマーケティングの実践情報
コンテンツの準備が整い、あとは公開するだけ――そんな人にアドバイスしたい。 いったん立ち止まってほしい。そう、今そこで。 念のため言っておくと、私たちの業界は進化してきた。SEO担当者には、技術者、アナリスト、クリエイティブ、マーケターのすべてを兼ね備えた役割が期待されている。仕事を俊敏にパキパキとこなすことは不可欠で、優良なクライアントの関係を獲得したり維持したりしたければ、あらゆる努力をして自分の価値を認めてもらわないと契約は貰えないだろう。 たぶんあなたはこれまで、結構な量のコンテンツをクライアントのために定期的に公開してきたはずだ。SEO、ソーシャルメディア、コンバージョン、計測、そして解析などを考えると、成功するにはやらなくてはならないことが山ほどある。 チェックリストを使おう今回の記事で紹介しているチェックリストは、コンテンツをリリースする前の簡単なリマインダーとして使えること
大規模サイトの制作過程をリアルタイムで公開しているブログの紹介 | パシのSEOブログ
知っている方も多いと思いますが、解体工事のマッチングサービスを行なっているクラッソーネさんが、解体工事業者のポータルサイトの制作経過をリアルタイムSEO日誌で公開しています。完全ホワイトハットSEOでアクセスを集める方法を実践する形です。 私が面白いと感じたのが、ブログでサイト制作やSEOの取り組みをリアルタイムで公開していることです。ブログを見ればわかりますが、1週間毎に記事が更新されており、何をどのように進めて、今後どうして行くのかという事が超細かく解説されています。 しかも完成前にドメインを公開するというのが、まず見ないやり方です。SEOブログでは、1次情報が公開されること自体が珍しいですが、ここまでさらけ出すのはかなり稀なので興味をそそられます。 ちなみに、私は今回取り上げるサイトや企業と一切関わっておりませんので、純粋な紹介＋感想という事になります。いつもどおり好き勝手書かせて頂
SEO(検索エンジン最適化)の記事 | 株式会社クラッソーネ
今回の流れと目的 解体工事をステージごとに分けて考える ステージごとの疑問・悩みについてブレストする 内容を整理する 次回のお知らせ 今回の流れと目的 今回の流れ 今回から「解体工事Q&A(仮称)」制作の過程を [...] read more
うんと楽しくなるホームページの作り方がこれ！『コンセプトダイアグラムとは？』
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる 今回は、いろいろあるホームページの作り方でも、特に楽しい「コンセプトダイアグラム」という方法を紹介します。 コンセプトダイアグラムを利用すれば、自分のホームページに必要なコンテンツや機能を、もっと楽しく、そして正確に知ることができます。ホームページ作成前の準備や改善方法を見つけるときに、ぜひ今回の記事を参考に、コンセプトダイアグラムを作ってみてください！ コンセプトダイアグラムは、こんな絵（図？）を描きながら、ホームページに必要なコンテンツや機能を見つける方法です。ホームページにアクセスするお客さんが
ウェブサービスチームからただよう死臭を嗅ぎ取る方法
わたしは「穴を掘って埋める仕事」を徹底して排除するよう日々コストをかけている。事前に察知できれば全力で回避に努める。だが、無限ループに陥ることもある。ループから抜けるには信用を失うなど相応の代償を支払うことになるけれど、早めの方が双方の傷は浅い。その見分け方を後述する。 工期がきまっていない企画書の完成日がきまっていない競合調査より先に自分達だけで企画を考えるターゲット層の調査より先に自分達だけで企画を考える議事録を取らない議事録を取り始めても訂正や意見がない企画書の雛形を作ってもあいまいな表現でだめ出しだけする思いつくままに会議を進める業務進行の定石を無視して効率の悪い方法を採用するリーダーがウェブに疎いメンバーに技術者がいない(外注)キラーコンテンツの準備より先に課金方法を取り上げるブレスト中にダメ出しする(ブレスト中は発想が縮むためダメ出し禁止)ことあるごとにその分野に疎いことをほの
今こそ安心できるWordPressバックアップを！復旧作業まで実際にやってみたWordPress丸ごとバックアップ法
※BackWPup3が公開されました。BackWPup3でのバックアップ＆復旧手順についてはこちらをご覧ください データのバックアップは大切ですよね！疑う余地はないと思います。 WordPressのブログも例外ではありません。バックアップしている人も多いですよね？ でも、 「WordPress全体をバックアップできていますか？」 そして、 「実際にリストア（復元）作業を試してみたことはありますか？」 GoogleでWordPressのバックアップ方法を調べてみると、データベースだけバックアップして安心していたり、復元方法の解説がない場合がとても多いです。 しかし、私はこう思います。 実際にリストア作業をやってみなきゃ、安心はできない！ リストアできないバックアップは役に立ちません。やはり、一度リストア作業を試してみて、初めて安心できるのではないでしょうか。 そこで今回は、「プラグインを使っ
新春座談会 このコンピュータ書がすごい！ 2013年版
みなさんはどのくらい読まれましたか？ 「アジャイルサムライ」「よくわかるPHPの教科書」「jQueryデザイン入門」は、2011年の総合ランキングにも入っていましたので、すでに読まれた方も多いでしょう。技術の移り変わりが早いこの業界においても、ベストセラーがあるのですね。また、過去に人気のあった素材集や画像ソフトのHowTo本が姿を消し、モバイルやjQuery、データベースなどデベロッパー向けの書籍が目立つ傾向です。 1位の「リーダブルコード」は読みやすく信頼できるコードを書くための指南書で、出版元はオライリージャパンです。意外にも同社の本がランクインするのは初めてということでした。 WordPress本は？ 気になるWordPress本は？といえば、5位に「本格ビジネスサイトを作りながら学ぶ WordPressの教科書」が入っています！このイベント今回で5年目ぐらいでしょうか。昨年までは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lightning Design System
Basic Design Note
SSSSLIDE
