とあるweb屋の仕事術

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

考察

有料Webサービスでの同時ログイン制御をどうするか。サブスクリプションサービスの同時視聴、同時再生、同時使用のパターンまとめ

先日クライアントワークで 月額の有料のWebサービスの案件をリリース しまして、そのときにアカウントの 使い回しについて考察する機会があったので、 有名なサブスクリプション系のWebサービスは どうなってるかなというところをざっくり 調べてみたので、…

【良記事紹介】meta descriptionのベストプラクティス。指定しない(Googleの自動抽出にまかせる)という考え方

サイトの meta description を指定せずに Googleの自動抽出にまかせる方針のほうが よいのでは、という良記事の紹介です。 www.waca.associates 一部引用します。 実務的に考えると、meta descriptionを1ページずつしっかりと考えるのは、かなりの手間です。…

クックパッドのトップページにはh1タグがない件の考察

タイトルのとおりですが、 今回はクックパッドのwesサイト トップページにh1タグがないのを 先日発見したというか、たまたま 見ていてあれーと思ったので、 そんな記事です。 クックパッドのトップにはh1タグがない 2019/08/24時点で、 PCサイト、スマホサイ…

日本経済新聞Webサイト日経電子版のベータテスト/ベータ版「新しい電子版」デザインがいい感じ

日本経済新聞のWebサイト 日経電子版を見ててつい最近、 PCサイトのトップページのヘッダに 「新しい電子版で見る」のボタンが あることに気づきました。 ヘッダ左上に「新しい電子版で見る」のボタンが https://www.nikkei.com/ 左上にある青いボタンです。…

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

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

会員登録フォームの性別欄は男性・女性だけはもう古い。多様性を尊重する形式を考慮しよう

会員登録フォームでは だいたいある項目。 性別の選択。 よく見るのは下記の2種類です。 ○男性 ○女性 ですが、昨今ジェンダーへの関心が 高まっていることもあって、上記の 2種以外の選択肢や入力を促すサイト も増えてきました。 about.mercari.com 「メル…

装飾とあしらいがうまい!記事の見出しタイトルとアイキャッチ画像のデザイン・処理が秀逸なサイト

記事タイトル、見出しの 装飾、あしらいがうまいサイトを 発見したのでメモ&ご紹介。 tokyofreelance.jp スマホサイトより PCサイトのデザインがいいですね。 スクショ貼ります。 記事タイトル、アイキャッチの処理が秀逸です アイキャッチを背景にひいて、…

内部SEOとして優秀なアダルトサイトに学ぶ記事タイトルの付け方。記事タイトル超長い。究極のSEO

今回はアダルトサイトの 商品タイトルや記事タイトルが SEOとして優秀すぎる、 というお話です。 アダルトサイトにいいイメージを 持っていない人も多いと思いますが、 世の中の革新的なテクノロジーの 進化にエロはつきもの。 エロサイトが常に世の中の 技…

クックパッドのプレミアムサービスのお試し利用に学ぶ、Webサイトやサービスを継続的に利用してもらう方法「ゲーミフィケーション」

WebサイトやWebサービスは 継続利用してもらってなんぼ、 ということで 継続的に利用してもらうにはどうすればいいか、 という点において少しヒントになるような良記事を紹介します。 shumaiblog.com ↑こちらの記事では少し古いですが クックパッドが有料で…

WebサイトのナビゲーションにHOME(トップページ)への導線は必要か

先日こんなツイートが話題になっていました。 大抵のWebサイトでロゴを押せばトップ画面に戻れるからメニュー画面の「HOME」は冗長だしはずしたい派な自分なのに、さっき初めて訪れたWebサイトでメニュー開いて「トップページどうやって戻るんや?...ロゴか…

Udemy(ユーデミー)の有料講座をプレゼントする機能がいいなと思った話

以前紹介したUdemy(ユーデミー)ですが、 なにげに見ていていいなと思った機能が あったので、ご紹介。 タイトルのとおりで なんてことはないただの プレゼント機能です。 Udemy(ユーデミー)の有料講座をプレゼントする機能 そんなの世の中のWebサービス…

【良記事ピックアップ】タブUIの考察・最適解

デザイナーなら読んでおきたい 良記事ピックアップシリーズ。 Web屋の現場では、日々の情報収集が スキルに直結していく場面も多い。 普段からいかにアンテナを張って、 引き出しを増やしておくかが スキルアップへの近道であーる! というわけで、さっそく…

漫画から学べる。ドラゴンボールビジネス論が勉強&参考になりすぎておもしろい!

面白くて勉強になるツイートを 見かけたのでご紹介。 漫画ドラゴンボールの キャラクターやストーリーが ビジネス視点で解説されています。 ドラゴンボールビジネス論①「なぜ、同じ人間なのにヤムチャは凋落し、クリリンは世界一強い地球人になれたのか?」…

記事一覧の俯瞰性の高さが秀逸なメディアのWebサイト3選

Webサイトでは ほしい情報にいかに早くアクセスできるか、 情報が見やすいか、ということにおいて、 UI/UXが非常に重要です。 今回は独断と偏見と主観による 記事の一覧性、俯瞰性が秀逸だなと おもったメディアのWebサイトを紹介します。 ライブドアニュー…

Web製作の品質とお金と早さの話

めちゃくちゃ共感、 共感の嵐のこんなツイートがあったので ご紹介。 めっちゃこれいいわ。発注者にわかって欲しい事実。 pic.twitter.com/B4VQZRA0cx — ふぁるこん 7/28-8/2 SIGGRAPH (@makotofalcon) June 19, 2019 品質/価格(安さ)/早さの相関を うま…

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

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

Googleの検索結果がますます充実。リッチリザルトでWebサイトにアクセスせずに情報がゲットできるように

先日Googleが、 新しいリッチリザルトを 正式公開しました。 www.suzukikenichi.com これは何かと言うと 上記の記事の中でも 動画で紹介されていますが、 検索結果に「よくある質問」や 「How to系(方法や手順)」の コンテンツを展開する 新しい検索結果の…

販売戦略のとき意識したいマーケティングの4P。Product、Price、Promotion、Place、どこを攻めるのか考えよう。

マーケティングの4Pとは Product(製品・商品) Price(価格) Promotion(宣伝) Place(販売チャネル) です。 販売戦略に重要な考えで、 どのチャネルを攻略していくか という指標になります。 https://www.bizocean.jp/doc/howto/153/ 4P分析とは、どん…

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

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

メインビジュアルにスライドショー、カルーセルUIを採用しても意味ない問題

トップページの最上部、 ファーストビューによくある カルーセルUI、スライドショーのあれ。 メインビジュアルとか キービジュアルとか ヒーローヘッダとか いろいろ呼び名はありますが、 とにかくスライドして大きな イメージが流れるあれ。 すっかり定番の…

LINEやメッセージアプリの感覚で短いメッセで問い合わせをしてくるユーザの話

先日知人と話をしていた話。 知人はB2Cのサービスをしており、 その業務のなかでサポートデスクと して、ユーザからの問い合わせや 応対などをしています。 「最近問い合わせですべての要件を一回で言ってこないひとが多い」 ユーザから問い合わせをうけてそ…