週刊Webテク通信

2019年8月第3週号 1位は, ユーザーフレンドリーなウェブサイトを作る5つの原則,気になるネタは,ショッピングから工場やホームドアまで--デンソーが開発した「QRコード」が25周年

この記事を読むのに必要な時間:およそ 2 分

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2019年8月5日~8月11日の間に見つけた記事のベスト5です。

1. How to Create a User-Friendly Website: 5 Key Principles you Need to Know - Codica Bloghttps://www.codica.com/blog/5-key-website-usability-principles/

ユーザーフレンドリーなウェブサイトを作る5つの原則を紹介しています。

  1. ナビゲーションを簡単に
  2. スタイルに一貫性を持たせる
  3. 業界で標準的なデザインにならう
  4. 写真やイラストを使う
  5. モバイル対応する

図1 ユーザーフレンドリーなウェブサイトを作る5つの原則

図1 ユーザーフレンドリーなウェブサイトを作る5つの原則

2. User Experience: How to Design Effective Call to Actionhttps://design4users.com/how-to-design-call-to-action/

効果的なコールトゥアクションをデザインする方法をまとめた記事です。

ボタンのサイズ,色と形,場所,マイクロコピーについて,細かく解説しています。

図2 効果的なコールトゥアクションをデザインする方法

図2 効果的なコールトゥアクションをデザインする方法

3. Improve Your Site’s UX With These 5 Video Content Ideas - noupehttps://www.noupe.com/design/improve-your-sites-ux-with-these-5-video-content-ideas.html

サイトのUXを改善する動画コンテンツのアイデアを5つ紹介しています。

  1. ウェルカム動画
  2. 商品紹介動画
  3. お客様の声動画
  4. チーム紹介動画
  5. 事例紹介動画

図3 UXを改善する動画コンテンツのアイデア

図3 UXを改善する動画コンテンツのアイデア

4. Bootstrap Navbar Guide and Free Navigation Examples - Designmodohttps://designmodo.com/bootstrap-navbar/

Bootstrapのナビゲーションバーに関するガイドです。

  • 色を変える
  • アイテムの整列
  • ブレークポイントの変更

また,サードパーティによるBootstrapのためのナビゲーションバーもいくつか紹介しています。

図4 Bootstrapのナビゲーションバーに関するガイド

図4 Bootstrapのナビゲーションバーに関するガイド

5. CSS empty Selector | SamanthaMing.comhttps://www.samanthaming.com/tidbits/72-css-empty-selector

CSSのemptyセレクタについて解説した記事です。

empty=空とみなされるケースとそうでない場合や,使用例について紹介しています。

図5 CSSのemptyセレクタについて

図5 CSSのemptyセレクタについて

そのほか,最近の記事の中から,気になるニュース記事を紹介します。

先週の気になるWebサービス

Audioship - Upload MP3 to YouTubehttps://audioship.io/

Audioshipは音声ファイルをYouTubeにアップロードするサービスです。ポッドキャストなど音声だけのコンテンツをYouTubeにアップするときに役立ちます。

YouTube動画にするために画像が必要なのですが,自分で作った画像ファイルを選ぶだけでなく,用意されている写真素材を使うこともできます。有料プランだとこのサービス上で画像に文字を入れる作業もできるようです。

月に1時間までの音声ファイルなら,無料で利用できます。無料で使っても,このサービスのロゴなどが勝手に入ったりしません。月額固定のプランだけでなく,3時間,10時間などの単位で必要な時間分だけ購入できるところも便利です。

図6 音声ファイルをYouTubeにアップロードするサービス

図6 音声ファイルをYouTubeにアップロードするサービス

今週の気になるWebネタ

ショッピングから工場やホームドアまで--デンソーが開発した「QRコード」が25周年 - CNET Japanhttps://japan.cnet.com/article/35141071/

QRコードが誕生から25周年を迎えました。もともとは,自動車部品メーカーのデンソーが工場で使用するために作ったものなんですね。

特許の権利を行使せず規格をオープンにしたことが,普及した理由として大きいのでしょう。世界中に広がり,最近では話題のキャッシュレス決済の主流がQRコードによる決済になってきています。

iPhoneの標準カメラアプリがQRコード対応になって,便利になったことは印象的な出来事でした。Androidでも,今は多くの機種がQRコードリーダー機能を搭載しているようです。専用アプリが不要になるほど,QRコードがスタンダードな存在になったということですね。

著者プロフィール

芦之由(あしのよし)

Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。シャープMZ-80Bからのパソコンユーザーで,Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。

デイリーWebテク - Webテク関連の話題を毎日配信 -
URLhttp://www.rgs680.com/dwt/