とある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プロパティ CSSでは、指定した領域をはみ出したときに、テキストを三点リーダー「...」で省略するプロパティがありますよね。 developer.mozilla.org ただこちら、1行…

ここで差がつく!ディレクターの豆知識に。消費増税の大手各サイトのメンテナンス時間まとめ

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

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

フォント選びに役立つ定番の有名おすすめフォントの数々を紹介している良記事を3つ紹介します。フォントに迷ったら定番の有名フォントを使っておけば間違いなし。 ではさっそくひとつめ。 ひとつめは、以下のツイートより。 フォロワーさん増えたので、おス…

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

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

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

デキるWebデザイナー、ディレクターは固有名詞を間違えない。細かいところまで気配りしている人が多いですよね。 そう言えば、文書やメッセージのやり取り時に固有名詞を適切に表現してる人は、仕事において細かい所まで気を配れる人という評価をするんだけ…

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

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

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

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

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

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

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

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

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

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