とあるweb屋の仕事術

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

【錯覚資産】webデザイナーは初校が大事で最重要。成果物の第一印象がその後の制作フローすべてに影響することを意識しましょう

デザインの初校で信頼度が決まり、 信頼度が仕事の進めやすさに影響する というツイートを見ました。 デザイン提出の初校でつまづくと信頼度が低い所からのスタートになるのでやりづらい事が多い。逆に、すんなり通ると信頼してもらえやすいので仕事も進めや…

webサイトでは珍しいUIや奇をてらったデザインはNG。アフォーダンスをうまく取り入れよう

わかりやすいwebサイト、使いやすいwebサイトとは何かを考えさせてくれる 良ツイートを発見。 Webサイトで「珍しいデザイン」を用いるのはNGだ例えば下記のECは「+」「-」で数量を変更できるが、見慣れないため、何のボタンか分からない(数量との関連性が…

サクッとアクセシビリティを確認するのに便利。色覚シミュレーションアプリ「色のシミュレータ」

今回は少しだけアクセシビリティよりのお話。 便利なアプリを紹介します。 「色のシミュレータ」です。 色のシミュレータ Kazunori Asada 教育 無料 apps.apple.com アプリの紹介テキストをそのまま引用します。 「色のシミュレータ」は、様々な色覚特性を持…

記事の中身や概要がわかるOGP画像がいい!記事の要約をOGP画像に全部いれてしまおう

OGPだけで記事の中身や概要がわかるのって いいですよね。 アイキャッチやOGP画像は、 サイト運営する上でかなり重要な要素ですが、 まじめに作成するとなると結構な手間と労力を 必要とするので、いちいち作成していられない という方も多いと思います。 ク…

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

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

メルカリPCサイトに学ぶ。複数行のテキストを省略して末尾...の3点リーダーに代わるホワイトアウト省略方法

一覧表示のUIでよくある、 テキスト省略のTipsです。 CSSでは、指定した領域をはみ出したときに、 テキストを三点リーダー「...」で省略する プロパティがありますよね。 developer.mozilla.org ただこちら、1行のテキストにしか対応できません。 複数行でい…

消費増税の大手各サイトのメンテナンス時間まとめ

web屋のみなさま、 消費増税の対応、おつかれさまでした。 いや疲れましたね...。 9/30から10/1にかけての深夜から早朝まで 消費増税対応に追われましたが、 なんとか無事対応完了することができました。 消費増税のようなイベントは、 Webサイトを保守する…

【良記事紹介】フォントに迷ったらとりあえず定番の有名フォント使っておけば間違いない。おすすめフォント記事3選

フォント選びに役立つ定番の有名おすすめフォントの 数々を紹介している良記事を3つ紹介します。 フォントに迷ったら定番の有名フォントを ではさっそくひとつめ。 ひとつめは、ツイートですが、下記です。 フォロワーさん増えたので、おススメの書体載せと…

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

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

固有名詞は辞書ツールで単語登録すべし。細かい所まで気を配る&入力間違いもナシで効率化、一石二鳥。

先日こんなツイートを見かけました。 そう言えば、文書やメッセージのやり取り時に固有名詞を適切に表現してる人は、仕事において細かい所まで気を配れる人という評価をするんだけど、この判断方法結構当たる例・macbook pro -> MacBook Pro・airpods -> Air…

Webサイトのわかりやすさの正体は常識と慣習。見たことがある、使ったことがあるUIはわかりやすい

Webサイトのわかりやすさのひとつの基準。 それは「使い慣れたものである」ということがあげられます。 先日こんなツイートを見かけました。 リンクを押させたいなら「青字下線リンク」に勝るクリエイティブはないダサいかもしれないが、とにかくクリックさ…

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

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

一緒に仕事したいと思うWebエンジニア/デザイナーはゼロ回答をせずに代案を出す。

Web製作は、社内社外問わず なんといってもコミュニケーションの つらみが多いですよね。 Webエンジニアやデザイナーは クライアントやディレクター、 同じチームや組織のメンバーから 実現方法や仕様の相談を受けることが 多いとますが、こういうときにやっ…

スマホのディスプレイ、画面サイズ、解像度の種類の多さの説明に役立つ記事

モバイルファーストやレスポンシブデザインが 当たり前になってきている最近のWebサイト。 スマホ端末がどのくらい世の中にあるのか、 わかりやすい記事をご紹介します。 少し古いですがまずはこちら gigazine.net 可視化されているのでわかりやすいですね。…

最近よく見かけるCookieの使用を宣言したり使用にクッキーの使用に同意するUIはGDPR対策の一環

海外のサイトでよく見られる Cookie使用に同意するUIや クッキーの使用を宣言して ユーザに案内を促すUI。 ここ最近では少しづつ、 日本のWebサイトでも 見かけるようになってきました。 CNET Japan CNET Japan のサイトではフッターでCookieの使用宣言と同…