とあるweb屋の仕事術

とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

ディレクション

【Webデザイナー、ディレクターとしての経験を爆上げする方法】場数を踏む。自発的に何でもやる、勝手にやる、面倒なタスクを積極的に引き受ける

Webデザイナーやディレクターとしての 経験を上げたい。でも経験ばかりは、 ある程度の期間を必要とするのですぐに どうこうできるものでもないし、難しい。 そう考えているひとも多いと思います。 たしかに「経験」は他人から得られるものでも ないですし、…

デキるデザイナー、ディレクターの条件。相手の時間を奪わない、負担をかけない、考えさせない。

ディレクターやデザイナーが Web製作する上で、手を動かす 実務より大切なことがあります。 それは 相手の時間を奪わない、 相手に負担をかけない、 相手に考えさせないやりとりを 心がけること、です。 気が利くかどうかがデキるWeb屋の条件です。 先日見か…

企画・プレゼン力・提案力を養う。別の視点でみる『誰も教えてくれなかった「余白」デザインがわかる本。けっきょく、よはく。 余白を活かしたデザインレイアウトの本』

今回は、デザインは「余白」が9割 というキャッチの書籍、 「けっきょく、よはく。 余白を活かしたデザインレイアウトの本」 を別の視点で見ると、 企画、プレゼン力、提案の勉強になり いい訓練になる、というお話です。 書籍の内容紹介 この書籍は、 お題…

「noteカイゼン報告」はサービスの改善、アイデアが詰まっているので勉強になる

ここ最近Web系の情報収集を していく中で、note に書かれた 記事を目にしない日はないので、 note の勢いがすごいなと思っています。 web業界で note を知らないひとは ほぼいないとおもいます。 note.mu note はサービスの改善がすごい note の何がすごいか…

不具合や技術的な問題が起きたときのガイドライン、テンプレ。クライアントからの質問の質が低い場合は正しく伝えてもらうように誘導しよう

今回はクライアントワークでの コミュニケーションのお話。 先日こんなツイートを見かけました。 技術的な問題で質問する時質問側がちゃんと状況説明できないと難航する。〈悪い例〉サイトが急に動かなくなった!〈良い例〉wordpressで作ったサイトに○○をし…

スマホサイトに記載されている電話番号は「<a href="tel:電話番号">」で電話発信用リンクにするべきか

スマホサイトにある 電話番号はリンクにすべきか問題。 店舗を取り扱っているWebサイト であればお店の電話番号が掲載されているし、 会社サイトであれば 会社概要に電話番号が掲載されています。 ECサイト、ネットショップであれば、 特定商取引法に基づく…

Webサイトの修正依頼・フィードバックをどこまでやるかの線引きと仕切り

Webサイト製作の過程で、 クライアントの確認のフェーズが かならずありますが、そのあとには だいたい修正要望・修正依頼があります。 フィードバックというやつですね。 この修正依頼というやつは なかなか注意が必要です。 言われるがままにやりだすと エ…

仕事をスムーズにこなすための4つの思考【良ツイート紹介】

仕事がうまく回らないときや 回ってない状況を一歩引いてみると、 何かやり方が間違っていて、 遠回りしているということが 多いですよね。 無駄なことをしていたり、 話をややこしくしていたり、 むずかしく考えすぎていたり、 根本から間違っていたり、 方…

1画面内に自動で動く要素を2箇所以上いれないようにデザイン設計をしよう

リッチなUIが多くなってきた昨今の Webサイト。 ブラウザでの表現も豊かになり、 情報の見せ方が多様になってきています。 見栄えがいいからと言って、 なんでもかんでもリッチにすれば いいというわけではないので 基本、1画面内に動く要素が2つ以上ある …

普段の何気ない会話から周囲の人間との情報レベルを合わせておくとディレクションやWeb製作フローがスムーズになりますよ

上司や同僚がどんなことを 考えているのかだったり、 いま気にしているWebのトレンドや 技術は何なのか、 よくみるWebサイト、 よく使うWebサービスは何か。 どんな技術書、 参考書・教本を読んでいるかなど、 よく仕事をするひとが 普段どういった情報に 触…

使いにくいUIでPVと広告収入が増える?記事を分割するUIが採用される理由

メディアサイトによく見られるUIですが、 一つの記事をページ分割、 ページネーションして 分けるサイトがあります。 ページネーションUI このページ分割することは、 UI/UXとしてはいいとは言えません。 ですが採用しているサイトは多いです。 とくにメデ…

結論から言う、具体的に言う、箇条書きにする。要点をまとめて相手に物事をわかりやすく伝える方法。

Web製作で一番むずかしいのは コミュニケーションです。 デザイン設計やシステム設計、 プログラミングなど実装レベルの業務も もちろん難しいですが、プロジェクトを うまく進行するには、 コミュニケーションスキルが必須で、 いちばんむずかしく、悩まし…

2019年5月19日の気になるIT・Web界隈の記事まとめ

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月19日号です。 note.mu jp.techcrunch.com note.mu hbol.jp www.itmedia.co.jp speakerdeck.com goworkship.com coliss.com speakerdeck.com ------- 以上です。 こんなかんじ…

2019年5月16日の気になるIT・Web界隈の記事まとめ

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月16日号です。 目立った動きはとくになし、 それではまとめ、どうぞ。 ics.media qiita.com note.mu weba11y.jp book.mynavi.jp careerhack.en-japan.com note.mu coliss.com w…

2019年5月14日の気になるIT・Web界隈の記事まとめ

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月14日号です。 ボリュームなかなかです。 いろいろ動きがありました! チェックしておきましょう! 気になる動向・ニュース 「CS6以降のアプリがいつでもすべて使える」という…

全国展開のWebサイトにおける地域の分け方(エリア、都道府県の区分)

全国規模での コンテンツを取り扱う Webサイトでは必ず地域での セグメントがあります。 コンテンツの検索や、 ぐるなびや食べログ、 不動産のWebサイトのように 入口が地域で分かれていたりします。 ユーザ視点ではあまり意識することは ないかもしれません…

ヒアリング能力は質問力。質問力、大事。ディレクションやコミュケーションでの質問力の重要性。

質問力、だいじ。 web業界では「質問力」が とても重要なスキルです。 さまざまな場面で必要になるからです。 この業界の門戸をたたくときから必要です。 就職・転職時の面接での質問タイム 組織・チーム内での同僚、先輩や上司とのコミュニケーション クラ…

2019年5月12日の気になるIT・Web界隈の記事まとめ

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月12日号です。 気になる動向・ニュース キャッシュレス推進の鍵となる「個人間送金」。Pay系サービスの対応に違い 今回は記事少なめですが、まとめです。どうぞー。 jp.techcru…

2019年5月9日の気になるIT・Web界隈の記事まとめ

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月9日号です。 気になる動向・ニュース Instagram、アカウント停止に関するガイドラインを改定へ LINEアプリ「画像内の文字起こし」機能を追加!画像内のテキスト翻訳も対応 勉…

2019年5月6日の気になるIT・Web界隈の記事まとめ

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月6日号です。 気になる動向・ニュース Microsoftが丸くなる?新しいデザインのテストを開始へ ほか、学びの多い良記事まとめです。どうぞー。 note.mu www.softantenna.com qii…

Bingのクローラーからの大量アクセスによりサイトがダウンしかけた話

日々、世界中のWebサイトの情報を収集する クローラー。 僕の勤めている会社では 大手のクライアントのwebサイトのサーバ保守も やっているのですが、数年前にこのクローラーが 大量にアクセスしてくることでサーバに負荷が かかり、サイトがダウンしかけた…

会員登録率アップの魔法のことば。「会員登録は30秒で完了します」は優れた会員登録へのアプローチ

webサイトやwebサービスで ユーザに疎まれる機能のひとつに会員登録機能があります。 本当にめんどくさい。 コンテンツを利用しようとしたときに出てくるログイン画面と会員登録への導線。 ユーザの皆さん、うざいと思ったことあると思います。 「面倒だから…

「それをやる意味...」目的を意識せよ。webサイト、webサービスの改善は見た目から考えるとうまくいかない

経験の少ない営業、ディレクター、 web製作者はなんでもすぐ「見た目」の話をしがち、 というおはなし。 webサイトやwebサービスのリニューアルや、 新規機能の導入といった企画・提案において、 見た目、つまりビジュアルの話をしがち。 本質の目的を無視し…

当事者意識が大事。他人まかせにしているプロジェクトやタスクは失敗する。

Webサイト製作の案件でのプロジェクトの進行にあたっては、 自分ひとりしかいないと思え。 自分が要件を取りこぼしたら、誰も拾ってくれないと思え。 これは僕が新人時代、上司に言われた言葉。 企画書作成、要件定義、打ち合わせや、デザイン作業、コーディ…

検索能力は問題解決能力。web製作の現場では調べる力、検索能力のスキルも重要。

組織やチームでweb製作するメリットのひとつ として、知識量と経験値があります。 課題や問題にぶち当たったときに、 自分ひとりの知識や経験だけでなく チーム内の全員の知識と経験がプラスされるので、 解決が早かったり、自分ひとりではたどり着けない ア…

web製作でのメール術「メールは先に書いておく」

web製作や保守運用する場合社内・社外に関わらず、 メールでのやりとりが多いと思います。 今回はメールを先に書いておくメール術を紹介します。 僕がよくやるメール技です。 使いドコロは、タスクの完了報告や進捗報告など、 なにか物事を報告するとき。 た…

船頭が二人になると船が沈む。ディレクションはひとりの人間のみがするべき

webデザイナー、UIデザイナーは デザインレビューやデザインの方針、 デザインの修正指示・フィードバックを 日々受けてこなしていると思いますが、 異なる2名から別々に指示を受けること、 ありませんか? これはけっこうあるあるだと思うのですが、 デザイ…

スパムメールの標的になる「info@〜」のような推測されやすいメールアドレスの利用は避けよう

受託のweb製作でのあるあるなのですが、 サイトのお問い合わせやユーザとの やりとりをするメールアドレスを 「info@toaru.jp」のようにしている、 もしくはしようとしているクライアントは 多いです。 ですが、info@はやめたほうがよいですよ、と 助言する…

プロジェクト管理ツールはもういらない!サクッとプロジェクト管理できるGoogleスプレッドシートがおすすめ

みなさんプロジェクト管理ツール、 使っていますか。 今日は僕の勤めている会社ではどのように プロジェクトを管理して進めているか 紹介します。 いろいろ便利なプロジェクト管理ツールが ありますが、使用しているのは、 管理に使用しているのは、 Google…

ディレクション力は想像力。「相手」を仮想化して先回りすること。

webディレクションは 対人スキルだという話を 以前書いたのですが、少し別の視点の話。 ディレクションに限らずですが、 web制作は人とのコミュニケーションが 制作進行に大きな影響を与えます。 スムーズに進めるためにはどうすればいいか。 こたえは、 「…